近期工作总结#5

近期工作总结

1.rpx单位的使用

微信小程序中的rpx单位需要谨慎使用，需要宽度自适应的地方再使用，不要一直使用rpx，应当多使用uView,uni-app自带的组件，可以解决不同设备的适配问题。

2.uni-app 的遮罩层

uni.showloading里面可以添加mark:true，实现遮罩层效果

3.Vue 的强制更新

使用vue.$forceUpdate()可以强制更新数据显示信息，特别是在页面加载完成之后更新数组内容或对象内容时都需要使用这个来强制更新，或者使用vue.$nextTick(() => {})来更新数据显示信息

4.前端命名规范

需要注意在前端的书写中，应当让其规范使用
变量命名：小驼峰式命名，类型+对象描述的方法，例：let strStatus = 'open'
函数命名：小驼峰式命名（构造函数使用大驼峰），前缀为动词，例：getSystype()
常量命名：全部大写，使用大写字母和下划线，例：const PI = 3.1415926，const BASE_URL = 'https://xxx.com'
类名命名：全部小写，使用中划线，例：class = "left-box"
id命名：小驼峰式命名，例：id = "redBox"

5.使用ElementUI时遇到@click()失灵

如果在ElementUI中遇到组件绑定@click()失灵时，应当使用@click.native="方法名"，.native的作用是给Vue组件绑定原生事件