zhou_chao

webpack打包过程中，经常出现app.js一个文件好几兆的情况，这偏偏又是网页最先加载的文件，由于从上到下的执行顺序，前面的脚本在加载时会阻塞页面渲染，白屏时间由此而来。那么我们如何提高网页渲染速度呢？办法之一就是合理的分包策略。 一个简单的博客项目，项目本身并不大，但透过…

发出多个异步请求以后，每个事件所消费的时间不一定相同。如果前一个异步的事件过程很慢，那么当它返回时，有可能把后面的异步事件率先返回的结果覆盖； 1，2，3 单独来看，都是有解的，虽然麻烦一点，但如果 123 的问题要同时解决，非常麻烦。 如果回到 JQuery 的时代，要实现上…

本文是个人对RxJS的阶段性学习总结，并未非常深入，更多从概念和心智模型去探索，不涉及实战，希望读者看完后能弄懂以下问题： - RxJS是什么 - RxJS能做什么

通过一个缓存未命中的bug，引发的对于 URLSearchParams 和 encodeURIComponent 的粗略摸索

一分钟带你实现图片懒加载，❌拒绝跟dom属性打交道，快来看看它：IntersectionObserver。

背景 话说这天来了一个新需求：将 A 项目的某个功能移植到 B 项目中，并且希望后续二者同步迭代。 作为一名前端开发者，首先我们首先就 pass 了 CV 大法；想到用npm发布组件，于是我们一顿操作

使用 JS 就能实现吸管工具功能？没错，随着 Chrome 95 的推出， EyeDropper API 能够帮助我们轻松地在 Web 应用中创建吸管工具 😄

前言 我们平时日常开发只是单纯地使用 JavaScript 和调用 Web API，对 V8 的理解还停留在表面，并不了解 V8 这个“黑盒”内部是如何工作的。 只有搞清楚这个问题，才能写出性能更好、

如何在浏览器上实现屏幕录制⏺️功能呢？快来看看它-MediaRecorder，数行代码简单实现强大的屏幕录制功能，预览、上传、下载无所不能。