owner

把一个东西从 A 搬到 B 该怎么搬呢？ 抬起来，移动到目的地，放下不就行了么。 那如果这个东西有一吨重呢？ 那就一部分一部分的搬。 其实 IO 也就是搬东西，包括网络的 ...

Object.defineProperty() 基本用法 Proxy基本用法 Object.defineProperty() 和 Proxy对比 Proxy优化了些什么...

大家好，我是捡田螺的小男孩。 日常开发中，我们经常会使用到group by。亲爱的小伙伴，你是否知道group by的工作原理呢？group by和having有什么区别呢...

SplitChunks插件是什么呢，简单的来说就是Webpack中一个提取或分离代码的插件，主要作用是提取公共代码，防止代码被重复打包，拆分过大的js文件，合并零散的js文...

「万字解析」300行代码梳理webpack核心工作流源码，从工程化出发，真正搞懂webpack背后打包机制。带你走进webpack生态开发的世界，真正对应用webpack了...

“这是我参与8月更文挑战的第25天，活动详情查看：8月更文挑战” 场景复现 公司有10个项目正在开发, 以后会陆陆续续增加新项目, 而这些项目都用到公共的一些类库, 如果你...

「万字解析」详解 Tapable 核心工作机制，Webpack Plugin 必备前置知识解读。从原理玩转 Webpack ，真正精通所谓工程化前端。...

把复杂的多函数嵌套调用，组合成纯粹的函数调用，实现 fn1(fn2(fn3(fn3(...args))))-->compose(fn1,fn2,fn3,fn4)(...ar...

保证网页应用拥有很高的流畅度是至关重要的，即使只有细微的卡顿，用户也是可以感知到并对应用留下负面的印象。假如卡顿非常严重，那么用户很有可能会放弃这款应用而寻找其他的选择，这...

前文 5、6月一直忙着自己的琐事，7月（7月31也还是7月嘛）抽空整理一下旧的内容，有之前的读者提到想了解下高阶组件这块的知识点，就刚好整理了一下。 高阶组件 HOC(Hi...

首先，在开始介绍时间切片前，很有必要先把浏览器的渲染流程梳理一下，这里面涉及的知识有event loop、渲染帧等知识，下面会简单地介绍。 事件循环，这个严格来说其实并不是...

从 PWA 说起 为什么需要 PWA? Native APP 用起来很流畅，但是也有其天然的基因缺陷： WEB前端没有上述问题，但是很多时候页面会卡顿，用户体验不佳。虽然社...

特点： 选用ES6标准模块化格式； 支持静态分析导入代码进行Tree-Shaking。 兼容： 支持导入CommonJs模块； 方便使用到CommonJS模块的工具，如：N...

BFC到底是什么东西BFC，怎样触发BFC，BFC的规则，BFC解决了什么问题，一文搞懂，进来瞅瞅吧...

Babel 简介 Babel 是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本...

简介 webpack 打包时，性能优化的一些方式，组成了这个系列文章，欢迎点赞和评论交流～ 系列文章 webpack打包性能优化（一）gzip、externals webp...

- 永远不要手动去修改 yarn.lock 文件 - 永远不要手动去修改 package.json 文件 - 永远不要随便的就去删除 node_modules 文件和 ya...

🥑 相信很多人在最开始使用 npm 安装 NodeJS 的 dependencies 时, 搞不太清楚 package.json 中的版本规则, 在这里分享一下...