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
移动端调试~
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