zhou_chao

webpack打包过程中，经常出现app.js一个文件好几兆的情况，这偏偏又是网页最先加载的文件，由于从上到下的执行顺序，前面的脚本在加载时会阻塞页面渲染，白屏时间由此而来...

发出多个异步请求以后，每个事件所消费的时间不一定相同。如果前一个异步的事件过程很慢，那么当它返回时，有可能把后面的异步事件率先返回的结果覆盖； 1，2，3 单独来看，都是有...

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

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

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

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

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

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

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

先看官网对17版本的介绍： React v17 中，React 不会再将事件处理添加到 document 上，而是将事件处理添加到渲染 React 树的根 DOM 容器中：...

背景 2021 年 前端界关于 Vite 的热度一直不减，近期 Vite2.x 基本趋于稳定所以决定在开发环境接入尝试。 在体验了如丝般顺滑的 Vue3 + Vite 后，...

谈到 react 的工作过程，不得不提的一定会有 fiber tree 的协调过程、diff 算法比较、更新副作用的处理这些内容。在之前的 漫谈 react 系列(一)：初...

前端动效中svg的使用 分享1:路径颜色循环动画 分享2:常见的滚动显示的动画 a.路径线的动效 b.图片的遮罩 c.文字的路径移动...

Golang入门指南-从前端开发者的角度，来讲述golang的故事，为前端开发者提供一份简单明了的入门指南...

前言 我们常常使用 npm 或者yarn，关于 npm 的安装机制和一些设计哲学，以及开发时候遇到一些 npm 的问题或者操作，我们是否了解其背后做了什么呢？ npm 或 ...

总结各种Script标签的加载与执行时机，方便后续做前端性能优化（面试）的时候，按需组装想要的加载执行顺序。...

如何实现一款「变形」级联选择器？ 第一步：引入antd组件...搞错了，重来！ 首先进行需求分析，捋一下清晰的UI样式和交互逻辑，再进行核心逻辑拆解......

前言 之前写了一篇关于路由中困扰点的文章，相信大家看完后，对于前端路由、后端路由，以及history和hash两种模式，都有了自己的理解并且也知道该如何分辨了。那这篇文章，...

个人理解，单页面应用是使用一个html下，一次性加载js, css等资源，所有页面都在一个容器页面下，页面切换实质是组件的切换。 history 可以理解为react-ro...

一起用代码吸猫！本文正在参与【喵星人征文活动】。 背景 话说这天你在家里接到女朋友的电话，聊到最后，“亲爱的，记得喂猫哦～” 正说着，只见两只小猫从阳台追到客厅，空中纷飞这...