总结-模块-页面
效率
除了 undefined 其他均可!!
案1
商品选择页面中,因为这里的列表是实时从后台获取的,可能会删了,那么保存的数据就会对应不上,此时的思路是,点击勾选后拿到上一页的goodsList,放入,退出商品页面后再进勾选的话,会拿到前一个前面的goodsList进行循环,有当前id就当前item的num++,没有就push。 问题2:如果做勾选状态那么整个页面的管理都将变得非常复杂,例如突然删除数据库商品数据。
方法
针对个别接口form表单的封装
fba中分类币种,通过对象中属性会覆盖的特性,无需去重
// 拿到所有不同币种
let currecyObj = {}
this.list.forEach((item,index)=>{
// 币种相同属性会覆盖
currecyObj[item.currency] = 0
})
this.totalFee.feeItemDTOS.forEach((item,index)=>{
let currentItemPrice = item.amount
currecyObj[item.currency] += currentItemPrice
})
// console.log(currecyObj)
组件
测试
1
问题
vue 深层数组不更新
https://blog.csdn.net/weixin_45345105/article/details/114087541
date-picker报错 date.getFullYear is not a function
https://blog.csdn.net/weixin_45345105/article/details/114087418
uniapp 小程序 图标不显示
https://blog.csdn.net/weixin_45345105/article/details/114011472
vue 输入框 无法输入
https://blog.csdn.net/weixin_45345105/article/details/113947910
利用keelalive是否可以保持勾选状态?
https://cn.vuejs.org/v2/guide/components-dynamic-async.html
cheeck没有getter案例
H5打包后访问路径添加参数 自动添加结尾#/
需要配置全路径 不然由于hash模式会重新修改路由(首次加载首页只显示http://h5.xxxx.com.cn)
http://h5.xxxx.com.cn/inviteCode=peter#/ 改前
http://h5.xxxx.com.cn/#/pages/index/index?inviteCode=peter 改后
uni H5 打包后 布局问题 部署服务器后布局有问题
后端算
计算后端算,不然后端一改,前端三端都得改,而且安全
更新生成环境
生产更新前一定要看看git代码提交了什么,不然不小心改了其他页面的参数导致之前功能正常的页面出现bug,直接更新线上了。
开发时注意点
立任务清单,不然任务太多,管理混乱,到最后很多没有处理,导致交付很多问题。做完好一项没问题后继续下一项。(有时后端很忙没办法调数据,导致后面跳过某任务直到交付时才想起来)
CSS公共样式不要一个页面一个页面引入
小程序打包的时候会把没一个css文件打包进去,体积会非常大,最好全局引入。
模块多,体积过大
做到模块一的时候已经体积过大无法上传预览了,使用分包方案解决。
解决:小程序分包
2.代码压缩
uni-app 小程序 体积优化 分包优化
版本控制
由于版本无法确定改动大,建议每个版本都保留
管理
FBA模块
Element组件坑
坑1 数据已经变了但不显示
也不算坑,因为vue中没有给数组的属性添加dep所以不通知notify更新视图
解决 通过重新赋值 触发数组的notify方法更新视图
其他总结
前端有后端经验是否有用?
有例如 部署问题 后端部署错了 自己排错过程
利用组件或者写博客保留业务代码 大大提升工作效率 例如下拉框模糊搜索2H 》 5m
H5 打包后问题