女王控的博客

全部

231 篇文章

前端性能优化最佳实践

本文主要考量客户端性能、服务器端和网络性能,内容框架来自 Yahoo Developer Network,包含 7 个类别共 35 条前端性能优化最佳实践,在此基础上补充了一些相关或者更符合主流技术的内容。 同时,建议关注及时更新的 Google 性能优化指南。 前端性能的一个重要指标是页面加载时间,不仅事关用户体验,也是搜索引擎排名考虑的一个因素。 来自 Google 的数据表明,一个有 10 条数据 0.4 秒能加载完的页面,变成 30 条数据 0.9 秒加载完之后,流量和广告收入下降 9… »

Commit message和Change log规范化

commitizen :规范 commit mesage 的命令行工具 效果 本地安装步骤 package.json 在 package.json 添加脚本运行,最好不要用 commit,容易和 husky 插件冲突 可以添加 markdown 标签 commitlint :commit mesage lint 工具 效果 本地安装步骤 package.json 在 package.json 添加脚本运行 conventional-changelog-cli :生成 Change.log… »

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… »

0%