D2D项目开发

忘是亡心i 2022-12-23 07:03 200阅读 0赞

# 总结-模块-页面 #

# 效率 #

除了 undefined 其他均可!!

## 案1 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM0NTEwNQ_size_16_color_FFFFFF_t_70]  
商品选择页面中，因为这里的列表是实时从后台获取的，可能会删了，那么保存的数据就会对应不上，此时的思路是，点击勾选后拿到上一页的goodsList，放入，退出商品页面后再进勾选的话，会拿到前一个前面的goodsList进行循环，有当前id就当前item的num++，没有就push。 问题2：如果做勾选状态那么整个页面的管理都将变得非常复杂，例如突然删除数据库商品数据。

# 方法 #

针对个别接口form表单的封装  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM0NTEwNQ_size_16_color_FFFFFF_t_70 1]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM0NTEwNQ_size_16_color_FFFFFF_t_70 2]

--------------------

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)

# 组件 #

[查看更多][Link 1]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM0NTEwNQ_size_16_color_FFFFFF_t_70 3]  
[利用z-index动态显示底部按钮][z-index]

# 测试 #

## 1 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM0NTEwNQ_size_16_color_FFFFFF_t_70 4]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM0NTEwNQ_size_16_color_FFFFFF_t_70 5]

# 问题 #

## 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 打包后 布局问题 部署服务器后布局有问题 ##

[H5 打包后问题][H5]

## 后端算 ##

计算后端算，不然后端一改，前端三端都得改，而且安全

## 更新生成环境 ##

生产更新前一定要看看git代码提交了什么，不然不小心改了其他页面的参数导致之前功能正常的页面出现bug，直接更新线上了。

## 开发时注意点 ##

立任务清单，不然任务太多，管理混乱，到最后很多没有处理，导致交付很多问题。做完好一项没问题后继续下一项。（有时后端很忙没办法调数据，导致后面跳过某任务直到交付时才想起来）

### CSS公共样式不要一个页面一个页面引入 ###

小程序打包的时候会把没一个css文件打包进去，体积会非常大，最好全局引入。

### 模块多，体积过大 ###

做到模块一的时候已经体积过大无法上传预览了，使用分包方案解决。  
解决：[小程序分包][Link 2]  
2.代码压缩  
[uni-app 小程序 体积优化 分包优化][uni-app _ _]

# 版本控制 #

### 由于版本无法确定改动大，建议每个版本都保留 ###

# 管理 #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM0NTEwNQ_size_16_color_FFFFFF_t_70 6]

# FBA模块 #

[总结的坑][Link 3]

# Element组件坑 #

## 坑1 数据已经变了但不显示 ##

也不算坑，因为vue中没有给数组的属性添加dep所以不通知notify更新视图  
![在这里插入图片描述][2021012515571111.png]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM0NTEwNQ_size_16_color_FFFFFF_t_70 7]  
解决 通过重新赋值 触发数组的notify方法更新视图  
![在这里插入图片描述][20210125155739914.png]  
![在这里插入图片描述][20210125155756698.png]

# 其他总结 #

前端有后端经验是否有用？  
有例如 部署问题 后端部署错了 自己排错过程  
利用组件或者写博客保留业务代码 大大提升工作效率 例如下拉框模糊搜索2H 》 5m  
[H5 打包后问题][H5]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM0NTEwNQ_size_16_color_FFFFFF_t_70]: /images/20221120/b5d5ac6ac1c14e4486ab17224bc859de.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM0NTEwNQ_size_16_color_FFFFFF_t_70 1]: /images/20221120/5a4de7bfd8dd45e7941301f497dcacdd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM0NTEwNQ_size_16_color_FFFFFF_t_70 2]: /images/20221120/40cb9fb555514ef3886fe2ee1c76a141.png
[Link 1]: https://blog.csdn.net/weixin_45345105/article/details/111992863
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM0NTEwNQ_size_16_color_FFFFFF_t_70 3]: /images/20221120/c33f0cd527d04d728753829b7139852d.png
[z-index]: https://blog.csdn.net/weixin_45345105/article/details/111993143
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM0NTEwNQ_size_16_color_FFFFFF_t_70 4]: /images/20221120/3bc0f2509c8c42bfbb8a2df68286e55f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM0NTEwNQ_size_16_color_FFFFFF_t_70 5]: /images/20221120/ca67c17f1ef24a08a9e43e6edd3aa78c.png
[H5]: https://blog.csdn.net/weixin_45345105/article/details/112602912
[Link 2]: https://blog.csdn.net/weixin_45345105/article/details/110003121
[uni-app _ _]: https://blog.csdn.net/weixin_45345105/article/details/110665264
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM0NTEwNQ_size_16_color_FFFFFF_t_70 6]: /images/20221120/44f02584227a49d78d35cd641fafa93c.png
[Link 3]: https://blog.csdn.net/weixin_45345105/article/details/111029246
[2021012515571111.png]: /images/20221120/d86d1f3fbaf44ae793270063b368eb06.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM0NTEwNQ_size_16_color_FFFFFF_t_70 7]: /images/20221120/7299c49ecd914ee686082e6979e89428.png
[20210125155739914.png]: /images/20221120/4258cb329a96409a81799eecf38ae60b.png
[20210125155756698.png]: /images/20221120/2f1a869659204e15be0bb6b6c021d48d.png