mixkit免费高清视频素材_中国交建总承包公司官网_西安官网seo公司_深圳新闻最新事件

个人建议，仅做参考

1、代码尽量写标注！！，修改时能更快找到、避免时间久看不懂功能

2、组件封装，所有的列表组件或者可以复用的地方尽量封装，有区别加判断条件，减少单页面的代码量，修改方便很多，其他项目使用也可以直接CV

uniapp好用的组件库：https://uviewui.com/components/install.html

3、减少data里的变量，声明变量的时候不要一个个，用对象包起来，数据复现和接口提交的时候一个一个很麻烦和费时间

// data
params: {name: '',age: ''
},
// js // 复现
api().then(res=>{Object.keys(this.params).forEach(el=>{this.params[el] = res.data[el]})
})
// 提交
api(this.params).then(res=>{})

4、数据传到接口的时候最好 Object.assign({},this.params) 一下（深拷贝），提交时做修改不会影响页面展示

// 深拷贝 
let data = Object.assign({},this.params)
// 或
let data = JSON.parse(JSON.stringify(this.params))

5、按钮点击，尤其是提交，最好加1~2秒的防抖节流，避免用户多次提交

防抖地址：https://uviewui.com/js/debounce.html

6、如下

页面通讯 uni.$on('event') 替换为 uni.$off('event').$on('event')，避免多次使用会一次出现好几条

7、引入文件不要用相对路径 …/static ，用绝对路径 /static 或 @/utils

8、app+小程序尽量写到一套代码里，用条件编译，避免使用app-plus原生导航栏，小程序不支持，区别很大的再分开两套代码

9、开发时使用分包，避免编译到小程序体积过大

分包地址：https://blog.csdn.net/weixin_45811884/article/details/108789618?spm=1001.2014.3001.5501

体积压缩地址：https://blog.csdn.net/weixin_45811884/article/details/137815152?spm=1001.2014.3001.5501

10.自己封装一套css样式文件，避免修改样式时一个个改，App.vue全局引入

<style lang="scss">/*每个页面公共css */@import url("utils/common.scss");@import "@/uni_modules/uview-ui/index.scss";button::after{ border: none;} 
</style>