浅谈React性能优化的方向

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

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

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

全文

21 个 React 性能优化技巧

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

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

全文

经常被面试官考的 JavaScript 数据类型知识你真的懂吗?

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

全文

TypeScript 3.7 来了,支持 Optional Chaining!

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

全文

React Hooks 详解+项目实战

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

全文

重磅!微软发布 Visual Studio Online:Web 版 VS Code + 云开发环境

原文地址: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

webpack 常用的 plugin

全文

腾讯原生小程序框架 OMIX 2.0 发布

全文

优化CSS并加速网站的21种方法

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

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

全文

CSS 开发必知必会的 16 个DevTools技巧

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

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

全文

CSS伪元素指南

原文地址:https://mp.weixin.qq.com/s/3zLfon7iREGcehRq4f4wHQ

层叠样式表(css)是一种独立的语言,用于描述web应用程序的表示。这涉及到诸如颜色、字体和HTML元素布局的完全控制等概念。

全文

javascript常用正则表达式备忘录

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

正则表达式或“regex”用于匹配字符串的各个部分 下面是我创建正则表达式的备忘单。

全文

ES2019中JavaScript的新功能

原文地址:https://mp.weixin.qq.com/s/_cmQAQlexXGQc-3Kuay5Sg

JavaScript从成立之初就已经走了很长一段路,提供了许多新的添加和功能,这些功能是专门设计来使该语言更加人性化和省时。以下是我最近发现的一些有趣的JavaScript新增内容。

全文

Chrome浏览器垃圾回收机制与内存泄漏分析

原文地址:https://mp.weixin.qq.com/s/5xD3c9YjsYFbuuMJwYZ3aQ

全文

http状态码详解

http状态码详解

全文

🌓