技术实践
前端历史项目的 Vite 迁移实践总结
Vite 做到了以低接入代价换取开发体验上的大幅提升,有望引领前端构建工具领域的下一波 paradigm shift 浪潮。按 ROI 的话说,“其落地的潜在收益远大于成本”。 实际业务中的代码应当尽量贴合标准,少使用需依赖工具链黑魔法的特性,以换取更好的后向兼容性。
【工程化】探索 webpack5 中的 Module Federation
使用 Module Federation,我们可以在一个应用中动态加载并执行另一个应用的代码,且与技术栈无关,并且能够共享模块,从而减小编译时间以及降低包体积 但在使用 Module Federation 的时候也需要权衡模块拆分的粒度以及做好版本的控制
[科普] Service Worker 入门指南
基于 service worker 可以实现拦截和处理网络请求、消息推送、静默更新、事件同步等服务。
拓展边界
比 Chrome 快 3 倍,更安全、快速且私密的网络浏览器,Brave Browser (开源、免费、跨平台)
Brave 浏览器是一款拥有强大的广告拦截功能的网页浏览器,由 Mozilla 的前任 CEO Eich 开发,Brave 浏览器电脑版基于 Chromium 内核,不但能够拦截网页广告,还拥有追踪保护、HTTPS Everywhere 等功能,并且提供的的私有云可以用匿名广告取代网站原来广告,可以说一切广告在该浏览器下都不存在,由于所有广告都被拦截了,大大提供了网页的加载和浏览速度,给用户带来更好的网页浏览体验。
前端周刊 | React 18.1、Firefox 100、Jest 28 发布;Edge 超越 Safari 成为桌面端第二大浏览器
Microsoft Edge 超越 Safari 成为第二大最受欢迎的桌面浏览器; React 18.1 正式发布; Node 16.15.0 (LTS) 正式发布...
Node.js 18 新特性解读
Node.js 刚刚发布了 18.0.0 版本,内置了 fetch 和 node:test 等标准模块。 一句话点评:std lib 在标准化,user lib 在精细化。
奇舞精选
ESBuild & SWC 浅谈:新一代构建工具
ESBuild/swc 是用编译型语言编写的新一代前端工具,对 JS 编写的构建工具有系统级的速度优势。但目前这两个工具还不能完全替代 Webpack 等主流工具这些年发展出的庞大生态。 当已有的基础设施稳定并且替换成本较大时,可以尝试渐进式的利用新工具 (loader) 或者 Vite 这种基于 ESBuild 二次封装的构建工具。
Web 页面全链路性能优化指南
本文会对 web 页面的全链路进行完整的讲解并针对每一步找到能做的性能优化点,本文的目标是极致的性能优化。 因为针对性能优化,能做的点会特别特别的多,覆盖着整个互联网的访问流程,因此此文章的内容会比较多且杂,笔者会尽量对内容进行分类讲解。
奇妙的 CSS MASK
本文将介绍 CSS 中一个非常有意思的属性 mask。