摘要: 上一篇博文我们讲到了节流函数的应用场景,我们知道了节流函数可以用在模糊查询、scroller、onresize等场景;今天这篇我们来讲防抖函数的应用场景:: 通过上一篇博文的学习,我们知道了防抖函数的原理:只有在事件触发的时候才会延迟加载,如果在延迟加载之前再次触发,则会刷新延迟时间重新延迟,触发次 阅读全文
posted @ 2019-09-03 16:17 有梦想的咸鱼前端 阅读(5117) 评论(2) 推荐(2) 编辑
摘要: 上一篇讲到了javascript的节流函数和防抖函数,那么我们在实际场合中该如何运用呢? 首先,我们来理解一下:节流函数首先是节流,就是节约流量、内存的损耗,旨在提升性能,在高频率频发的事件中才会用到,比如:onresize,onmousemove,onscroll,oninput等事件中会用到节流 阅读全文
posted @ 2019-08-31 14:31 有梦想的咸鱼前端 阅读(12783) 评论(0) 推荐(1) 编辑
摘要: 在日常开发中有很多场景我们都需要用到节流函数和防抖函数,比如:实现输入框的模糊查询因为需要轮询ajax,影响浏览器性能,所以需要用到节流函数;实现手机号、姓名之类的的验证,往往我们只需要验证一次,这个时候我们就需要用到防抖函数;但是网上的很多资料都是不够具体和便于理解。今天自己翻阅了一些资料之后,来 阅读全文
posted @ 2019-08-30 17:34 有梦想的咸鱼前端 阅读(5043) 评论(6) 推荐(5) 编辑
摘要: 本文将讲述vue-cli+vux-scroller实现移动端的上拉加载功能: 纠错声明:网上查阅资料看到很多人都将vux和vuex弄混,在这里我们先解释一下,vuex是vue框架自带的组件,是数据状态管理工具,vux是一款移动端的UI组件库; vux(官方文档:https://doc.vux.li/ 阅读全文
posted @ 2019-08-30 09:06 有梦想的咸鱼前端 阅读(1196) 评论(0) 推荐(0) 编辑
摘要: AntV F2是蚂蚁金服旗下的一个专注于移动,开箱即用的可视化解决方案,完美支持 H5 环境同时兼容多种环境(Node, 小程序,Weex),完备的图形语法理论,满足你的各种可视化需求,专业的移动设计指引为你带来最佳的移动端图表体验。 AntV F2官方文档地址:https://antv.alipa 阅读全文
posted @ 2019-08-29 14:31 有梦想的咸鱼前端 阅读(9348) 评论(0) 推荐(4) 编辑
摘要: 最近项目中涉及到跨页面传参数和后台进行数据交互,看到需求之后第一反应就是用路由传参来解决;Vue中给我们提供了三种路由传参方式,下面我们一个一个的来看一下: 方法一:params传参: this.$router.push({ name:"admin", //这里的params是一个对象,id是属性名 阅读全文
posted @ 2019-08-23 14:07 有梦想的咸鱼前端 阅读(6966) 评论(2) 推荐(3) 编辑
摘要: HTML5实现一键拨号,一键发短信以及上传头像等问题都是比较常见的场景,近期在做移动端项目的时候遇到阻挠,通过查找资料解决了问题; 废话不多说,直接上案例代码; HTML5实现一键拨号: HTML5实现一键发短信: 是的,你没看错,在HTML5中只需要通过a标签就可以直接实现一键拨号和一键发短信的功 阅读全文
posted @ 2019-08-22 15:19 有梦想的咸鱼前端 阅读(524) 评论(2) 推荐(0) 编辑
摘要: v-charts是饿了么团队开源的一款基于Vue和Echarts的图表工具,在使用 echarts 生成图表时,经常需要做繁琐的数据类型转化、修改复杂的配置项,v-charts 的出现正是为了解决这个痛点。基于 Vue2.0 和 echarts 封装的 v-charts 图表组件,只需要统一提供一种 阅读全文
posted @ 2019-08-21 15:41 有梦想的咸鱼前端 阅读(9989) 评论(0) 推荐(1) 编辑
摘要: v-if和v-show的区别是前端面试中常问的基础知识点,v-if、v-show顾名思义就是用来判断视图层展示效果的。那么具体是怎么展示呢?v-if和v-show的区别又是什么呢? 首先我们可以来看一下Vue中文社区说明文档的介绍: Vue中文社区说明文档中简单来说是:初始渲染的时候进行条件判断展示 阅读全文
posted @ 2019-08-19 17:06 有梦想的咸鱼前端 阅读(32707) 评论(3) 推荐(1) 编辑
摘要: 关于ref和$refs的用法及讲解,vue.js中文社区( https://cn.vuejs.org/v2/api/#ref )是这么讲解的: ref 被用来给元素或子组件注册引用信息,引用信息将会注册在父组件的 $refs 对象上。 如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素; 阅读全文
posted @ 2019-08-14 10:23 有梦想的咸鱼前端 阅读(29947) 评论(0) 推荐(4) 编辑