本文已参与「新人创作礼」活动，一起开启掘金创作之路。 封装分页器组件：知道四大条件 分页器一共需要展示多少条数据total: 100 每一个需要展示几条数据pageSize: 3 当前在第几页page

eslint 使用eslint的生态链来规范开发者对js/ts基本语法的规范。防止团队的成员乱写. 这里主要使用到的eslint的包有以下几个： 使用的以下语句来按照依赖： 接下来需要对eslint的

script setup 语法糖 组合式 API：setup() 基本使用 Vue 3 的 Composition API 系列里，推出了一个全新的 setup 函数，它是一个组件选项，在创建组件之前

在团队协作中，为避免低级 Bug、以及团队协作时不同代码风格对彼此造成的困扰与影响。如果项目中没有统一的规范就会导致代码风格的五花八门，不利于代码的阅读和维护。所以会预先制定编码规范，

工欲善其事必先利其器，本文分析了在vscode中使用ESLint和Prettier插件的是使用，以及在完成代码保存时自动格式化方面存在的冲突的原因以及怎么更好的解决

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理

本文主要记录了自己的博客在禁用缓存的情况下，从八九秒加载时间到最终 985ms 的优化实践，开启缓存的情况下能达到 138ms 的访问速度。

压缩项目打包后的体积大小、提升打包速度，是前端性能优化中非常重要的环节，笔者结合工作中的实践总结，梳理出一些常规且有效的性能优化建议

借助开源库加速VUE项目的开发进度是现代前端开发比较常见的方式，平常收集一些JavaScript库介绍，在遇到需要的时候可以信手拈来。 VUE 生态有很多不错的依赖库或者组件，是使用VUE开发前端的原