javascript
The wind is blowing
长期接各类web端开发,小程序开发。目前5年前端开发经验。精通基于vue的框架包括但不限于VUE、MPVUE、UNI-APP、nuxt.js等,精通原生小程序开发。经手项目包括但不限于Fresh中国站、Ferragamo中国站、Armani中国站、Diesel中国站等。
展开
-
uni-app下,页面跳转后wacth持续监听的问题处理
uni-app解决页面跳转后watch持续监听的问题原创 2023-11-17 16:46:27 · 1201 阅读 · 1 评论 -
VUE使用webWorker处理万级数据
VUE使用webWorker处理万级数据接到一个查询全国银行数据的需求,总数据达到10兆,超过10万条数据。首先调用接口时势必会导致浏览器严重卡顿,其次在把这十万条数据渲染到页面上时,操作也会十分卡顿,所以我们要对此进行相关处理和优化用到的插件1.VUE基于webWorker的插件:VueWorker,npm install vue-worker --save2.虚拟DOM渲染插件:VueVirtualScroller,主要是只渲染可视范围内的dom,以达到渲染不卡顿的目的,npm install原创 2022-01-16 02:52:05 · 3014 阅读 · 2 评论 -
小程序基于雪碧图实现3d(横向全预览) ----组件
小程序、前端交流群:609690978先上效果图:准备条件:雪碧图,规格:单图尺寸343*375,帧数45帧(如图)上代码:wxml<wxs src="./animate.wxs" module="wxsFun" /><view class="{{ loadEnd ? 'active' : ''}}"> <image src="{{ value }}" class="slideImg" mode="heightFix" bindload="handl原创 2021-04-14 18:32:16 · 1030 阅读 · 0 评论 -
**input=file上传文件用div替换上传按钮及获取文件信息**
小程序、前端交流群:609690978<div class="box"> <div class="blank">{{ fileName }}</div> <div class="uploadBtn" @click="choiceFile">点击上传</div> <input id="file" ref="file" type="file" name="file" @change="getFile()"/></d原创 2021-04-08 15:59:55 · 418 阅读 · 0 评论 -
vue 返回顶部动画效果
vue 返回顶部动画效果小程序、前端交流群:609690978 methods: { // 监听页面滚动 scrollToTop() { const scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop this.showTopTimer && clearTimeout(this.showTopTimer)原创 2020-09-25 19:44:35 · 1156 阅读 · 0 评论 -
js 数组元素排序
js 数组元素排序// 排序 compare(value1, value2) { if (value1 < value2) { return -1 } else if (value1 == value2) { return 0 } else { return 1 } }, const arr = [186, 100, 446, 372, 273] console.log(arr原创 2020-09-24 11:51:10 · 155 阅读 · 0 评论 -
js获取与指定的值最近的数组元素
js获取与指定的值最近的数组元素near(arr, n) { arr.sort(function (a, b) { return Math.abs(a - n) - Math.abs(b - n) }) return arr[0] },const arr = [0, 122, 133, 178, 190]console.log(arr, 120) // 122原创 2020-09-24 11:40:17 · 663 阅读 · 0 评论 -
js 循环删除数组中指定的或符合条件的对象或重复的对象
一般删除数组中的某个对象或元素,我们会用到splice,如:const arr = [1, 2, 3, 4, 5]arr.splice(0, 1) // [2, 3, 4, 5]如果要删除某个指定的对象或元素,如,删除3:const arr = [1, 2, 3, 4, 5]arr.splice(arr.findIndex(item => item === 3), 1) // [1, 2, 4, 5]但是,如果要循环删除数组里但某个对象要如何操作呢?如下数组:const arr =原创 2020-09-10 15:00:23 · 5701 阅读 · 2 评论