【实践经验】
1、渲染性能优化的全局视角，教你做的比别人好
2、VS Code 是如何优化启动性能的？
https://mp.weixin.qq.com/s/H7bLk5vhIEXaoQSKEwbB7A
- 按照优先级划分启动顺序，永远确保文件树和编辑器最快渲染出来，并且光标第一时间在编辑器内跳动(这意味着用户可以开始编辑文件了)
- 测量监控性能数据，每个版本都收集尽可能多的数据来直观的表现性能
- 对于出现的性能瓶颈快速做出改进
性能优化是一个长期的过程，并不是某个时间段集中精力优化一波就高枕无忧了，你可以在 VS Code 的 issue 列表里找到一系列标签为 perf 和 startup-perf 相关的 issue，并且这些 issue 都有人长期跟踪解决的。
3、前端 Code Review 指北
https://mp.weixin.qq.com/s/yyqGipUGMbfcLmXcQ2QBcA
本文从代码格式、代码错误、代码习惯、代码优化四个角度，并结合腾讯医典前端 Code Review 过程中遇到的一些 bad case，逐一列出更细化的实施准则。希望对各位有一定的参考价值。
4、ShowMeBug 中如何科学的识别用户浏览器？
https://juejin.cn/post/6998065914696433672
5、如何编写前端设计文档？
https://mp.weixin.qq.com/s/l2NTuyDahF6wXHE91MgT-A
设计前端文档, 就是尽快能在开发之前将技术上不确定的点确定好, 将需求的设计方式提前构思好, 以减少后续开发出现风险和问题的可能性.虽然技术文档也不能100%预见或者评估出所有潜在的风险和问题, 但是技术文档能在相当程度上减少这类风险。
【基础夯实】
1、JavaScript是如何工作的：解析，抽象语法树及最小化解析时间的 5 条小技巧
https://mp.weixin.qq.com/s/Zp0bZSZUdcHyLPZy7uRN3g
我们都知道运行一大段 JavaScript 代码性能会变得很糟糕。代码不仅仅需要在网络中传输而且还需要解析，编译为字节码，最后运行。之前的文章讨论了诸如 JS 引擎，运行时及调用栈，还有为 Google Chrome 和 NodeJS 广泛使用的 V8 引擎的话题。它们都在整个 JavaScript 的运行过程中扮演着重要的角色。
本文所讲的主题也非常重要：了解到大多数的 JavaScript 引擎是如何把文本解析为机器能够理解的代码，转换之后发生的事情以及开发者如何利用这一知识。
2、一个神奇的交叉观察 API Intersection Observer
https://mp.weixin.qq.com/s/fu6VqPfWn7mB7evopnDeLA
一句话总结：Intersection Observer API 提供了一种异步检测目标元素与祖先元素或 viewport 相交情况变化的方法。 — MDN
3、Web前端WebRTC 攻略(五) NAT 穿越与 ICE
https://mp.weixin.qq.com/s/yIC3pNvQp-YrLUD-pjz1iw
WebRTC 进行端对端进行实时音视频通讯时，常常一方或者双方都是隐藏在 NAT 之后的内网地址。ICE 则用于寻找一条传输数据通道连接。本文介绍了 NAT 穿越和 ICE 框架的基础知识和主要步骤。
4、13个JavaScript 一行程序，让你看起来像个专家
https://juejin.cn/post/6997930259953745950
5、Typescript 类型的本质是什么
https://juejin.cn/post/6997465633432535047
类型本质上是运行时变量的内存大小和可对它进行的操作，变量只赋值同类型的值就是类型安全，动态类型在源码中没有类型信息，没法保证类型安全，而静态类型则是在源码中有类型信息，可以在编译期间检查出类型的错误，保证类型安全。
6、响应式网站应该如何选择 CSS 单位？
https://mp.weixin.qq.com/s/2Zk4A0bmiU-vyb41yld2zA
下面六种就是在响应式网站中最常用的五个单位，它们分别适用与不同的场景，通常我们需要组合使用：
- px：边框的像素单位。
- % 相对于父级的宽度单位。
- 相对于元素字体大小的边距和填充的 em 单位。
- 相对于根的字体大小的 rem 单位。
- vw 和 vh 表示相对于根的宽度和高度。
7、Object.assign 原理及其实现
https://muyiy.cn/blog/4/4.2.html
本篇文章会先介绍浅拷贝 Object.assign 的实现原理，然后带你手动实现一个浅拷贝。
【实用工具】
1、【利器篇】前端40+精选VSCode插件，总有几个你未拥有！
https://juejin.cn/post/6997186741866070023
2、2021 年值得推荐的 14 款 Chrome 开发者插件
https://mp.weixin.qq.com/s/5qYO-7aB4LqYSJz0n7W60g
3、67 个节省开发者时间的实用工具、库与资源
https://zhuanlan.zhihu.com/p/29388576
4、chrome地址栏命令和快捷键，强大到天际，你知道多少!
https://juejin.cn/post/6999126516852490253
【动态与研究关注】
1、使用 Houdini 扩展 CSS 的跨浏览器绘制能力
https://mp.weixin.qq.com/s/HllB-ZAA5qhgJDIB5HIhyg
Houdini 通过 Typed Object Model 启用更多的语义化 CSS 。开发者可以通过属性和值 API 定义具有语法、默认值和继承的高级 CSS 自定义属性。
它还引入了绘制、布局和动画工作集，通过使作者更容易地与浏览器渲染引擎的样式和布局过程挂钩，从而开辟了一个充满可能性的世界。
2、从 Vue3 源码中那些实用的基础工具函数中，我学到了什么？
https://mp.weixin.qq.com/s/rRmhhbkGVBg-rLr1EHDk2g
阅读本文，你将学到：
- 如何学习 JavaScript 基础知识，会推荐很多学习资料
- 如何学习调试 vue 3 源码
- 如何学习源码中优秀代码和思想，投入到自己的项目中
- Vue 3 源码 shared 模块中的几十个实用工具函数
- 作者的一些经验分享
shared模块中57个工具函数，本次阅读其中的30余个。
3、再聊 Vue.js 3.2 关于 vnode 部分的优化
https://mp.weixin.qq.com/s/z2ZCUFfFzp3c1ly4IQrrMA
4、腾讯开发团队又一开源利器发布！
https://mp.weixin.qq.com/s/jzPWQFxfGlFqfR7zsvGFVQ
一个前端项目转换工具，可以让webpack项目支持vite。
【程序之外】
1、2021-2022设计趋势ISUX报告·社交APP篇
https://isux.tencent.com/articles/538.html
人是群居动物，不论以何种方式，人和人都在社交。随着环境的变化，关系链会进行更新重塑；随着年龄的变化，关系链会从广泛趋向稳定。移动互联网在悄然改变着用户的社交方式和社交需求，本文根据近一两年技术创新和用户代际更迭导致的用户需求差异化，来探索社交的设计趋势，帮助我们应对变幻莫测的互联网。
2、2021 年前端该了解什么？
https://www.yuque.com/chenshuai/web/vp1msd#fZWfU
3、你需要知道的项目管理知识
https://juejin.cn/post/6997536906967777316
在我们日常的开发中，项目管理就无处不在，从需求评审、排期、开发、联调到最终发布上线，这个再普通不过的研发流程，其实就是一个缩小版的项目管理过程，下面我们将从程序员的角度，简述项目管理的基本知识以及对实际工作有帮助的方法。阅读完本文你将收获：
- 项目管理基本知识，五大过程组及需求研发的完整流程；
- 如何做好需求评审，以及对于需求变更的处理方式；
- 如何制定进度计划，常用的工作分解和识别风险的方法；
- 如何更好的进行工作报告，每日晨会的意义和作用；
- 上线前如何做好充分准备，上线后需要做哪些工作。
若有收获，就点个赞吧
0 人点赞
