- 博客(20)
- 收藏
- 关注
原创 ES6语法(Reflect、Proxy、Promise)
ES6 引入了 Promise 对象,它用于异步编程,解决了回调地狱(callback hell)的问题,使得异步操作更加清晰和易于管理。这为开发人员提供了更灵活和强大的能力来控制对象的访问和操作。Promise 对象提供了一种更加优雅和便捷的方式来处理异步操作,使得代码更易读、易维护,同时也提供了丰富的方法来处理异步操作的组合和控制流。Reflect API 提供了一种更加统一和灵活的方式来进行对象操作,同时也为 Proxy 对象的拦截器提供了更多的底层操作支持。
2024-03-04 10:41:19
598
1
原创 vue项目中由于大量数据渲染导致的页面卡顿(基于antdv)
近期项目中遇到一个由于两个兄弟组件数据联动产生大量数据导致的页面卡顿问题。主要业务是:规格组可多次添加,每个规格组的数量相乘导致生成的table表格数据成指数级增长;如下图:。由此页面会出现大量重绘、dom渲染导致页面卡顿。解决过程记录一下。
2024-01-29 09:47:30
6179
1
原创 基于vue3的取色器
当前组件仅为展示组件,如果需要适应项目中不同的业务需求(例如:将取色器放在气泡卡片中...),还需进行二次封装。对取色盘添加鼠标事件(mousedown、mousemove、mouseup)指定当前在颜色盘中的位置。滑动色调选择器滑块调整当前选择选取的颜色值,也可调整当前颜色选取之后的透明度。组件支持:rgb、rgba、hex6、hex8、hsv格式的色值格式。可通过预先设置的颜色只来快捷显示、选中对应的色值。通过当前颜色盘位置计算当前选中位置的颜色值。通过滑块位置计算当前色值与透明度。
2023-11-16 16:44:41
3449
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人