关于 React 应用加载的优化，其实网上类似的文章已经有太多太多了，随便一搜就是一堆，已经成为了一个老生常谈的问题。 但随着 React 16 和 Webpack 4.0 的发布，很多过去的优化手段其实都或多或少有些“过时”了，而正好最近一段时间，公司的新项目迁移到了 Rea…

本文核心分为两部分，第一部分讲述普通浏览器中能干的事情，第二部分则讲述在自建容器的背景下更能干的事情。 文章内容会比较粗略，如果你对具体实现感兴趣，欢迎在 这 留言。 通常情况下，一个 html bundle 里面一般会有 script 等标签去加载其他的资源。浏览器在加载完 …

它将查找 ./src/index.js 作为默认入口点。 而且，它会在 ./dist/main.js 中输出模块包，目前代码量小，可以格式化看效果 拥有 2 个配置文件在 webpack 中是的常见模式。 webpack4 引入了 production(生产) 和 develo…

天下武功，唯 (wei) 快(fu) 不(bu) 破(po)。 随着近几年的前端技术的高速发展，越来越多的团队使用 React、Vue 等 MVVM 框架作为其主要的技术栈。以 React 应用为例，从性能角度，其最重要的指标可能就是首屏渲染所花费的时间了。那么今天，我们要给大…

1. 什么是 PWA？ 2. 首屏优化 2.1. 静态资源优化 2.2. 动态数据优化 2.3. 直出html优化 3. 替代离线包 但是离线包系统是非常成熟的系统，要完全替换掉它还需要考虑许多方面的问题。 3.1. 更新机制 离线包有个自动更新的机制，每隔一段时间就会去请求离…

你只有竭尽全力之后，才有资格说运气不好。 我认为，流量分析平台 + 日志采集平台 + 异常信息采集 + ajax信息采集 + 性能指标 = 监控平台。 之前我写过两篇文章《前端性能优化交流》与《前端代码质量优化交流》。也可以看得出来，我是对比项目开发的流程来编写文章的。监控平台…