办公用品浏览按钮改写

Gonelin

已于 2023-03-20 15:53:58 修改

阅读量105

点赞数

文章标签： javascript

于 2023-03-20 15:51:57 首次发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/Gonelin/article/details/129668607

版权

文章总结了原办公用品浏览功能的缺点，如图片加载慢、无数量显示和用户体验不佳等，并介绍了新版本的改进措施。新版本优化了数据获取方式，使用原参数直接获取，提高了效率；通过属性判断checkBox状态，简化了逻辑；采用三列布局展示已选内容，同时实现点击分类时中间栏的同步滚动；在确认勾选时利用数组方法提高代码简洁性与效率。

摘要由CSDN通过智能技术生成

办公用品浏览按钮改写开发总结

原开发缺点：
1、图片加载慢（循环请求接口导致）
2、细节考虑不够（没显示数量，二次选择时不明确）
3、用户体验不好（没有马上显示已选列表,图片占比过大）

新版优点
1、重写浏览按钮时，直接使用原参数去获取数据（原来是用的自己开发的接口，然后循环遍历去再请求，这样会过慢）
在这里插入图片描述
2、根据属性来判断checkBox是否被勾选，相比原来判断js 的元素类名是否包含 checked更敏捷

3、采用三列式布局，让用户能直观看到自己选择过什么数据

4、点击左侧分类时，中间拦可以同步滚动

5、确认勾选时，用了数组的map和join方法，代码更简洁高效
在这里插入图片描述

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
办公用品浏览按钮改写

原开发缺点：1、图片加载慢（循环请求接口导致）2、细节考虑不够（没显示数量，二次选择时不明确）3、用户体验不好（没有马上显示已选列表,图片占比过大）新版优点1、重写浏览按钮时，直接使用原参数去获取数据（原来是用的自己开发的接口，然后循环遍历去再请求，这样会过慢）2、根据属性来判断checkBox是否被勾选，相比原来判断js 的元素类名是否包含 checked更敏捷3、采用三列式布局，让用户能直观看到自己选择过什么数据4、点击左侧分类时，中间跟随滚动。
复制链接

扫一扫

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。