• [vscode 插件，CSS Peek 能让你在 HTML 文件中一键跳转到 CSS

定义](https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek)

• [Mozilla 为开发者推出新的网页调试 Firefox

Replay](https://developer.mozilla.org/en-US/docs/Mozilla/Projects/WebReplay)

观察者模式

原文地址：https://mp.weixin.qq.com/s/F89xzQ9YvoRSXaCw5GL3ug

最近在做项目的时候遇到了一个场景：一个项目有多个入口，不同的入口，路由、组件、资源等有重叠部分，也有各自不同的部分。由于不同入口下的路由页面有一些是重复的，因此我考虑使用
Webpack 多入口配置来解决这个需求。

原文地址：https://juejin.im/post/5dd337985188252a1873730f

本文只介绍函数式组件特有的性能优化方式，类组件和函数式组件都有的不介绍，比如 key 的使用。另外本文不详细的介绍 API 的使用，后面也许会写，其实想用好
hooks 还是蛮难的。

原文地址：https://juejin.im/post/5d045350f265da1b695d5bf2#heading-0

React 渲染性能优化的三个方向，其实也适用于其他软件开发领域，这三个方向分别是:

• 减少计算的量。 -> 对应到 React 中就是减少渲染的节点 或者 降低组件渲染的复杂度
• 利用缓存。-> 对应到 React 中就是如何避免重新渲染，利用函数式编程的 memo 方式来避免组件重新渲染
• 精确重新计算的范围。 对应到 React 中就是**绑定组件和状态关系, 精确判断更新的’时机’和’范围’.

只重新渲染’脏’的组件，或者说降低渲染范围**

原文地址：https://www.infoq.cn/article/KVE8xtRs-uPphptq5LUz

React 为高性能应用设计提供了许多优化方案，本文列举了其中的一些最佳实践。

原文地址：https://mp.weixin.qq.com/s/uYxyDfqUJ2F1G5Iyj9bDiw

微软正式为开发者们带来了最新的 TypeScript 3.7 版本。在本版本中，TypeScript 支持了第 16 个 issue 中提到的
Optional Chaining。

原文地址：https://juejin.im/post/5dbbdbd5f265da4d4b5fe57d

原文地址：https://zhuanlan.zhihu.com/p/90094288

今天（北京时间 2019 年 11 月 4 日），在 Microsoft Ignite 2019 大会上，微软正式发布了 Visual Studio
Online 公开预览版！

今天发布的 Visual Studio Online 与五月份发布的 Visual Studio Code Remote
Development 可以说是微软今年在开发工具领域最重磅的两个新产品了。

webpack 常用的 plugin

• [腾讯原生小程序框架 OMIX 2.0

发布](https://github.com/Tencent/omi/tree/master/packages/omix)

原文地址：https://mp.weixin.qq.com/s/9vPBOPkfPgNqOxsoeztjEw

CSS 必须通过一个相对复杂的管道，就像 HTML 和
JavaScript一样，浏览器必须从服务器下载文件，然后进行解析并将其应用于DOM。由于优化程度极高，这个过程通常非常快——对于不基于框架的小型 web
项目，CSS通常只占总资源消耗的一小部分。

原文地址：https://mp.weixin.qq.com/s/Fb4LYMlrAN8s4FdRw1JefQ

大多数开发者基本都使用浏览器的开发者工具调试前端，但即使用了好几年 Chrome 的开发者工具，我仍然会遇到从未见过的技巧和功能。