js 代码的分离操作，首先要考虑的就是对异步代码的分离。这里使用 dynamicImport cacheGroups: 缓存组。 reuseExistingChunk: 表示可以使用已经存在的块，即如果满足条件的块已经存在就使用已有的，不再创建一个新的块。 如果是动态 impo…

在构建时有关样式基建中，支持三种拆包实践。其中针对多页应用 (MPA) 的场景，默认会开启一类最佳的拆包规范。拆包的目的是为了尽最大可能提升性能。 基于『css in js 』理念，Webpack 默认会把样式文件打包到 js 文件中进行异步加载。这样做的好处是节省了请求数，毕…

nodejs 社区乃至 Web 前端工程化领域发展到今天，作为 node 自带的包管理工具的 npm 已经成为每个前端开发者必备的工具。但是现实状况是，我们很多人对这个nodejs基础设施的使用和了解还停留在: 会用 npm install 这里（一言不合就删除整个 node_…

在原生开发小程序的过程中，发现有多个页面都使用了几乎完全一样的逻辑。由于小程序官方并没有提供 Mixins 这种代码复用机制，所以只能采用非常不优雅的复制粘贴的方式去“复用”代码。随着功能越来越复杂，靠复制粘贴来维护代码显然不科学，于是便寻思着如何在小程序里面实现 Mixins…

《揭秘 vivo 如何打造千万级 DAU 活动中台 - 启航篇》 主要为大家讲述 vivo 活动中台的能力与创新。 《悟空活动中台 - 微组件状态管理（上）》介绍了活动页内 RSC 组件之间的状态管理和背后的设计思路。 《悟空活动中台 - 微组件状态管理（下）》探索平台和跨沙箱…

最近在做微信小程序的项目，由于在react项目中使用mobx作为状态管理工具，所有也想在小程序项目中使用mobx为项目做数据驱动。下面的内容将介绍如何在微信小程序项目中使用mobx。 https://github.com/ck1642705415/mobx-weapp. 小程序…

VS Code 软件实在是太酷、太好用了，越来越多的新生代互联网青年正在使用它。 有一点你可能会感到惊讶：VS Code 这款软件本身，是用 JavaScript 语言编写的（具体请自行查阅基于 JS 的客户端开发框架 Electron）。Jeff Atwood 在 2007 …

大家都知道，Vue2 里的响应式其实有点像是一个半完全体，对于对象上新增的属性无能为力，对于数组则需要拦截它的原型方法来实现响应式。 这种时候，Vue 提供了一个 api：this.$set，来使得新增的属性也拥有响应式的效果。 但是对于很多新手来说，很多时候需要小心翼翼的去判…

前端中的库很多，开发这些库的作者会尽可能的覆盖到大家在业务中千奇百怪的需求，但是总有无法预料到的，所以优秀的库就需要提供一种机制，让开发者可以干预插件中间的一些环节，从而完成自己的一些需求。 本文将从koa、axios、vuex和redux的实现来教你怎么编写属于自己的插件机制…