2019

9月

[工具] TreeJS 在线编辑器：

https://threejs.org/editor/

[文章] 21 个 VSCode 快捷键，让代码更快更有趣；

https://juejin.im/post/5d34fdfff265da1b897b0c8d

React组件性能优化实例解析

https://zhuanlan.zhihu.com/p/34632531

可能是最全的 “文本溢出截断省略” 方案合集

https://juejin.im/post/5dc15b35f265da4d432a3d10

11月

基于canvas的截图

https://github.com/Aaaaaaaty/Blog/issues/5

网页截图

https://www.npmjs.com/package/chrome-remote-interface

推荐一个可能大家会用到的工具：headless chrome （无头谷歌浏览器）

https://developers.google.com/web/updates/2017/04/headless-chrome（会的同学可以忽略）

默认功能：获取屏幕截图、获取页面为PDF、打印页面DOM

如果配合 chrome-remote-interface 远程控制工具使用可以实现更多功能：
1、控制使用 CSS 和 DOM 模块
2、使用 Runtime 模块执行 JS 脚本
3、使用 Network 模块读取并设置 UserAgent 和 Cookie 等信息
4、配合 Karma 进行单元测试

https://zhuanlan.zhihu.com/p/27100187

卖菜的前端文章汇总

https://www.yuque.com/sxc/front/rb6hn7

Google How to do a code review

https://google.github.io/eng-practices/review/reviewer/

用JavaScript 实现 AI

https://aijs.rocks/

React UI 组件库

https://reactjs.org/community/ui-components.html

时间转换 API 众多，体积小，支持tree-shaking 对比dayjs和momentjs

https://date-fns.org/

12月

网易云音乐前端性能监控实践

https://mp.weixin.qq.com/s/jQZEwmu1SG4RcVePWT8HBA

前端er须知的Nginx技巧(Docker SSI HTTPS)

[https://mp.weixin.qq.com/s/zGR3Pu0zt3Z2tVCQL7ImNQ
]

画图工具推荐

https://www.jianshu.com/p/b4992f48e06b

小微项目的业务中台解决方案

《Headless CMS——小微项目的业务中台解决方案》

如何监控网页崩溃？

https://zhuanlan.zhihu.com/p/40273861

开源录制用户屏幕

https://github.com/rrweb-io/rrweb

首页

https://www.rrweb.io/

demo

https://www.rrweb.io/demo/checkout-form/

解密国内BAT等大厂前端技术体系-美团点评之上篇（长文建议收藏）

https://mp.weixin.qq.com/s/gxR-KPCdfbHWX5I1um5x_g

reg 在线工具

https://regexr.com/4q3dn

浏览器禁止同源验证

https://blog.csdn.net/qq_32786873/article/details/70173151

移动端调试~

<script src="//cdn.jsdelivr.net/npm/eruda"></script>
<script> eruda.init(); </script>
https://www.jianshu.com/p/d8e232b23f7a
https://github.com/liriliri/eruda

Node.js 模块系统源码探微

https://juejin.im/entry/5ded93fc6fb9a0166316c535

画图工具 plantuml

https://plantuml.com/

高德JS依赖分析工程及关键原理

https://mp.weixin.qq.com/s/vbp_tXErSKe23oO2xmzc0Q

h5秒开方案大全

http://www.alloyteam.com/2019/10/h5-performance-optimize/

对应旧版本的react hooks，对比两边的写法

https://wattenberger.com/blog/react-hooks

从 VSCode 看大型 IDE 技术架构

https://www.yuque.com/paranoidjk/blog/vuuz30

腾讯开源跨端框架

https://github.com/tencent/hippy

前端技术周刊

https://www.yuque.com/awesome/fe_weekly

ConardLi 的 2019 — 尾声和开始 | 掘金年度征文

https://juejin.im/post/5e093619e51d45581e441fc4

2020

1月

Single-Spa + Vue Cli 微前端落地指南 (项目隔离远程加载，自动引入)

https://juejin.im/post/5dfd8a0c6fb9a0165f490004

关于分享

https://www.zhihu.com/question/34625985

采访布莱登艾克

https://www.youtube.com/watch?v=IPxQ9kEaF8c

5 Ways to animate a React app.

https://medium.com/@dmitrynozhenko/5-ways-to-animate-a-reactjs-app-in-2019-56eb9af6e3bf

手把手教你写几个实用的AST插件(实战)

https://mp.weixin.qq.com/s/GJ1H6gMoB1BEYfQbF3RQpQ

北京电影学院发了一篇满是数学公式的计算机顶会论文，并开源了其代码

https://www.zhihu.com/people/dancerphil/activities

前端安全—你必须要注意的依赖安全漏洞

https://juejin.im/post/5e1d68fc6fb9a0300b4c0eac

3月

前端微服务在字节跳动的打磨与应用

https://mp.weixin.qq.com/s?__biz=MzI1MzYzMjE0MQ==&mid=2247485444&idx=1&sn=62b872dac1c7ef15305b0eca4f01c8e0

前端要了解的UI设计知识

https://mp.weixin.qq.com/s/et4tEZny97eUezY_E8qNwg

小白必看，JSBridge 初探

https://mp.weixin.qq.com/s/Tsc52538Se2VumuiszEpnA

设计体系的响应式设计：

https://mp.weixin.qq.com/s/K7rBl13xOoAzhogaHMACew

短文，使用router hooks

https://css-tricks.com/the-hooks-of-react-router/

前端劝退预警：JavaScript 工具链不完全指南

https://www.cnblogs.com/lzkwin/p/12462725.html

对React Hooks的一些思考

https://zhuanlan.zhihu.com/p/48264713

How V8 optimizes functions in JavaScript

https://itnext.io/v8-function-optimization-2a9c0ececf5e

chrome 80 cookie问题

https://harttle.land/2020/01/27/secure-cookies.html

4月

考拉前端骨架屏生成技术揭秘

https://mp.weixin.qq.com/s/hMDC-NEJ-AyUqO6hM4fkaw

微前端体系结构

https://changelog.com/jsparty/121