去年接触了公司内一个开发运行了两年多的项目,整体应用是基于 React 技术栈的,多个单页应用有构成了多页应用。可以理解为比较独立的子业务之间是 MPA 形式跳转,而子业务内部则是 SPA 形式。

项目的构建使用了 webpack,发现存在较大问题:

  • 在生产环境上线编译大致需要 13 min+;
  • 本地开发环境下,代码改动后的热更新(增量编译)需要大概 10~20s 的时间,使得开发体验很差。

相信这些问题在很多上线迭代了很长时间的、使用了 webpack 的团队中都会遇到,所以把自己的优化实践经历写出来,和大家交流下。我在优化的时候也参考了许多网络上介绍的优化手段,当然,有些具有不错效果,有些可能对我们来说不适用。这并不是一篇罗列各种 webpack 优化技巧的文章,除了优化实践,还会有一些期间的反思。

阅读更多>>

今天的许多管理者“只见树木不见森林”,仅仅关注技术变革,而忽视决定生死的经济规律。如果你无法理解网络经济(network economy),那么如何能够理解信息时代(例如互联网)的商业运作模式呢?

阅读更多>>

这是一本非常真实的虚构小说,反应了今天 IT 部门几乎所有常见问题。。。

《凤凰项目:一个 IT 运维的传奇故事》虽然是一本和 DevOps 相关的“技术书”,但主体内容其实是使用小说的形式呈现的。

故事的主人公比尔原本只是一个中型机管理部的技术经理,但公司面临 IT 项目危机,他临危受命,出任 IT 运维副总裁。别以为这是个美差,对于他来说,走出舒适圈,在经验不足的同时,面临的是几近崩溃的 IT 状况 💢:

阅读更多>>

Use CommonJS modules directly in the browser with no build step and no web server.

以前我们要在浏览器中使用 CommonJS 都需要一堆编译工具和服务器,但本文要介绍一种方式,支持在浏览器直接打开本地 HTML 源文件中使用 CommonJS 加载模块。

阅读更多>>

今年好像特别流行实现 Promise/A+ 规范 😓 ,已经看到无数篇实现的文章了,那我也来凑个“晚热闹”吧,用 TypeScript 也来实现一个符合 Promise/A+ 规范的库。

阅读更多>>

学习一个东西最好的办法就是重新创造一遍,React 也不例外。这个仓库里是我写的一个类 React 库,支持 JSX / 生命周期 / Ref / Context API 等一些常用特性,同时包含了 Stack 与 Fiber 两种 Reconciler。当然,其中有很多简化,很多低性能的地方,甚至会有 Bug。但是作为学习资料,还是具有一定价值的。

阅读更多>>

性能优化一直以来都是前端工程领域中的一个重要部分。很多资料表明,网站应用的加载速度、交互流畅度等性能优化对于提高用户留存、转化率等都有积极影响。可以理解为,提升你的网站性能,就是提升你的业务数据,甚至是业务收入。

虽然大家对性能优化都有自己的思路,不过大多是分散在某几个点,较难形成一个完整的体系。业界也有很多优质的资料,但是性能优化作为一个系统性工程,大家想要系统性地去学习并不容易。所以在这次的「性能优化之旅」会通过与 Web 应用的访问流程相结合,帮助大家 全面理解与掌握 前端的性能优化。

如果准备好了,咱们就可以出发了 🔜

阅读更多>>

在一些性能敏感的场合下(例如服务端处理大量并发),或面对大量 stringify 的操作时,我们会希望它的性能更好,速度更快。这也催生了一些优化的 stringify 方案/库,那么,在他们大幅的性能提升背后的技术原理是什么呢?

阅读更多>>

在我们的印象里,实现一个简单的聊天应用(消息发送与多页面同步)并不困难 —— 这是在我们有 JavaScript 的帮助下。而如果让你只能使用 CSS,不能有前端的 JavaScript 代码,那你能够实现么?

阅读更多>>

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×