VUE
The wind is blowing
长期接各类web端开发,小程序开发。目前5年前端开发经验。精通基于vue的框架包括但不限于VUE、MPVUE、UNI-APP、nuxt.js等,精通原生小程序开发。经手项目包括但不限于Fresh中国站、Ferragamo中国站、Armani中国站、Diesel中国站等。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
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 · 3594 阅读 · 2 评论 -
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 · 1260 阅读 · 0 评论 -
** Vue下js点击按钮元素左右滚动效果 **
** Vue下js点击按钮元素左右滚动效果 **小程序、前端交流群:609690978 先上效果图代码:<div id="classifyScroll" :class="showLeftIcon ? 'active' : ''"> <div class="classifys"> <van-icon name="arrow" class="rightIcon" v-show="s原创 2020-09-23 18:49:22 · 6031 阅读 · 5 评论 -
**【组件】vue实现自定义tab栏下划线滚动过渡效果以及点击当前tab自动居中**
vue实现自定义tab栏下划线滚动过渡效果以及点击当前tab自动居中小程序、前端交流群:609690978先上效果图组件代码:<template> <div v-if="list.length > 0" class="tabBlock"> <div @scroll="scroll" class="tabContent"> <div ref="tabContentScroll" class="tabContentScroll"&原创 2020-05-12 18:03:24 · 3084 阅读 · 1 评论 -
VUE-CLI3.0按需引入elemet-ui的方法
在VUE-CLI 2.0版本中,按需引入elemet-ui的方法是安装npm install babel-plugin-component -D后,将.babel文件修改为:{“presets”: [[“es2015”, { “modules”: false }]],“plugins”: [[“component”,{“libraryName”: “element-ui”,“sty...原创 2019-05-14 10:02:18 · 787 阅读 · 0 评论 -
VUE父子组件监听状态变化
在不使用VUEX的情况下,通过props传值,父组件直接修改子组件的相关数据会报错。这里以父组件弹框为例讲一下如何操作……父组件html<father @changingType="showDialog" :showPopup="showPopup" ></father >父组件 jsexport default{ props:['showPopu...原创 2019-05-30 15:31:05 · 2505 阅读 · 0 评论 -
**JS for循环、map方法对树形结构数据的处理**
小程序、前端交流群:609690978tree树形结构的处理方法:首先要满足两点:1.数组内每个对象都得有自己独一无二的id2.数组内每个对象都得有其父级id且第一级的父级id为0例如: let data = [ { "id":"1", "name":"第一级", ...原创 2019-09-04 17:45:18 · 3090 阅读 · 0 评论
分享