前端宝藏

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

你可能感兴趣的:(前端宝藏)