1. React before16.3与after 16.3的生命周期详解以及简单应用场景
   对于生命周期的详解以及涉及到的应用场景和误区有不错的见解。

2. 2020年了,再不会webpack敲得代码就不香了
   基于webpack 4+版本的实战详解，从浅入深，熟悉配置，优化配置。

3. 我写CSS的常用套路
   一些通过CSS实现的元素特效案例解析,基于伪类，伪元素到各种CSS属性特性。

1. 从零实现一套属于自己的UI框架-发布到npm
   详细描述了从零开始实现UI组件并发布的整个流程，如果我们接下来要做的vue组件封装，可以参考下。

2. 是时候抛弃Postman了，试试 VS Code 自带神器插件👏👏👏
   推荐了一款VSCode插件REST Client，基于文本格式，可以进行版本控制。挺有意思的，可以尝鲜下。

3. 从 8 道面试题看浏览器渲染过程与性能优化
   根据百度用户体验部的研究结果来看,普通用户期望且能够接受的页面加载时间在 3 秒以内。若页面的加载时间过慢,用户就会失去耐心而选择离开。这篇文章通过 8 道面试题介绍了浏览器渲染过程与性能优化。

1. ES7、ES8、ES9、ES10新特性大盘点
   速览新语法。有些新语法在代码的可读性和可维护性上都有好处，比如给正则表达式的match组命名，把多维数组打平的flat。but学以致用前要先看看兼容性和babel的支持程度

2. 从发展历史理解 ES6 Module
   读读历史，扩充知识线。

3. Flutter 会不会被苹果限制其发展?
   吃瓜，文中说小程序也是使用flutter来做底层实现的。

1. npm install 原理分析
   当我们在控制台输入 npm install，并按下回车后，发生了哪些事情？这个常用的命令执行过程经过了哪些流程？这些流程又是怎么发展过来的呢？

2. 前端效能提升之 Chrome 插件推荐
   里面提到的 FeHelper 不错，前端工具集大成的插件, 常用的字符串加解密、JSON 格式化、二维码生成工具、图片与base64等功能都有，还有其他很多。

3. 种草 ES2020 新特性
   蛮实用的几个新特性：Promise.allSettled、可选链、空值合并运算符、dynamic-import、globalThis、BigInt、String.prototype.matchAll。

1. 前端应该会的23个linux常用命令
   都是大家比较熟悉的linux命令，可以温习一下。此外，这篇文章介绍了命令可选参数，配上不同参数，让命令更加强大了。

2. JavaScript 那些写出来会被同事揍的骚操作
   一些很happy的写法，看看就够，还是不要在代码里运用了，😊。

3. 写代码有这些想法，同事才不会认为你是复制粘贴程序员
   虽然写的是JAVA实现的一些经验与思考，不过其中一些对我们前端开发还是挺具有参考价值的。

1. 2019年前端事件回顾
   年终总结来了，几个关键词：WebAssembly、Flutter、TS、工具，总结出来就是性能、效率。当然，效率也可以被概括在性能里。又快又好是代码、是程序员、是产品共同追求的目标。

2. WebAssembly 后 MVP 时代的未来：卡通技能树
   来看看2018年底WebAssembly的发展情况吧，这篇文章类似于综述，值得一读。随着5G时代的到来，网速慢会渐渐成为一个过去式，性能会成为扼住前端应用的那只大手，WebAssembly或许就是解决性能问题的终极技能，制霸语言鄙视链顶端。

3. WebGL是啥
   “轻”量级的产品会毫无疑问的以移动端为主，web的前途在哪里，WebGL和WebAssembly也许会是答案。

1. 闲鱼 Flutter 架构演进和实践
   本文主要讲述了闲鱼一年半在 Flutter 的演进，包括闲鱼为什么选择 Flutter，闲鱼的架构及其演进，回顾及展望。其中提到了混合开发，以及音视频的的一些问题我们可以借鉴一下。

2. 前端部署发展史
   随着 devops 的发展，前端部署越来越简单，可控性也越来越高，那前端应用部署是怎么从刀耕火种一步步走到快捷便利的 devops 呢？

3. 性能！！让你的 React 组件跑得再快一点
   在实际开发过程中，前端性能问题可能并不常见，随着业务的复杂度增加，遇到性能问题的概率也会随之增加。本文主要介绍了如何减少不必要的 render 来提升 React 的性能。

1.Flutter现支持Web和桌面，一跃成为前沿大一统框架

2019年的这一年里，Flutter进展了很多，相继推出了Flutter，Flutter Web，Flutter Desktop以及相关配置插件和工具的完善。在Flutter团队和社区的努力下，Flutter正在不断的完善的越来越厉害。

2.Node.js：深入浅出 http 与 stream

stream（流）是Node.js提供的又一个仅在服务区端可用的模块，流是一种抽象的数据结构。Stream 是一个抽象接口，Node 中有很多对象实现了这个接口。例如，对http 服务器发起请求的request 对象就是一个 Stream，还有stdout（标准输出流）。

3.React Native 实践（涵盖丰富的移动端特有功能）

本文基于 React Native 的实践项目进行总结， 该项目基于 React Native 和 H5 在开发效率、功能性能、用户体验等方面的差异性，对功能模块进行精心设计，主要基于我们现在实际项目的业务，结合移动端特有的特性。

1. 一行命令让当前项目图片资源大小减小60%，图像质量肉眼看不出变化

一行命令让当前项目图片资源大小减小60%，图像质量肉眼看不出变化,会搜寻当前项目下的图片文件，并且压缩替换

2. Promise对象 3 种妙用

9012 年末，作为一个前端，说不了解 Promise 对象用法的基本不存在，这里就不对功能用法进行介绍了。但本文将会讲述你可能不知道的 Promise 3 种奇妙用法。当然，每种用法都会有其适用的特殊场景。

3. 用 Node.js 实现定时任务

在本文中，我们将研究如何在 Node 程序中创建和使用 Cron 作业。为此我们将创建一个简单的程序，该应用程序会自动从服务器中删除自动生成的 error.log 文件。 Cron 作业的另一个优点是，你可以安排程序以不同的时间间隔执行不同的脚本。

1.盘点ES7、ES8、ES9、ES10新特性

从 ECMAScript 2016（ES7）开始，版本发布变得更加频繁，每年发布一个新版本，好在每次版本的更新内容并不多，本文会细说这些新特性，尽可能和旧知识相关联，帮你迅速上手这些特性。

2.2019年前端大事件回顾

在过去的一年中，前端开发的世界再次迅速发展，本文总结了`2019·年以来的所有重要事件，新闻和趋势。

3.前端API层架构，也许你做得还不够

架构设计是一条永远走不完的路，没有最好，只有更好。这个道理适用于软件设计的各个场景，前端API层的设计也不例外，如果您觉得在调用接口时还存在诸多槽点，那就说明您的接口层架构还待优化。今天我以vue + axios为例，为大家梳理下我的一些经历和设想。