yanessa_yu

未优化前app.js文件大小 未优化前app.js文件大小为9.2MB 写一个webpack插件，找出size比较大的module 优化1 src/theme/index....

本项目是一个智慧景区（商场）项目，项目主旨在于对景区的智能化管理，是对AI赋能的具象化，告别传统后台管理模式，从大屏中可以实现一个完整景区（商场）的集中化管理，可以对景区内...

lodash优化前大小 webpack配置lodash单独生成一个bundle，优化前体积为3.2M。项目中用到lodash方法并不多，所以这个3.2M应该没有按需加载。 ...

背景 项目全量引入了Ant-Design-Vue，需要修改为按需引入，需要统计项目中使用了哪些Ant-Design-Vue组件。不想肉眼去搜索，所以写一个webpack插件...

官网地址：https://bundlephobia.com/ 在搜索窗口中输入你需要计算的npm包（可以指定版本），bundlephobia会展示： 最小化后的体积 最小化...

1. 开始 创建一个新项目 打开你的终端，cd到你想要创建项目的目录，执行下面的命令 模拟数据 可以使用JSON格式或者Js对象来模拟数据 可以使用第三方平台，比如mock...

背景 项目中使用了sass，需要安装sass-loader sass-loader需要安装node-sass node-sass需要安装python2 window安装完成...

Github pages部署 创建一个GitHub仓库：首先，您需要在GitHub上创建一个新的仓库，或者使用现有的仓库。 将您的网站文件添加到仓库：将您的网站文件（HTM...

背景：开发webpack项目时，发现动态import导入的模块没有分包，这和webpack官方介绍的“动态导入实现动态代码分离”不一致，在排查该问题的过程中学习到了webp...

1. 将多入口之间公用的模块分离出来 如果入口 chunk 之间包含一些重复的模块，那么这些重复模块会被引入到各个 bundle 中。 解决方式1: 使用入口依赖的方式，在...

VScode安装MarsCode 打开Vscode 在“扩展”中搜索“MarsCode” 3. 点击“安装” 4. 打开“拓展设置” AI智能问答 扩展安装后，在“代码编辑...

KeepAlive的缓存策略 keepAlive组件定义一个cache对象，用来存储缓存的页面。keepAlive设置缓存key的源码如下： 判断vnode的上是否有key...

我们先来分析下面这段代码的执行顺序： 上面代码最终的输出顺序是： 20、10、100、300 在这个页面之外路由currentRoute，路由currentRoute变更，...

codepen、JSFiddle、JS Bin 基于CodeMirror实现 Stackblitz、码上掘金 基于Monaco Editor实现 除了它们用到的CodeMi...

基础环境 vue: 2.6.10 antd: ^4.18.9 ant-design-vue: ^1.7.2 实现逻辑 通过isAll判断是否为全选所有，如果是的话配合exc...

前言 简介 Ace 是一个用 JavaScript 编写的可嵌入代码编辑器。它与 Sublime、Vim 和 TextMate 等原生编辑器的功能和性能相匹配。它可以很容易...

1. npm 设置国内镜像源 1.1 镜像源概述 镜像源是软件包管理工具用来下载和安装软件包的服务器地址。由于网络原因，直接使用官方源可能会导致速度慢或连接失败的问题。国内...

基础环境 Vue 2.6 ant-design-vue lodash 具体实现 最外层区域 设置外层div固定高度height=300px; 监听滚动事件handleScr...

基础环境 rollup ^3.0.0 rollup的treeshake 测试包为lodash-es。 rollup的treeshake默认是开启的。 测试：将rollup的...