本文梳理的篇幅主要是涉及网络部分,包括HTTP等,对巩固自己的网络知识体系也是很有帮助的,进一步的对性能优化而言也是帮助很大的。
「查缺补漏」巩固你的HTTP知识体系
SolidJS 是一个语法像 React Function Component,内核像 Vue 的前端框架,可以通过这篇文章来理解理解其核心概念。
因为 SolidJS 在教 React 团队正确的实现 Hooks,这在唯 React 概念与虚拟 DOM 概念马首是瞻的年代非常难得,这也是开源技术的魅力:任何观点都可以被自由挑战,只要你是对,你就可能脱颖而出。
随着 Snowpack、Vite 等利用提倡 no-bundle 的构建工具逐渐兴起,同时现代浏览器对原生 ESM 的普遍支持,Bundle-less 的概念席卷前端圈,那么我们如何理解 Bundle-less?究竟是炒概念还是能够真正地给业界带来收益?下面就来分享一下我对于 Bundle-less 的理解以及在这个方向上做过的一些探索。
本文从拆包数量、no-bundle 服务和依赖产物的模块化分发三个角度介绍了 Bundle-less 目前的具体概念及应用,不知道你对 Bundle-less 有没有新的理解呢?
从一开始以为是文档错误, 到化身侦探一路推理排查找到关键点. 其实这个和工作内容很像, 很多问题浮现出来的都是表面问题, 而解决表面问题其实并没有什么难度, 对症下药即可. 但是想要药到病除, 那是不现实的. 唯有多加思考、 推理、 分析, 找到核心问题所在, 从根本上解决问题才是一劳永逸的. 当然, 二者的成本差距也非常大. 依据实际情况抉择即可.
这篇博客详细介绍了样式组件如何定义以及在什么情况下定义样式组件
如何减少 npm install 的时间,都是很简单的设置,一分钟搞定:
- 选择时延低的 registry,需要企业技术基础建设支持
- NODE_ENV=production,只安装生产环境必要的包(如果 dep 与 devDep 没有仔细分割开来,工作量很大,可以放弃)
- CI=true,npm 会在此环境变量下自动优化
- 结合 CI 的缓存功能,充分利用 npm cache
- 使用 npm ci 代替 npm i,既提升速度又保障应用安全性
推荐语:
依赖安装时间变短,就能极大地缩短部署时间,从而提高产品交付效率。
这个周刊每周一发布,同步更新在github、微信公众号。