蒋全明

前言 使用的框架是vue3，但是核心逻辑是js原生写的，所以可以很方便移植到其他框架。 实现 先看效果： 来实现吧： 首先，进度条的宽度等于页面总的可滚动高度除以已经滚动高度，所以我们只要计算出这两个

前言 看到过有人在vite+vue的项目中实现约定式路由，但是还没看到有人在webpakc+vue的项目中实现约定式路由，前几天尝试了一些，基本的使用已经没有问题，代码比较简单，但是实现出来还是有完美

之前配置好webpack的vue项目后只测试了一级路由，今天使用到多级路由的时候发现访问出现了404， 详细查看网络请求以后发现请求地址不对，因为打包出来的文件没有home文件夹， （打包后的文件）

如图： 今天自己配置了一个vue的项目，开发模式有时候一直卡在这，排查后发现是webpack-edlint-server的多线程的锅，关掉就好了。

前言 本文分析webpack5的异步加载原理，代码是简化后的，原代码大概200行，简化后100行左右，但是功能依旧可以正常实现。 正文 首先贴出所有的代码，然后分析。 这是未打包的代码： index.

在刚学习husky的时候是把husky的脚本放在了package.json里面，但是我发现这样钩子根本不执行，在知乎上看到有一位作者提到了在husky6以后做了破坏性改动，之前的方法不能使用了。 新版

ts的类型谓词是用来收缩函数的参数类型的，这是ts中的类型保护手段之一，使用格式为：在函数的返回值类型上写args is type ，类型谓词总是附加到接受单个参数并返回布尔值的函数上，当函数返回值为

1.需要安装miniapp-color-thief import colorThief from "miniapp-color-thief" Page({ // 获取主色 getMainCo

大部分图片懒加载的方案无非就是在当图片进入可视区的时候就把图片的src属性修改为正确的地址，由于微信小程序无法操作dom，所以可以使用微信小程序提供的 # createIntersectionO