前端大全的技术动态
前端大全
2020-02-03 20:08:45 发布
《TypeScript和JavaScript混合开发，这或许是配上单元测试的最佳实践》既然你选择了TypeScript，那么尽量不要使用any，特殊情况下可以用索引签名或者泛型解决……
TypeScript和JavaScript混合开发，这或许是配上单元测试的最佳实践（by Peter 谭金杰）
2020-02-03 20:08:45 发布
《TypeScript和JavaScript混合开发，这或许是配上单元测试的最佳实践》既然你选择了TypeScript，那么尽量不要使用any，特殊情况下可以用索引签名或者泛型解决……
TypeScript和JavaScript混合开发，这或许是配上单元测试的最佳实践（by Peter 谭金杰）
前端大全
2020-02-01 08:08:49 发布
《Web 视频播放前前后后那些事》从2000年代初期到后期，网络上的视频播放主要依靠Flash插件。HTML5将 <video> 标签带到当前 Web，这个新标签允许您直接从HTML链接到视频，就像标签对图像所做的一样。Web 视频播放前前后后那些事（jackpu 译）
2020-02-01 08:08:49 发布
《Web 视频播放前前后后那些事》从2000年代初期到后期，网络上的视频播放主要依靠Flash插件。HTML5将 <video> 标签带到当前 Web，这个新标签允许您直接从HTML链接到视频，就像标签对图像所做的一样。
Web 视频播放前前后后那些事（jackpu 译）
前端大全
2020-01-31 13:08:49 发布
《各种场景唤起 App 骚操作》起 App 应该是很常见的问题了。我们在开发 H5 的时候，有一些链路上的功能在 H5 不支持，只能去 App 才能完成。比如，下单、支付等功能。那么在更多的场景能够唤起 App 就显得很重要了。各种场景唤起 App 骚操作（by 罗学）
2020-01-31 13:08:49 发布
《各种场景唤起 App 骚操作》起 App 应该是很常见的问题了。我们在开发 H5 的时候，有一些链路上的功能在 H5 不支持，只能去 App 才能完成。比如，下单、支付等功能。那么在更多的场景能够唤起 App 就显得很重要了。
各种场景唤起 App 骚操作（by 罗学）
前端大全
2020-01-30 00:00:00 发布
《vue前端交互模式-es7的语法结构？async/await》前端发请求，调用后端接口，来获取特定格式的数据，老板问了，你会前后端交互模式吗？vue的那种。异步接口调用，常常使用到的语法，promise的概念是什么呢？调用接口的方式，第一种为，fetch进行接口调用，第二种为，axios进行接口的调用。vue前端交互模式-es7的语法结构？async/await（by Jeskson ）
2020-01-30 00:00:00 发布
《vue前端交互模式-es7的语法结构？async/await》前端发请求，调用后端接口，来获取特定格式的数据，老板问了，你会前后端交互模式吗？vue的那种。异步接口调用，常常使用到的语法，promise的概念是什么呢？调用接口的方式，第一种为，fetch进行接口调用，第二种为，axios进行接口的调用。
vue前端交互模式-es7的语法结构？async/await（by Jeskson ）
前端大全
2020-01-27 20:07:42 发布
《字节跳动面试官：请你实现一个大文件上传和断点续传》事实上我在面试的时候确实被问到了这个问题，而且是一道在线 coding 的编程题，当时虽然思路正确，可惜最终也并不算完全答对。那么究竟该如何实现一个大文件上传，以及在上传中如何实现断点续传的功能呢？字节跳动面试官：请你实现一个大文件上传和断点续传（by yeyan1996）
2020-01-27 20:07:42 发布
《字节跳动面试官：请你实现一个大文件上传和断点续传》事实上我在面试的时候确实被问到了这个问题，而且是一道在线 coding 的编程题，当时虽然思路正确，可惜最终也并不算完全答对。那么究竟该如何实现一个大文件上传，以及在上传中如何实现断点续传的功能呢？
字节跳动面试官：请你实现一个大文件上传和断点续传（by yeyan1996）
前端大全
2020-01-26 00:00:00 发布
《如何快速提升 JSON.stringify() 的性能？》在一些性能敏感的场合下（例如服务端处理大量并发），或面对大量 stringify 的操作时，我们会希望它的性能更好，速度更快。这也催生了一些优化的 stringify 方案/库。如何快速提升 JSON.stringify() 的性能？（by AlienZHOU）
2020-01-26 00:00:00 发布
《如何快速提升 JSON.stringify() 的性能？》在一些性能敏感的场合下（例如服务端处理大量并发），或面对大量 stringify 的操作时，我们会希望它的性能更好，速度更快。这也催生了一些优化的 stringify 方案/库。
如何快速提升 JSON.stringify() 的性能？（by AlienZHOU）
前端大全
2020-01-25 00:00:00 发布
《通过 Node.js 的 Cluster 模块源码，深入 PM2 原理》Node.js无疑是走向大前端、全栈工程师技术栈最快的捷径（但是一定要会一门其他后台语言，推荐Golang），虽然Node.js做很多事情都做不好，但是在某些方面还是有它的优势。通过 Node.js 的 Cluster 模块源码，深入 PM2 原理（by Peter 谭金杰）
2020-01-25 00:00:00 发布
《通过 Node.js 的 Cluster 模块源码，深入 PM2 原理》Node.js无疑是走向大前端、全栈工程师技术栈最快的捷径（但是一定要会一门其他后台语言，推荐Golang），虽然Node.js做很多事情都做不好，但是在某些方面还是有它的优势。
通过 Node.js 的 Cluster 模块源码，深入 PM2 原理（by Peter 谭金杰）
前端大全
2020-01-23 00:00:00 发布
《手把手教你写几个实用的 AST 插件》AST 是非常有用的。上午一直在搬砖，下午听了小组一个老哥做的AST分享，觉得做的很好。为了加深印象，就写了篇总结，顺便分享给大家，希望能给朋友们一些帮助和启发。可能小伙伴要问，AST真有这么厉害？手把手教你写几个实用的 AST 插件（by 南山皮小蛋）
2020-01-23 00:00:00 发布
《手把手教你写几个实用的 AST 插件》AST 是非常有用的。上午一直在搬砖，下午听了小组一个老哥做的AST分享，觉得做的很好。为了加深印象，就写了篇总结，顺便分享给大家，希望能给朋友们一些帮助和启发。可能小伙伴要问，AST真有这么厉害？
手把手教你写几个实用的 AST 插件（by 南山皮小蛋）
前端大全
2020-01-22 08:08:33 发布
《前端性能优化之自定义性能指标及上报方法详解》性能优化是所有前端人的追求，在这条路上，方法多种多样。这篇文章，说一下利用浏览器的一些API，可以怎样进行自定义性能指标及上报。前端性能优化之自定义性能指标及上报方法详解（by LuckyWinty）
2020-01-22 08:08:33 发布
《前端性能优化之自定义性能指标及上报方法详解》性能优化是所有前端人的追求，在这条路上，方法多种多样。这篇文章，说一下利用浏览器的一些API，可以怎样进行自定义性能指标及上报。
前端性能优化之自定义性能指标及上报方法详解（by LuckyWinty）
前端大全
2020-01-21 20:08:33 发布
《十分钟上手 ES2020 新特性》ES2020 是 ECMAScript 对应 2020 年的版本。这个版本不像 ES6 (ES2015)那样包含大量新特性。但也添加了许多有趣且有用的特性。本文以简单的代码示例来介绍 ES2020新特性。这样，你可以很快理解这些新功能，而不需要多么复杂的解释。十分钟上手 ES2020 新特性（by 浪里行舟）
2020-01-21 20:08:33 发布
《十分钟上手 ES2020 新特性》ES2020 是 ECMAScript 对应 2020 年的版本。这个版本不像 ES6 (ES2015)那样包含大量新特性。但也添加了许多有趣且有用的特性。本文以简单的代码示例来介绍 ES2020新特性。这样，你可以很快理解这些新功能，而不需要多么复杂的解释。
十分钟上手 ES2020 新特性（by 浪里行舟）
前端大全
2020-01-21 20:08:33 发布
《2020 大前端冲刺大厂面试题必备（上）》越是开放性的题目，更能体现回答者的水平，一场好的面试，不仅能发现面试者的不足，也能找到他的闪光点，还能提升面试官自身的技术。2020 大前端冲刺大厂面试题必备（上）（by Peter 谭金杰）
2020-01-21 20:08:33 发布
《2020 大前端冲刺大厂面试题必备（上）》越是开放性的题目，更能体现回答者的水平，一场好的面试，不仅能发现面试者的不足，也能找到他的闪光点，还能提升面试官自身的技术。
2020 大前端冲刺大厂面试题必备（上）（by Peter 谭金杰）
前端大全
2020-01-19 21:07:53 发布
《前端安全：你必须要注意的依赖安全漏洞》前段时间 Lodash 的一个安全漏洞刷爆了朋友圈，我们先来回忆下这个安全漏洞：攻击者可以通过 Lodash 的一些函数覆盖或污染应用程序。例如：通过 Lodash 库中的函数 defaultsDeep 可以修改 Object.prototype 的属性。前端安全：你必须要注意的依赖安全漏洞（by ConardLi ）
2020-01-19 21:07:53 发布
《前端安全：你必须要注意的依赖安全漏洞》前段时间 Lodash 的一个安全漏洞刷爆了朋友圈，我们先来回忆下这个安全漏洞：攻击者可以通过 Lodash 的一些函数覆盖或污染应用程序。例如：通过 Lodash 库中的函数 defaultsDeep 可以修改 Object.prototype 的属性。
前端安全：你必须要注意的依赖安全漏洞（by ConardLi ）
前端大全
2020-01-18 00:00:00 发布
《图文并茂，为你揭开“单点登录“的神秘面纱》单点登录( SSO），用于多个应用系统间，用户只需要登录一次就可以访问所有相互信任的应用系统。图文并茂，为你揭开“单点登录“的神秘面纱（by 政采云前端团队）
2020-01-18 00:00:00 发布
《图文并茂，为你揭开“单点登录“的神秘面纱》单点登录( SSO），用于多个应用系统间，用户只需要登录一次就可以访问所有相互信任的应用系统。
图文并茂，为你揭开“单点登录“的神秘面纱（by 政采云前端团队）
前端大全
2020-01-15 00:00:00 发布
《如何全方位优化你的超大型 React 应用》React为了大型应用而生，Electron和React-native赋予了它构建移动端跨平台App和桌面应用的能力，Taro则赋予了它一次编写，生成多种平台小程序和React-native应用的能力。如何全方位优化你的超大型 React 应用（by Peter 谭金杰）
2020-01-15 00:00:00 发布
《如何全方位优化你的超大型 React 应用》React为了大型应用而生，Electron和React-native赋予了它构建移动端跨平台App和桌面应用的能力，Taro则赋予了它一次编写，生成多种平台小程序和React-native应用的能力。
如何全方位优化你的超大型 React 应用（by Peter 谭金杰）
前端大全
2020-01-14 20:08:24 发布
《如何进行 web 性能监控》本文就来整理下如何进行 web 性能监控？包括我们需要监控的指标、监控的分类、performance 分析以及如何监控。如何进行 web 性能监控（by liu, summerqy）
2020-01-14 20:08:24 发布
《如何进行 web 性能监控》本文就来整理下如何进行 web 性能监控？包括我们需要监控的指标、监控的分类、performance 分析以及如何监控。
如何进行 web 性能监控（by liu, summerqy）
前端大全
2020-01-14 12:08:24 发布
《一文带你看透Vue前端路由》vue router是vue.js官方的路由管理器，它和vue.js的核心深度集成，让构建单页面应用变得易如反掌。一文带你看透Vue前端路由（by Jeskson）
2020-01-14 12:08:24 发布
《一文带你看透Vue前端路由》vue router是vue.js官方的路由管理器，它和vue.js的核心深度集成，让构建单页面应用变得易如反掌。
一文带你看透Vue前端路由（by Jeskson）
前端大全
2020-01-11 00:00:00 发布
《Typescript 那些好用的技巧》一年前刚接触 Typescript 会觉得它加大了代码工作量。写一大堆东西，为了找某个类型东奔西跑，引入第三库还经常报错。然而现在的我想说：真香。Typescript 那些好用的技巧（by peen）
2020-01-11 00:00:00 发布
《Typescript 那些好用的技巧》一年前刚接触 Typescript 会觉得它加大了代码工作量。写一大堆东西，为了找某个类型东奔西跑，引入第三库还经常报错。然而现在的我想说：真香。
Typescript 那些好用的技巧（by peen）
前端大全
2020-01-10 20:08:33 发布
《一道不一样的前端架构师最终面试题》本次写作来源于一次面试，前端架构师岗位，最后面试官临时给我掏出了一道比较少见的面试题 ，终究斩获offer ，虽然这道题并不难，但是考察的东西挺有趣。一道不一样的前端架构师最终面试题（by Peter 谭金杰）
2020-01-10 20:08:33 发布
《一道不一样的前端架构师最终面试题》本次写作来源于一次面试，前端架构师岗位，最后面试官临时给我掏出了一道比较少见的面试题 ，终究斩获offer ，虽然这道题并不难，但是考察的东西挺有趣。
一道不一样的前端架构师最终面试题（by Peter 谭金杰）
前端大全
2020-01-09 20:09:16 发布
《PWA 是移动开发的未来吗？》渐进式Web应用程序（Progressive Web Application，简称PWA）是使用常见的Web技术（HTML、CSS和JavaScript）构建的应用程序，其发行方式与其他Web应用程序一样，还拥有类似于原生的功能。PWA 是移动开发的未来吗？（by CSDN）
2020-01-09 20:09:16 发布
《PWA 是移动开发的未来吗？》渐进式Web应用程序（Progressive Web Application，简称PWA）是使用常见的Web技术（HTML、CSS和JavaScript）构建的应用程序，其发行方式与其他Web应用程序一样，还拥有类似于原生的功能。
PWA 是移动开发的未来吗？（by CSDN）
前端大全
2020-01-07 00:00:00 发布
《用 Docker 搭建你的第一个 Node 项目到服务器》Docker 使用 Google 公司推出的 Go 语言 进行开发实现，基于 Linux 内核 的cgroup，namespace，以及 AUFS 类的 UnionFS 等技术，对进程进行封装隔离，属于操作系统层面的虚拟化技术。用 Docker 搭建你的第一个 Node 项目到服务器（by kaola）
2020-01-07 00:00:00 发布
《用 Docker 搭建你的第一个 Node 项目到服务器》Docker 使用 Google 公司推出的 Go 语言 进行开发实现，基于 Linux 内核 的cgroup，namespace，以及 AUFS 类的 UnionFS 等技术，对进程进行封装隔离，属于操作系统层面的虚拟化技术。
用 Docker 搭建你的第一个 Node 项目到服务器（by kaola）
前端大全
2020-01-07 00:00:00 发布
《你连 HTTPS 原理都不懂，还讲“中间人攻击”？》这篇干货不错，把HTTPS的原理讲清楚了，而且容易懂，建议大家好好读一下。你连 HTTPS 原理都不懂，还讲“中间人攻击”？（by leapmie）
2020-01-07 00:00:00 发布
《你连 HTTPS 原理都不懂，还讲“中间人攻击”？》这篇干货不错，把HTTPS的原理讲清楚了，而且容易懂，建议大家好好读一下。
你连 HTTPS 原理都不懂，还讲“中间人攻击”？（by leapmie）
前端大全
2020-01-06 00:00:00 发布
《十几道含答案的大厂面试题总结》十几道含答案的大厂面试题总结
年底了，又到了跳槽季啦，该刷题走起了。这里总结了一些被问到可能会懵逼的面试真题，有需要的可以看下～（by winty）
1. 说说JavaScript中有哪些异步编程方式?
2. 有哪些监控网页卡顿的方法？
3. 说说script 标签中的defer 和 async 异同点？
4. margin:auto 为什么可以实现垂直居中？
2020-01-06 00:00:00 发布
《十几道含答案的大厂面试题总结》
十几道含答案的大厂面试题总结年底了，又到了跳槽季啦，该刷题走起了。这里总结了一些被问到可能会懵逼的面试真题，有需要的可以看下～（by winty）
1. 说说JavaScript中有哪些异步编程方式?
2. 有哪些监控网页卡顿的方法？
3. 说说script 标签中的defer 和 async 异同点？
4. margin:auto 为什么可以实现垂直居中？
前端大全
2020-01-03 00:00:00 发布
《如何答一道惊艳面试官的数组去重问题？》数组去重应该是面试必考问题之一。虽然它是一道并不复杂的问题，但是也能看出面试者的广度和深度，还有考虑问题的全面性。当面试官问到时怎么回答？如何答一道惊艳面试官的数组去重问题？（by koalaCoding ）
2020-01-03 00:00:00 发布
《如何答一道惊艳面试官的数组去重问题？》数组去重应该是面试必考问题之一。虽然它是一道并不复杂的问题，但是也能看出面试者的广度和深度，还有考虑问题的全面性。当面试官问到时怎么回答？
如何答一道惊艳面试官的数组去重问题？（by koalaCoding ）
前端大全
2020-01-03 00:00:00 发布
《2008 至今，Chrome 如何成长为霸主》2008 年，微软的 Internet Explorer（IE）浏览器几乎占据了全球浏览器市场份额的 60%。而现在，Chrome 在浏览器市场稳居第一，占有率接近 70%。谷歌是如何在这些年里使 Chrome 从零进入并逐渐主导一个全新的领域？2008 至今，Chrome 如何成长为霸主（by 开源中国）
2020-01-03 00:00:00 发布
《2008 至今，Chrome 如何成长为霸主》2008 年，微软的 Internet Explorer（IE）浏览器几乎占据了全球浏览器市场份额的 60%。而现在，Chrome 在浏览器市场稳居第一，占有率接近 70%。谷歌是如何在这些年里使 Chrome 从零进入并逐渐主导一个全新的领域？
2008 至今，Chrome 如何成长为霸主（by 开源中国）
前端大全
2020-01-02 20:07:41 发布
《Node.js 模块系统源码探微》Node.js 的出现使得前端工程师可以跨端工作在服务器上，当然，一个新的运行环境的诞生亦会带来新的模块、功能、抑或是思想上的革新，本文将带领读者领略 Node.js 的模块设计思想以及剖析部分核心源码实现。Node.js 模块系统源码探微（by 神父）
2020-01-02 20:07:41 发布
《Node.js 模块系统源码探微》Node.js 的出现使得前端工程师可以跨端工作在服务器上，当然，一个新的运行环境的诞生亦会带来新的模块、功能、抑或是思想上的革新，本文将带领读者领略 Node.js 的模块设计思想以及剖析部分核心源码实现。
Node.js 模块系统源码探微（by 神父）
前端大全
2019-12-31 00:00:00 发布
《package.json 知多少？》package.json 中有非常多的属性，其中必须填写的只有两个：name 和 version ，这两个属性组成一个 npm 模块的唯一标识。package.json 知多少？（by ConardLi）
2019-12-31 00:00:00 发布
《package.json 知多少？》package.json 中有非常多的属性，其中必须填写的只有两个：name 和 version ，这两个属性组成一个 npm 模块的唯一标识。
package.json 知多少？（by ConardLi）
前端大全
2019-12-29 19:07:44 发布
《JS 引擎 V8 发布 v8 版》JavaScript 引擎 V8 发布了 8.0 版本，此版本除了修复一些 bug，毫无疑问又带来了性能的提高。目前是预览，正式版将于几个星期后随 Chrome 80 Stable 一起发布。JS 引擎 V8 发布 v8 版（by 开源中国）
2019-12-29 19:07:44 发布
《JS 引擎 V8 发布 v8 版》JavaScript 引擎 V8 发布了 8.0 版本，此版本除了修复一些 bug，毫无疑问又带来了性能的提高。目前是预览，正式版将于几个星期后随 Chrome 80 Stable 一起发布。
JS 引擎 V8 发布 v8 版（by 开源中国）
前端大全
2019-12-29 08:08:03 发布
《npm install 原理分析》开门见山，npm install 大概会经过上面的几个流程，本篇文章来讲一讲各个流程的实现细节、发展以及为何要这样实现。npm install 原理分析（by ConardLi）
2019-12-29 08:08:03 发布
《npm install 原理分析》开门见山，npm install 大概会经过上面的几个流程，本篇文章来讲一讲各个流程的实现细节、发展以及为何要这样实现。
npm install 原理分析（by ConardLi）
前端大全
2019-12-28 20:08:03 发布
《乾坤大挪移！React 也能 “用上” computed 属性》模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。回想我们编写的 React 代码，是否也在 JSX 中放入了太多的逻辑导致 render 函数难以维护？乾坤大挪移！React 也能 “用上” computed 属性（by 不二）
2019-12-28 20:08:03 发布
《乾坤大挪移！React 也能 “用上” computed 属性》模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。回想我们编写的 React 代码，是否也在 JSX 中放入了太多的逻辑导致 render 函数难以维护？
乾坤大挪移！React 也能 “用上” computed 属性（by 不二）
前端大全
2019-12-25 20:08:06 发布
《7 个令人兴奋的 JavaScript 新特性》一个ECMAScript标准的制作过程，包含了Stage 0到Stage 4五个阶段，每个阶段提交至下一阶段都需要TC39审批通过。本文介绍这些新特性处于Stage 3或者Stage 4阶段，这意味着应该很快在浏览器和其他引擎中支持这些特性。7 个令人兴奋的 JavaScript 新特性（by 浪里行舟）
2019-12-25 20:08:06 发布
《7 个令人兴奋的 JavaScript 新特性》一个ECMAScript标准的制作过程，包含了Stage 0到Stage 4五个阶段，每个阶段提交至下一阶段都需要TC39审批通过。本文介绍这些新特性处于Stage 3或者Stage 4阶段，这意味着应该很快在浏览器和其他引擎中支持这些特性。
7 个令人兴奋的 JavaScript 新特性（by 浪里行舟）
前端大全
2019-12-24 00:00:00 发布
《一步步从零开始用 webpack 搭建一个大型项目》本文从最基础配置一步步到一个完善的大型项目的过程。让你对 webpack 再也不会畏惧，让它真正成为你的得力助手！
网页链接（by 罗学）
2019-12-24 00:00:00 发布
《一步步从零开始用 webpack 搭建一个大型项目》本文从最基础配置一步步到一个完善的大型项目的过程。让你对 webpack 再也不会畏惧，让它真正成为你的得力助手！
网页链接（by 罗学）
前端大全
2019-12-23 00:00:00 发布
【2019 年 JavaScript 现状调查报告火热出炉！】StateOfJS 方面表示，因 JavaScript 的生态系统发展未能尽如人意的原因，其又发布了 2019 年的 JavaScript 现状调查报告。今年的 JavaScript 状态是该调查的第四版，覆盖了 21,717 位受访者。2019 年 JavaScript 现状调查报告火热出炉！（oschina 译 ）
2019-12-23 00:00:00 发布
【2019 年 JavaScript 现状调查报告火热出炉！】StateOfJS 方面表示，因 JavaScript 的生态系统发展未能尽如人意的原因，其又发布了 2019 年的 JavaScript 现状调查报告。今年的 JavaScript 状态是该调查的第四版，覆盖了 21,717 位受访者。
2019 年 JavaScript 现状调查报告火热出炉！（oschina 译 ）
前端大全
2019-12-20 20:06:47 发布
《来自新时代的 CSS》从1997年 CSS1.0 发布到如今，从最开始只支持简单的文字排版到如今已经可以做出酷炫的3D动画，CSS已经走过了22个年头。CSS不再是内联写几个margin，padding或者HTML一股脑引入几个CSS就足够的……来自新时代的 CSS（by 陈大鱼头）
2019-12-20 20:06:47 发布
《来自新时代的 CSS》从1997年 CSS1.0 发布到如今，从最开始只支持简单的文字排版到如今已经可以做出酷炫的3D动画，CSS已经走过了22个年头。CSS不再是内联写几个margin，padding或者HTML一股脑引入几个CSS就足够的……
来自新时代的 CSS（by 陈大鱼头）
前端大全
2019-12-19 00:00:00 发布
【2019 年前端事件回顾】详细?点击2019 年前端事件回顾
在过去的一年中，前端开发再次加快了发展的速度，本文总结了2019年以来的所有大事、新闻和趋势。
- React 再次荣登前端流行库的榜首，且用户的数量仍在增长，而 jQuery 出乎意料地保住了第二名的位置，紧随其后的是 Angular 和 Vue。
- 在2019年初发布的StackOverflow调查中，TypeScript 与 Python 并列第二，成为了最受欢迎的语言，仅次于 Rust。
2019-12-19 00:00:00 发布
【2019 年前端事件回顾】详细?点击
2019 年前端事件回顾在过去的一年中，前端开发再次加快了发展的速度，本文总结了2019年以来的所有大事、新闻和趋势。
- React 再次荣登前端流行库的榜首，且用户的数量仍在增长，而 jQuery 出乎意料地保住了第二名的位置，紧随其后的是 Angular 和 Vue。
- 在2019年初发布的StackOverflow调查中，TypeScript 与 Python 并列第二，成为了最受欢迎的语言，仅次于 Rust。
前端大全
2019-12-19 08:07:28 发布
《了解什么是微前端》作为前端开发人员，这些年来你一直在开发单体应用，即使你已经知道这是一个不好的做法。您将代码划分为组件，使用 require 或 import 并将package.json中定义的npm包或已安装的子git仓库添加到项目中，但最终构建了一个整体。了解什么是微前端（by Vincent.W）
2019-12-19 08:07:28 发布
《了解什么是微前端》作为前端开发人员，这些年来你一直在开发单体应用，即使你已经知道这是一个不好的做法。您将代码划分为组件，使用 require 或 import 并将package.json中定义的npm包或已安装的子git仓库添加到项目中，但最终构建了一个整体。
了解什么是微前端（by Vincent.W）
前端大全
2019-12-18 20:06:59 发布
《让你的组件千变万化，Vue slot 剖玄析微》Vue 代码中的 slot 是插槽。<slot> 元素作为组件模板之中的内容分发插槽，传入内容后 <slot> 元素自身将被替换。看了上面这句官方解释，可能一样不知道 slot 指的是什么，那么就来看看在 Vue 中，什么时候你需要用到 slot 。让你的组件千变万化，Vue slot 剖玄析微（by 季节）
2019-12-18 20:06:59 发布
《让你的组件千变万化，Vue slot 剖玄析微》Vue 代码中的 slot 是插槽。<slot> 元素作为组件模板之中的内容分发插槽，传入内容后 <slot> 元素自身将被替换。看了上面这句官方解释，可能一样不知道 slot 指的是什么，那么就来看看在 Vue 中，什么时候你需要用到 slot 。
让你的组件千变万化，Vue slot 剖玄析微（by 季节）
前端大全
2019-12-17 00:00:00 发布
《你可能不知道的 CSS 计数器》CSS 里面的伪元素其实是非常好用的，但是经常容易被大家忽略，伪元素里面常用到的 content 属性，可能现在很多人仅仅以为 content 属性的值只支持字符串，除了字符串外常用到的还有 uri、counter ，今天所要介绍的就是 conter(计数器)。你可能不知道的 CSS 计数器（by 桃翁）
2019-12-17 00:00:00 发布
《你可能不知道的 CSS 计数器》CSS 里面的伪元素其实是非常好用的，但是经常容易被大家忽略，伪元素里面常用到的 content 属性，可能现在很多人仅仅以为 content 属性的值只支持字符串，除了字符串外常用到的还有 uri、counter ，今天所要介绍的就是 conter(计数器)。
你可能不知道的 CSS 计数器（by 桃翁）
前端大全
2019-12-14 00:00:00 发布
《2019 年前端大事件回顾：流年笑掷，未来可期》React在国际上仍是No.1库，并且还在增长；jQuery作为老牌库仍占据第二的位置，紧随其后的是Angular和Vue。2019 年前端大事件回顾：流年笑掷，未来可期（by 前端劝退师）
2019-12-14 00:00:00 发布
《2019 年前端大事件回顾：流年笑掷，未来可期》React在国际上仍是No.1库，并且还在增长；jQuery作为老牌库仍占据第二的位置，紧随其后的是Angular和Vue。
2019 年前端大事件回顾：流年笑掷，未来可期（by 前端劝退师）
前端大全
2019-12-13 00:00:00 发布
《ES7、ES8、ES9、ES10新特性大盘点》从 ECMAScript 2016（ES7）开始，版本发布变得更加频繁，每年发布一个新版本，好在每次版本的更新内容并不多，本文会细说这些新特性，尽可能和旧知识相关联，帮你迅速上手这些特性。ES7、ES8、ES9、ES10新特性大盘点（by 浪里行舟）
2019-12-13 00:00:00 发布
《ES7、ES8、ES9、ES10新特性大盘点》从 ECMAScript 2016（ES7）开始，版本发布变得更加频繁，每年发布一个新版本，好在每次版本的更新内容并不多，本文会细说这些新特性，尽可能和旧知识相关联，帮你迅速上手这些特性。
ES7、ES8、ES9、ES10新特性大盘点（by 浪里行舟）
前端大全
2019-12-12 00:00:00 发布
《读 koa2 源码后的一些思考与实践》koa2 是由 Express原班人马打造的，是现在比较流行的基于Node.js平台的web开发框架，Koa 把 Express 中内置的 router、view 等功能都移除了，使得框架本身更轻量，而且扩展性很强。读 koa2 源码后的一些思考与实践（by koala）
2019-12-12 00:00:00 发布
《读 koa2 源码后的一些思考与实践》koa2 是由 Express原班人马打造的，是现在比较流行的基于Node.js平台的web开发框架，Koa 把 Express 中内置的 router、view 等功能都移除了，使得框架本身更轻量，而且扩展性很强。
读 koa2 源码后的一些思考与实践（by koala）
前端大全
2019-12-11 00:00:00 发布
《可能是最全的 “文本溢出截断省略” 方案合集》文本溢出截断省略是很常见的一种需考虑的业务场景细节。看上去 “稀松平常” ，但在实现上却有不同的区分，是单行截断还是多行截断？多行的截断判断是基于行数还是基于高度？可能是最全的 “文本溢出截断省略” 方案合集（by 政采云前端团队）
2019-12-11 00:00:00 发布
《可能是最全的 “文本溢出截断省略” 方案合集》文本溢出截断省略是很常见的一种需考虑的业务场景细节。看上去 “稀松平常” ，但在实现上却有不同的区分，是单行截断还是多行截断？多行的截断判断是基于行数还是基于高度？
可能是最全的 “文本溢出截断省略” 方案合集（by 政采云前端团队）
前端大全
2019-12-11 08:07:12 发布
《关于前端埋点统计方案思考》埋点即监控用户在应用表现层的行为，于产品迭代而言至关重要。埋点数据分析是产品需求的 来源，检验功能是否达预期的 佐证。前端较服务端更接近用户，本小白将在此对前端埋点统计方案述说一二。关于前端埋点统计方案思考（by 呆恋小喵 ）
2019-12-11 08:07:12 发布
《关于前端埋点统计方案思考》埋点即监控用户在应用表现层的行为，于产品迭代而言至关重要。埋点数据分析是产品需求的 来源，检验功能是否达预期的 佐证。前端较服务端更接近用户，本小白将在此对前端埋点统计方案述说一二。
关于前端埋点统计方案思考（by 呆恋小喵 ）
前端大全
2019-12-10 19:07:12 发布
《基于 Vue 的两层吸顶踩坑总结》近日，在做活动页的过程中遇到两层吸顶的需求，并且要兼容 IE9 及以上的浏览器。乍一看不就是个吸顶嘛，应该不难吧，事实证明还是踩了很多坑才出来。兼容性问题多到吐血，我太难了。基于 Vue 的两层吸顶踩坑总结（by 政采云前端团队）
2019-12-10 19:07:12 发布
《基于 Vue 的两层吸顶踩坑总结》近日，在做活动页的过程中遇到两层吸顶的需求，并且要兼容 IE9 及以上的浏览器。乍一看不就是个吸顶嘛，应该不难吧，事实证明还是踩了很多坑才出来。兼容性问题多到吐血，我太难了。
基于 Vue 的两层吸顶踩坑总结（by 政采云前端团队）
前端大全
2019-12-10 08:09:00 发布
《不容错过的 Babel 7 知识汇总》Babel 是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。本文希望能够帮助你对 Babel 的各种配置有一个更清晰的认识。不容错过的 Babel 7 知识汇总（by 刘小夕）
2019-12-10 08:09:00 发布
《不容错过的 Babel 7 知识汇总》Babel 是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。本文希望能够帮助你对 Babel 的各种配置有一个更清晰的认识。
不容错过的 Babel 7 知识汇总（by 刘小夕）
前端大全
2019-12-09 20:08:55 发布
《前端领域的 Docker 与 Kubernetes》看完本文希望读者能够了解到，Docker 的基本原理，Kubernetes 是怎么工作的， 对于前端 Kubernetes 有哪些优势与玩法。前端领域的 Docker 与 Kubernetes（by 网易云音乐前端团队）
2019-12-09 20:08:55 发布
《前端领域的 Docker 与 Kubernetes》看完本文希望读者能够了解到，Docker 的基本原理，Kubernetes 是怎么工作的， 对于前端 Kubernetes 有哪些优势与玩法。
前端领域的 Docker 与 Kubernetes（by 网易云音乐前端团队）
前端大全
2019-12-05 08:07:39 发布
《万字长文之 Serverless 实战详细指南》Serverless = Faas (Function as a service) + Baas (Backend as a service)。Serverless 让我们更专注于业务开发。万字长文之 Serverless 实战详细指南（by winty）
2019-12-05 08:07:39 发布
《万字长文之 Serverless 实战详细指南》Serverless = Faas (Function as a service) + Baas (Backend as a service)。Serverless 让我们更专注于业务开发。
万字长文之 Serverless 实战详细指南（by winty）
前端大全
2019-12-03 08:07:06 发布
《TCP为啥要3次握手和4次挥手？握两次手不行吗？》TCP有6种标识:SYN(建立联机) ACK(确认) PSH(传送) FIN(结束) RST(重置) URG(紧急)。TCP为啥要3次握手和4次挥手？握两次手不行吗？（by 雨点的名字）
2019-12-03 08:07:06 发布
《TCP为啥要3次握手和4次挥手？握两次手不行吗？》TCP有6种标识:SYN(建立联机) ACK(确认) PSH(传送) FIN(结束) RST(重置) URG(紧急)。
TCP为啥要3次握手和4次挥手？握两次手不行吗？（by 雨点的名字）
前端大全
2019-11-28 00:00:00 发布
《渲染树怎么形成的你真的很懂吗？》对 HTML 文档结构化的表述，后端服务器返回给浏览器渲染引擎的 HTML 文件字节流是无法直接被浏览器渲染引擎理解的，要转化为渲染器引擎可以理解的内部结构，这个结构就是 DOM。渲染树怎么形成的你真的很懂吗？（by koala）
2019-11-28 00:00:00 发布
《渲染树怎么形成的你真的很懂吗？》对 HTML 文档结构化的表述，后端服务器返回给浏览器渲染引擎的 HTML 文件字节流是无法直接被浏览器渲染引擎理解的，要转化为渲染器引擎可以理解的内部结构，这个结构就是 DOM。
渲染树怎么形成的你真的很懂吗？（by koala）
前端大全
2019-11-26 00:00:00 发布
《一个阿里前端工程师的成长之路》这是在阿里内部前端大学的一个分享，整理了一份对外的版本，希望分享内容能对你有所帮助。一个阿里前端工程师的成长之路（by 蚂蚁金服@ 玉伯）
2019-11-26 00:00:00 发布
《一个阿里前端工程师的成长之路》这是在阿里内部前端大学的一个分享，整理了一份对外的版本，希望分享内容能对你有所帮助。
一个阿里前端工程师的成长之路（by 蚂蚁金服@ 玉伯）
前端大全
2019-11-25 00:00:00 发布
《常用排序算法之JavaScript实现》笔试面试经常涉及各种算法，本文简要介绍常用的一些算法，并用JavaScript实现。常用排序算法之JavaScript实现（by ywang1724）
2019-11-25 00:00:00 发布
《常用排序算法之JavaScript实现》笔试面试经常涉及各种算法，本文简要介绍常用的一些算法，并用JavaScript实现。
常用排序算法之JavaScript实现（by ywang1724）
前端大全
2019-11-25 00:00:00 发布
《JavaScript 中的位运算和权限设计》根据位运算的特点，设计一个权限系统（添加、删除、判断等）。JavaScript 中的位运算和权限设计（by 云音乐前端团队）
2019-11-25 00:00:00 发布
《JavaScript 中的位运算和权限设计》根据位运算的特点，设计一个权限系统（添加、删除、判断等）。
JavaScript 中的位运算和权限设计（by 云音乐前端团队）
前端大全
2019-11-24 19:07:56 发布
《React 函数式组件性能优化指南》本文只介绍函数式组件特有的性能优化方式，类组件和函数式组件都有的不介绍，比如 key 的使用。另外本文不详细的介绍 API 的使用，后面也许会写，其实想用好 hooks 还是蛮难的。React 函数式组件性能优化指南（by 桃翁 ）
2019-11-24 19:07:56 发布
《React 函数式组件性能优化指南》本文只介绍函数式组件特有的性能优化方式，类组件和函数式组件都有的不介绍，比如 key 的使用。另外本文不详细的介绍 API 的使用，后面也许会写，其实想用好 hooks 还是蛮难的。
React 函数式组件性能优化指南（by 桃翁 ）
前端大全
2019-11-22 20:07:28 发布
《GitHub 四万星标的 axios！如何写一个像它那样牛叉的请求库》前端开发中，经常会遇到发送异步请求的场景。Axios库可以大大降低我们的开发成本，提高开发效率。因此，本文就是要了解下 axios 是如何设计，以及如何实现 HTTP 请求库封装的。GitHub 四万星标的 axios！如何写一个像它那样牛叉的请求库（zhangbao90s 译）
2019-11-22 20:07:28 发布
《GitHub 四万星标的 axios！如何写一个像它那样牛叉的请求库》前端开发中，经常会遇到发送异步请求的场景。Axios库可以大大降低我们的开发成本，提高开发效率。因此，本文就是要了解下 axios 是如何设计，以及如何实现 HTTP 请求库封装的。
GitHub 四万星标的 axios！如何写一个像它那样牛叉的请求库（zhangbao90s 译）
前端大全
2019-11-21 00:00:00 发布
《Nodejs 之 RPC 协议简介》随着 Nodejs 的兴起，越来越多的 Web 服务中间层被搭建起来。如 Node 服务端渲染，BFF(Backend For Frontend))层，而 RPC 是远端过程调用，经常用于 BFF 层。Nodejs 之 RPC 协议简介（by winty）
2019-11-21 00:00:00 发布
《Nodejs 之 RPC 协议简介》随着 Nodejs 的兴起，越来越多的 Web 服务中间层被搭建起来。如 Node 服务端渲染，BFF(Backend For Frontend))层，而 RPC 是远端过程调用，经常用于 BFF 层。
Nodejs 之 RPC 协议简介（by winty）
前端大全
2019-11-19 08:05:56 发布
《JS 框架安全报告：jQuery 下载次数超过 1.2 亿次》根据开源安全平台 Snyk 统计，目前至少十分之六的网站受到 jQuery XSS 漏洞的影响，甚至用于扩展 jQuery 功能的 jQuery 库还引入了更多的安全问题。JS 框架安全报告：jQuery 下载次数超过 1.2 亿次（by 开源中国）
2019-11-19 08:05:56 发布
《JS 框架安全报告：jQuery 下载次数超过 1.2 亿次》根据开源安全平台 Snyk 统计，目前至少十分之六的网站受到 jQuery XSS 漏洞的影响，甚至用于扩展 jQuery 功能的 jQuery 库还引入了更多的安全问题。
JS 框架安全报告：jQuery 下载次数超过 1.2 亿次（by 开源中国）
前端大全
2019-11-18 12:05:56 发布
《深入理解 Node.js 进程与线程》Node.js 里通过 node app.js 开启一个服务进程，多进程就是进程的复制，fork 出来的每个进程都拥有自己的独立空间地址、数据栈，一个进程无法访问另外一个进程里定义的变量、数据结构，只有建立了 IPC 通信，进程之间才可数据共享。深入理解 Node.js 进程与线程（by koala）
2019-11-18 12:05:56 发布
《深入理解 Node.js 进程与线程》Node.js 里通过 node app.js 开启一个服务进程，多进程就是进程的复制，fork 出来的每个进程都拥有自己的独立空间地址、数据栈，一个进程无法访问另外一个进程里定义的变量、数据结构，只有建立了 IPC 通信，进程之间才可数据共享。
深入理解 Node.js 进程与线程（by koala）
前端大全
2019-11-15 21:06:35 发布
《经常被面试官考的 JavaScript 数据类型知识你真的懂吗？》解答一下图中的两道题目！本篇文章会以一个面试官问问题的角度来进行分析讲解。经常被面试官考的 JavaScript 数据类型知识你真的懂吗？（by koala）
2019-11-15 21:06:35 发布
《经常被面试官考的 JavaScript 数据类型知识你真的懂吗？》解答一下图中的两道题目！本篇文章会以一个面试官问问题的角度来进行分析讲解。
经常被面试官考的 JavaScript 数据类型知识你真的懂吗？（by koala）
前端大全
2019-11-13 00:00:00 发布
《一文搞懂 Web 中暗藏的密码学》密开发网站登录功能时，如何保证密码在传输过程/储存的安全？MD5加密啊。诸不知，密码学在网络七层模型，甚至web开发中的应用比我想象得多得多。一文搞懂 Web 中暗藏的密码学（by 前端劝退师）
2019-11-13 00:00:00 发布
《一文搞懂 Web 中暗藏的密码学》密开发网站登录功能时，如何保证密码在传输过程/储存的安全？MD5加密啊。诸不知，密码学在网络七层模型，甚至web开发中的应用比我想象得多得多。
一文搞懂 Web 中暗藏的密码学（by 前端劝退师）
前端大全
2019-11-11 00:00:00 发布
《JavaScript 运行原理》在本文中，我们仅探讨一个问题：JavaScript 是如何工作的？JavaScript 运行原理（梁天培_Tim 译）
2019-11-11 00:00:00 发布
《JavaScript 运行原理》在本文中，我们仅探讨一个问题：JavaScript 是如何工作的？
JavaScript 运行原理（梁天培_Tim 译）
前端大全
2019-11-11 00:00:00 发布
《一篇文章彻底搞定富文本原理 + 实战》单纯的文字已经无法表达他们内心的需求?，于是就想来点样式，顺便加个图片，来篇图文并茂的文章，就像小型 Word 那样，就再好不过了！于是富文本就这样诞生了，开发者们也纷纷开始了踩坑之旅???。一篇文章彻底搞定富文本原理 + 实战（by 尤水就下）
2019-11-11 00:00:00 发布
《一篇文章彻底搞定富文本原理 + 实战》单纯的文字已经无法表达他们内心的需求?，于是就想来点样式，顺便加个图片，来篇图文并茂的文章，就像小型 Word 那样，就再好不过了！于是富文本就这样诞生了，开发者们也纷纷开始了踩坑之旅???。
一篇文章彻底搞定富文本原理 + 实战（by 尤水就下）
前端大全
2019-11-09 00:00:00 发布
《腾讯CDC团队：前端异常监控解决方案》操作应用过程中如果出现异常，有可能是前端引起，也有可能是后端引起，需要有一个机制，将前后端串联起来，使监控本身统一于监控系统。要根据实际系统的设计，在最终的报表中体现出监控对开发和业务的帮助。网页链接（by Tencent CDC）
2019-11-09 00:00:00 发布
《腾讯CDC团队：前端异常监控解决方案》操作应用过程中如果出现异常，有可能是前端引起，也有可能是后端引起，需要有一个机制，将前后端串联起来，使监控本身统一于监控系统。要根据实际系统的设计，在最终的报表中体现出监控对开发和业务的帮助。
网页链接（by Tencent CDC）
前端大全
2019-11-08 00:00:00 发布
《这一次，彻底弄懂 Promise 原理》Promise 必须为以下三种状态之一：等待态（Pending）、执行态（Fulfilled）和拒绝态（Rejected）。一旦Promise 被 resolve 或 reject，不能再迁移至其他任何状态（即状态 immutable）。这一次，彻底弄懂 Promise 原理（by winty）
2019-11-08 00:00:00 发布
《这一次，彻底弄懂 Promise 原理》Promise 必须为以下三种状态之一：等待态（Pending）、执行态（Fulfilled）和拒绝态（Rejected）。一旦Promise 被 resolve 或 reject，不能再迁移至其他任何状态（即状态 immutable）。
这一次，彻底弄懂 Promise 原理（by winty）
前端大全
2019-11-07 00:00:00 发布
《Typescript 严格模式有多严格？》"use strict"指令在JavaScript 1.8.5 (ECMAScript5)中新增。至今，前端 er 们基本都默认开启严格模式敲代码。那么，你知道Typescript其实也有属于自己的严格模式吗？Typescript 严格模式有多严格？（by 前端劝退师）
2019-11-07 00:00:00 发布
《Typescript 严格模式有多严格？》"use strict"指令在JavaScript 1.8.5 (ECMAScript5)中新增。至今，前端 er 们基本都默认开启严格模式敲代码。那么，你知道Typescript其实也有属于自己的严格模式吗？
Typescript 严格模式有多严格？（by 前端劝退师）
前端大全
2019-11-06 00:00:00 发布
《NPM 如何管理依赖包版本》Nodejs成功离不开 npm 优秀的依赖管理系统。在介绍整个依赖系统之前，必须要了解 npm如何管理依赖包的版本，本文将介绍 npm包 的版本发布规范以、何管理各种依赖包的版本以及一些关于包版本的最佳实践。NPM 如何管理依赖包版本（by ConardLi）
2019-11-06 00:00:00 发布
《NPM 如何管理依赖包版本》Nodejs成功离不开 npm 优秀的依赖管理系统。在介绍整个依赖系统之前，必须要了解 npm如何管理依赖包的版本，本文将介绍 npm包 的版本发布规范以、何管理各种依赖包的版本以及一些关于包版本的最佳实践。
NPM 如何管理依赖包版本（by ConardLi）
前端大全
2019-11-04 20:05:49 发布
《炫技，从 12.67s 到 1.06s 的网站性能优化实战》今天，我们将从性能优化的三大方面工作逐步展开介绍，其中包括网络传输性能、页面渲染性能以及JS阻塞性能，系统性地带着读者们体验性能优化的实践流程。网页链接（by jerryOnlyZRJ）
2019-11-04 20:05:49 发布
《炫技，从 12.67s 到 1.06s 的网站性能优化实战》今天，我们将从性能优化的三大方面工作逐步展开介绍，其中包括网络传输性能、页面渲染性能以及JS阻塞性能，系统性地带着读者们体验性能优化的实践流程。
网页链接（by jerryOnlyZRJ）
前端大全
2019-11-01 20:06:20 发布
《vue-router 的超神之路》本文是vue-router系列。这里从浏览器到vue-router原理到最佳实践都会有详细的讲解。vue-router 的超神之路（by 罗学）
2019-11-01 20:06:20 发布
《vue-router 的超神之路》本文是vue-router系列。这里从浏览器到vue-router原理到最佳实践都会有详细的讲解。
vue-router 的超神之路（by 罗学）
前端大全
2019-10-31 09:05:30 发布
《Chrome 浏览器垃圾回收机制与内存泄漏分析》通常情况下，垃圾数据回收分为手动回收和自动回收两种策略。在 V8 中会把堆分为新生代和老生代两个区域，新生代中存放的是生存时间短的对象，老生代中存放的生存时间久的对象。Chrome 浏览器垃圾回收机制与内存泄漏分析（by LuckyWinty）
2019-10-31 09:05:30 发布
《Chrome 浏览器垃圾回收机制与内存泄漏分析》通常情况下，垃圾数据回收分为手动回收和自动回收两种策略。在 V8 中会把堆分为新生代和老生代两个区域，新生代中存放的是生存时间短的对象，老生代中存放的生存时间久的对象。
Chrome 浏览器垃圾回收机制与内存泄漏分析（by LuckyWinty）
前端大全
2019-10-30 08:06:45 发布
《React Hooks异步操作二三事》React Hooks 是 React 16.8 的新功能，可以在不编写 class 的情况下使用状态等功能，从而使得函数式组件从无状态的变化为有状态的。React Hooks异步操作二三事（by 小蘑菇小哥）
2019-10-30 08:06:45 发布
《React Hooks异步操作二三事》React Hooks 是 React 16.8 的新功能，可以在不编写 class 的情况下使用状态等功能，从而使得函数式组件从无状态的变化为有状态的。
React Hooks异步操作二三事（by 小蘑菇小哥）
前端大全
2019-10-29 21:06:45 发布
《代码美化的艺术》代码质量不仅体现在逻辑上，也要体现在形式上。尤其前端代码，在日渐复杂的单页面开发中，代码格式化不仅是为了美观，也是为了更好的阅读及检查。本文范例主要以 Angular 为主，但是代码美化的建议同样适用于 React 和 Vue。代码美化的艺术（by 叙帝利）
2019-10-29 21:06:45 发布
《代码美化的艺术》代码质量不仅体现在逻辑上，也要体现在形式上。尤其前端代码，在日渐复杂的单页面开发中，代码格式化不仅是为了美观，也是为了更好的阅读及检查。本文范例主要以 Angular 为主，但是代码美化的建议同样适用于 React 和 Vue。
代码美化的艺术（by 叙帝利）
前端大全
2019-10-29 11:06:21 发布
【不用 GPU！在终端用 JS 搞 3D 图形渲染】
Zero 是一个小型的图形演示，它用 JavaScript 来复制 GPU 的功能，并在终端通过 Nodejs 的 stdout 来显示其渲染输出。
开发者称，Zero 是为了好玩而编写的，同时也是为了看看可以在多大程度上合理地提高 JS 性能。已经在 Windows、OSX 和 Linux 的终端上测试过渲染效果。
GitHub repo：网页链接
2019-10-29 11:06:21 发布
【不用 GPU！在终端用 JS 搞 3D 图形渲染】
Zero 是一个小型的图形演示，它用 JavaScript 来复制 GPU 的功能，并在终端通过 Nodejs 的 stdout 来显示其渲染输出。
开发者称，Zero 是为了好玩而编写的，同时也是为了看看可以在多大程度上合理地提高 JS 性能。已经在 Windows、OSX 和 Linux 的终端上测试过渲染效果。
GitHub repo：
网页链接
前端大全
2019-10-28 00:00:00 发布
《微信 H5 页面兼容性解决方案》最近给公司微信公众号，写了微信h5业务页面，总结分享一下前端开发过程中的几个兼容性坑。网页链接（by codercao）
2019-10-28 00:00:00 发布
《微信 H5 页面兼容性解决方案》最近给公司微信公众号，写了微信h5业务页面，总结分享一下前端开发过程中的几个兼容性坑。
网页链接（by codercao）
前端大全
2019-10-27 00:00:00 发布
《JavaScript 手写代码无敌秘籍》秘籍主要有实现一个new操作符、JSON.stringify、JSON.parse、call或 apply等。JavaScript 手写代码无敌秘籍（by 前端劝退师）
2019-10-27 00:00:00 发布
《JavaScript 手写代码无敌秘籍》秘籍主要有实现一个new操作符、JSON.stringify、JSON.parse、call或 apply等。
JavaScript 手写代码无敌秘籍（by 前端劝退师）
前端大全
2019-10-24 00:00:00 发布
《面试须知：浏览器相关原理详细总结（1）》问Chrome 打开一个页面需要启动多少进程？分别有哪些进程？面试须知：浏览器相关原理详细总结（1）（by winty）
2019-10-24 00:00:00 发布
《面试须知：浏览器相关原理详细总结（1）》问Chrome 打开一个页面需要启动多少进程？分别有哪些进程？
面试须知：浏览器相关原理详细总结（1）（by winty）
前端大全
2019-10-22 09:06:03 发布
《如何用120行代码，实现一个交互完整的拖拽上传组件？》本文将讲述如何将现有 React 组件改写为 React Hooks 函数组件，并使用React Hooks编写自己的UI组件库。如何用120行代码，实现一个交互完整的拖拽上传组件？
2019-10-22 09:06:03 发布
《如何用120行代码，实现一个交互完整的拖拽上传组件？》本文将讲述如何将现有 React 组件改写为 React Hooks 函数组件，并使用React Hooks编写自己的UI组件库。
如何用120行代码，实现一个交互完整的拖拽上传组件？
前端大全
2019-10-21 00:00:00 发布
《如何使用 Proxy 来代理 JavaScript 里的类》Proxy 对象（Proxy）是 ES6 的一个非常酷却鲜为人知的特性。虽然这个特性存在已久，但是我还是想在本文中对其稍作解释，并用一个例子说明一下它的用法。如何使用 Proxy 来代理 JavaScript 里的类（by SHERlocked93）
2019-10-21 00:00:00 发布
《如何使用 Proxy 来代理 JavaScript 里的类》Proxy 对象（Proxy）是 ES6 的一个非常酷却鲜为人知的特性。虽然这个特性存在已久，但是我还是想在本文中对其稍作解释，并用一个例子说明一下它的用法。
如何使用 Proxy 来代理 JavaScript 里的类（by SHERlocked93）
前端大全
2019-10-19 00:00:00 发布
《JavaScript 工具函数大全》本文总结了JS常见的工具函数。此外，工具函数的命名十分值得借鉴。JavaScript 工具函数大全（by 前端劝退师）
2019-10-19 00:00:00 发布
《JavaScript 工具函数大全》本文总结了JS常见的工具函数。此外，工具函数的命名十分值得借鉴。
JavaScript 工具函数大全（by 前端劝退师）
前端大全
2019-10-17 00:00:00 发布
《深入了解 ES6 强大的 ... 运算符》... 运算符，是 ES6 里一个新引入的运算法，也叫 展开/收集 运算符，我们每天都要和它打交道。这篇文章，我就带你系统的回顾下这个运算符，介绍一些基础和进阶的用法。深入了解 ES6 强大的 ... 运算符（by 皮小蛋）
2019-10-17 00:00:00 发布
《深入了解 ES6 强大的 ... 运算符》... 运算符，是 ES6 里一个新引入的运算法，也叫 展开/收集 运算符，我们每天都要和它打交道。这篇文章，我就带你系统的回顾下这个运算符，介绍一些基础和进阶的用法。
深入了解 ES6 强大的 ... 运算符（by 皮小蛋）
前端大全
2019-10-16 00:00:00 发布
《axios 是如何封装 HTTP 请求的》前端开发中，经常会遇到发送异步请求的场景。一个功能齐全的 HTTP 请求库可以大大降低我们的开发成本，提高开发效率。因此，我们有必要了解下 axios 是如何设计，以及如何实现 HTTP 请求库封装的。axios 是如何封装 HTTP 请求的（zhangbao90s 译）
2019-10-16 00:00:00 发布
《axios 是如何封装 HTTP 请求的》前端开发中，经常会遇到发送异步请求的场景。一个功能齐全的 HTTP 请求库可以大大降低我们的开发成本，提高开发效率。因此，我们有必要了解下 axios 是如何设计，以及如何实现 HTTP 请求库封装的。
axios 是如何封装 HTTP 请求的（zhangbao90s 译）
前端大全
2019-10-14 00:00:00 发布
《Chrome Devtools 高级调试指南（新）》Chrome Devtools 能够用于开发预览、远程调试、性能调优、bug跟踪、断点调试等，测试服务端API数据是否正确、审查页面元素样式及布局、页面加载性能分析、自动化测试。Chrome Devtools 高级调试指南（新）
2019-10-14 00:00:00 发布
《Chrome Devtools 高级调试指南（新）》Chrome Devtools 能够用于开发预览、远程调试、性能调优、bug跟踪、断点调试等，测试服务端API数据是否正确、审查页面元素样式及布局、页面加载性能分析、自动化测试。
Chrome Devtools 高级调试指南（新）
前端大全
2019-10-14 08:05:59 发布
《动手实现一个 react-redux》react-redux 是 redux 官方 React 绑定库。它帮助我们连接UI层和数据层。本文目的不是介绍 react-redux 的使用，而是要动手实现一个简易的 react-redux，希望能够对你有所帮助。动手实现一个 react-redux
2019-10-14 08:05:59 发布
《动手实现一个 react-redux》react-redux 是 redux 官方 React 绑定库。它帮助我们连接UI层和数据层。本文目的不是介绍 react-redux 的使用，而是要动手实现一个简易的 react-redux，希望能够对你有所帮助。
动手实现一个 react-redux
前端大全
2019-10-11 19:56:50 发布
《一文搞懂浏览器缓存机制》提高网页反应速度的一个方式就是使用缓存。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。一文搞懂浏览器缓存机制（by SHERlocked93）
2019-10-11 19:56:50 发布
《一文搞懂浏览器缓存机制》提高网页反应速度的一个方式就是使用缓存。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。
一文搞懂浏览器缓存机制（by SHERlocked93）
前端大全
2019-10-10 20:06:50 发布
《面向对象之 7 大基本原则（JS版）》如果我们在编写程序的时候，一类或者一个方法里面包含了太多方法，对于代码的可读性来说，无非是一场灾难，对于我们来说。所以为了解决这个问题，出现了单一职责。面向对象之 7 大基本原则（JS版）（by Aaron）
2019-10-10 20:06:50 发布
《面向对象之 7 大基本原则（JS版）》如果我们在编写程序的时候，一类或者一个方法里面包含了太多方法，对于代码的可读性来说，无非是一场灾难，对于我们来说。所以为了解决这个问题，出现了单一职责。
面向对象之 7 大基本原则（JS版）（by Aaron）
前端大全
2019-10-08 00:00:00 发布
《WebWorker 在文本标注中的应用》在之前数据瓦片方案的介绍中，我们提到过希望将瓦片裁剪放入 WebWorker 中进行，以保证主线程中用户流畅的地图交互（缩放、平移、旋转）。WebWorker 在文本标注中的应用（by 潘与其）
2019-10-08 00:00:00 发布
《WebWorker 在文本标注中的应用》在之前数据瓦片方案的介绍中，我们提到过希望将瓦片裁剪放入 WebWorker 中进行，以保证主线程中用户流畅的地图交互（缩放、平移、旋转）。
WebWorker 在文本标注中的应用（by 潘与其）
前端大全
2019-10-08 08:07:23 发布
《如何实现 React 中的状态自动保存？》手动保存状态，是比较常见的解决方式，可以配合 React 组件的 componentWillUnmount 生命周期通过 redux 之类的状态管理层对数据进行保存，通过 componentDidMount 周期进行数据恢复。如何实现 React 中的状态自动保存？（by 陈俊宇）
2019-10-08 08:07:23 发布
《如何实现 React 中的状态自动保存？》手动保存状态，是比较常见的解决方式，可以配合 React 组件的 componentWillUnmount 生命周期通过 redux 之类的状态管理层对数据进行保存，通过 componentDidMount 周期进行数据恢复。
如何实现 React 中的状态自动保存？（by 陈俊宇）
前端大全
2019-10-05 00:00:00 发布
《大前端时代，浅谈 JavaScript 开发重型跨平台应用以及架构》大前端时代以及即将到来的5G时代，3D可视化，音视频直播技术，IM即时通讯场景应用我觉得都是大有可为的。前段时间爆款换脸应用出现，到近段时间头像加?的火爆，这是好事。网页链接（by Peter谭金杰）
2019-10-05 00:00:00 发布
《大前端时代，浅谈 JavaScript 开发重型跨平台应用以及架构》大前端时代以及即将到来的5G时代，3D可视化，音视频直播技术，IM即时通讯场景应用我觉得都是大有可为的。前段时间爆款换脸应用出现，到近段时间头像加?的火爆，这是好事。
网页链接（by Peter谭金杰）
前端大全
2019-10-01 00:00:00 发布
《非常全面的前端协作规范》一个人走的更快，一群人可以走得更远，前提是统一的策略，还要不断地反省和优化。本文记录了笔者在制定前端协作规范时的一些思考，希望能给你们也带来一些帮助。非常全面的前端协作规范（by _sx_）
2019-10-01 00:00:00 发布
《非常全面的前端协作规范》一个人走的更快，一群人可以走得更远，前提是统一的策略，还要不断地反省和优化。本文记录了笔者在制定前端协作规范时的一些思考，希望能给你们也带来一些帮助。
非常全面的前端协作规范（by _sx_）
前端大全
2019-09-30 00:00:00 发布
《从零开始手写 redux》Redux 是 JavaScript 状态容器，提供可预测化的状态管理。Redux 除了和 React 一起用外，还支持其它界面库。网页链接（by 刘小夕）
2019-09-30 00:00:00 发布
《从零开始手写 redux》Redux 是 JavaScript 状态容器，提供可预测化的状态管理。Redux 除了和 React 一起用外，还支持其它界面库。
网页链接（by 刘小夕）