在前端 Word 还能这样玩；React & Vue的组件通信；拥抱云时代的前端开发架构：微前端；Vue.js 无限滚动列表性能优化方案；在 JavaScript 中使用 Array.flat() 扁平化数组；javascript之深度学习；打算写一个《重学Node.js》系列，希望大家多多支持；celty：c站出品微前端框架
-
在前端 Word 还能这样玩前阵子听到公司运营的小姐姐们在抱怨，说在富文本编辑器中发布包含图片的 Word 文档时，图片和文本内容不能一起复制，每次她们都得分开处理，对于包含较多图片的 Word 时，她们处理起来很抓狂。目前她们所使用后…
-
拥抱云时代的前端开发架构：微前端 “首先必须明确微前端不是框架、不是工具/库，而是一套架构体系，它包括若干库、工具、中心化治理平台以及相关配套设施。”
-
Vue.js 无限滚动列表性能优化方案 大家都知道，Web 页面修改 DOM 是开销较大的操作，相比其他操作要慢很多。这是为什么呢？因为每次 DOM 修改，浏览器往往需要重新计算元素布局，再重新渲染。也就是所谓的重排（reflow）和重绘（repaint）。尤其是在页面包含大量元素和复杂布局的情况下，性能会受到影响。那对用户有什么实际的影响呢？ 一个常见的场景…
-
javascript之深度学习 以下是关于深度学习之javascript系列的目录，原书来自于 livebook.manning.com/book/deep-l… ,我将周期性不定时进行中文翻译本的加载，对 machine learning with javascript 有兴趣的天使们可以关注我，咱们一起学习并讨论，让我们共同来探寻智能与前端连接点，帮助前端迈进智能化时代～ 1.简介篇：深度学习和javasc…
-
Node.js在控制台彩色输出的方法及原理 本文首发于本人博客 Node.js在控制台彩色输出的方法及原理 ，欢迎大家访问:kissing_heart: 我们都知道，在nodejs环境下使用普通的 console.log , console.error , console.info 输出都是不会有颜色的，如果你不知道，那你现在知道啦:smirk:。在这种情况下，如果我们需要彩色输出，则通常通过 chalk 这个node模块来实…
-
分享 GitHub 上有趣、入门的开源项目：《HelloGitHub》第 44 期 兴趣是最好的老师，HelloGitHub 就是帮你找到兴趣！ 简介 分享 GitHub 上有趣、入门级的开源项目。 这是一个面向编程新手、热爱编程、对开源社区感兴趣 人群的月刊，月刊的内容包括：各种编程语言的项目、让生活变得更美好的工具、书籍、学习笔记、教程等，这些开源项目大多都是…
-
Go 号称几行代码开启一个 HTTP Server，底层都做了什么？ 点击上方蓝色“Go语言中文网”关注我们，领全套Go资料，每天学习 Go 语言 前言 对于Golang来说，实现一个简单的http server非常容易，只需要短短几行代码。同时有了协程的加持，Go实现的http server能够取得非常优秀的性能。这篇文章将会对go标准库net/http实现http服务的原理进行较为深…
-
深入理解JavaScript之执行上下文和变量对象 继续接着上篇文章，上篇我们说到函数上下文的结构可表示为 const ExecutionContextObj = { VO: window, // 变量对象 ScopeChain: {}, // 作用域链 this: window }; 复制代码 即每个函数上下文，都要有这三个重要属性： 变量对象(Variable object, VO) 作用域链(Scope chain) this 今天再细…
-
性能让你的 React 组件跑得再快一点 性能和渲染（Render）正相关 React 基于虚拟 DOM 和高效 Diff 算法的完美配合，实现了对 DOM 最小粒度的更新。大多数情况下，React 对 DOM 的渲染效率足以我们的业务日常。但在个别复杂业务场景下，性能问题依然会困扰我们。此时需要采取一些措施来提升运行性能，其很重要的一个方向，就是避免不必要的渲染（Ren…
-
复用 JavaScript 测试用例 本文主要讲述在增加测试用例有效性的同时，降低测试用例的开发成本。 原文链接： Reusing JavaScript Tests 大多数人都觉得写测试用例实在是太难了~ :triumph: 首先思考一下我们为什么会需要测试用例呢？ 代码定义了一组执行特定操作的指令。下面这个函数被视为执行定义明确的数学运算: y = a + b…
-
JavaScript 是怎么工作的：内存管理及怎么处理四种常见的内存泄露 几个星期前，我们开始了一个系列，旨在更深入地研究 JavaScript 及其实际工作原理:我们认为，通过了解 JavaScript 的构建块以及它们如何协同工作，您将能够编写更好的代码和应用程序。 本系列的第一篇文章重点介绍了 引擎、运行时和调用堆栈的概述 。第二篇文章仔细研究了谷歌的 V8 JavaScript 引擎的内部部分 ,也提…
-
webpack-chain 重新构建你的 webpack 应用 刚入驻掘金，不懂掘金的审核机制是什么，发表了文章两天连个标签都进不去，也没有地方找人查明原因。只能再发一篇了～ 开篇 很多人都或多或少使用过 webpack，但是很少有人能够系统的学习 webpack 配置，遇到错误的时候就会一脸懵，不知道从哪查起？性能优化时也不知道能做什么，网上的优化教程是不是符合自己的项目…
-
（译）JavaScript的工作原理：事件循环和异步编程的兴起 + 5 种 async/await 更好的编码方式 欢迎阅读该系列文章的第4部分，该文章专门探讨JavaScript及其构建组件。 在识别和描述核心元素的过程中，我们还共享一些在构建 SessionStack 时使用的经验法则， SessionStack 是一个 JavaScript 应用程序，必须强大且高性能确保竞争力。 您是否错过了前三章？ 您可以在这里找到它们： An overview of the eng…
-
了解JS数组的常用方法 数组是一种线性表数据结构。它用一组连续的内存空间，来存储一组具有相同类型的数据。 上图可以看出，数组的存储方式为连续的内存空间，那么几句可以通过下面的方式， a _address = base_address + i * data_type_size 复制代码 实现高效的数组随机访问。中间操作就没那么高效了，因为要在中间的位置…
-
使用 TS 声明文件+JSDoc 对 es 项目提供智能提示 背景：最近做的内部使用的管理系统，使用 es6 构建，之前一直使用 typescript 构建项目，感觉到写声明文件真的很烦很浪费时间。这次使用 es6 构建项目，发现效率更低，没有智能提示浪费的时间比写声明文件的多了好几倍。 VS Code 对 JavaScript 项目的支持 VS Code 编辑器通过 jsconfig.js（ts 项目是 tsconfig.js…
-
深入浅出 JavaScript 原型链 追求进步的同学都关注了 “ 1024译站 ” 这是1024译站的第 32 篇文章 了解原型链继承的概念 这篇文章，我们来学习一下 JavaScript 原型链。我们将了解对象之间是怎么关联的，以及如何实现对象之间的继承关系。 1 目标 作为开发人员，我们写代码的主要任务就是操作数据。我们获取数据…
-
通过Node.js实现MongoDB的数据库复制转移我需要把原来的 MongoDB 数据完整拷贝到新服务器上，查了一下实现方式蛮多的，但我觉得都不如写个 node 脚本来实现自由方便，这个方式也应该没有跨版本不兼容的坑，至少我从3.4升级到4.2是没问题的脚本依赖 mongo…
-
angular异步验证防抖爬坑记本周的一个需求是在一个异步验证上加上防抖，防抖，以前也接触过，依稀记得不难，就没再去看angluar的官方文档，直接就开始google写了，然后……一不小心就掉坑里了。
-
我和前端的猿粪，了解一下我眼中的前端 作为一个自学前端的靓仔（小白），最开始在我的世界中是没有前端这个概念的，相当长一段时间内，我一直把前端称之为「做网站」，是不是有点飘？ 1、我眼中的前端 点进来了这篇文章，应该会对前端稍微有那么一点点了解。 高大上一点说： 我所见，我所得，皆为前端 ；大白话： 嗯，就是“做网站”的 。至于专业…
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
