女王控的博客

前端

167 篇文章

Webpack3代码拆分

翻译转载: Webpack 3, Dynamic Imports, Code Splitting, and Long Term Caching… Made Easy. 在与 Webpack 1.x 升级到 3.x(比我想承认的更长的时间)后,突然点击了一下。看到揭开的奥秘: TL:DR 示例应用程序回购 让我们通过这些配置文件,并揭秘发生了什么事情。 我总是从文件开始查看新的代码库的 package.json。这使我能够在代码中看到它们之前了解依赖关系。 在我们的应用程序中,react… »

优化 React 性能

翻译转载: Optimize React Performance 如何提高生产中的 React 性能,避免常见的错误 您是否知道 key 在列表中使用不正确可以将 DOM 操作增加 10 倍以上?据了解,React 的 Virtual DOM 实现速度非常快。但是,即使使用 React 的内置性能,也有一些 UI 可能开始感觉迟缓的情况。造成业绩不佳的罪魁祸首是产生了太多渲染和状态同步。我们将介绍 4 种技术,以帮助确保您的应用程序得到优化,并提供快速的用户体验。 key… »

React基础知识第三部分

学习地址: 新手指南 ReactJS 视频 , React 事件处理(3:42) React 组件状态(7:09) React 用 componentWillUnmount 方法停止内存泄漏(1:14) React Class(4:16) »

React基础知识第二部分

学习地址: 新手指南 ReactJS 视频 , 有条件地渲染一个 React 组件(2:43) 渲染 React 组件(3:17) React 样式(5:36) »

React基础知识第一部分

学习地址: 新手指南 ReactJS 视频 , 用原始的 React API 写出 Hello World(3:24) 使用 JSX 和 React(5:48) 方式一 方式二 创建自定义 React 组件(5:15) 使用 PropTypes 验证自定义 React 组件(3:30) 使用自定义 PropTypes 验证 使用已有的 PropTypes 验证 »

0%