- 博客(22)
- 收藏
- 关注
原创 前端实现表单内容复制
最近做项目的时候,每次开发环境和测试环通过表单填写一次配置数据,需要发布版本时,都需要再在生产环境提交一次表单,导致同一个事做了三次,最后想到的方法是直接吧表单填写的对象转为json写入文件中保存下来,下次需要填写时,直接将这个文件导入就行了,自动完成表单的填写。是否使用这个方法还要考虑表单配置项是否很多,如果只需要填写3-5个,久不需要这样做了。二、导入文件,自动完成表单项赋值。一、复制表单配置项,保存为文件。
2024-08-19 11:51:49
334
原创 前端性能优化总结
3、减少dom的数量和层级,减少重拍重绘,网页绘因为元素的尺寸、布局、显示和隐藏而重新布局就叫做重拍,会引起浏览器重新加载dom树,元素的外观发生变化就叫做重绘。2、图片懒加载,只有图片移动到可视区域时,再进行加载,加载的过程可以添加一个loading效果。1、使用雪碧图加载小图标,雪碧图只会使图片加载一次,如果使用多个图标,会导致多次请求资源加载。2、使用语义化标签,例如header、main、footer、aside、nav等。2、骨架屏,使用一张gif图片来替代加载中的状态,当加载成功后隐藏图片。
2024-04-02 10:44:29
351
1
原创 uniapp微信小程序使用地图组件苹果点击图标缩放不流畅问题
最近做的一个小程序的需求是,再地图中点击这个标记点,会自动放大地图,并且点击的这个标记点药成为中心坐标。然后我就开始在Uniapp上找现有的组件,最终找到了。我是直接在点击标点事件中修改的中心坐标和缩放大小,在网上查阅资料了,猜测到的可能原因是苹果的直接修改中心坐标,苹果动画失效。做完后,在模拟器上查看是没有问题的,但是在苹果手机上查看就会有问题了,点击图标,会有一个动画放大再缩小的过程。在点击图标是添加一个移动函数。开始安装文档一点点做。
2024-01-03 13:59:41
813
1
原创 移动端实现长按选择
在触摸到屏幕的时候开启一个定时器setTimeout,设置为0.5秒后执行定时器回调进入编辑状态,如果触摸到屏幕的时候手指移开或者滑动屏幕就清除定时器;事件:当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间,调用preventDefault()事件可以阻止滚动。: 这几个事件仅适用于带有触摸屏的设备。事件:在用户从元素上移开手指时会发生。QQ视频20230918114646。事件:在用户触摸一个元素时发生。
2023-09-18 13:08:39
561
1
原创 vue3响应式(一)
ref:接收一个基本类型返回一个响应式的Ref对象,可以通过value属性来读取和修改值,如果传的是一个引用数据类型,那么这个对象将通过 reactive() 转为具有深层次响应式的对象。构造了一个RefImpl类,通过get value() {} 方法监听读取这个值,通过 set value() 来监听修改这个值。
2023-09-08 13:35:22
55
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人