一、定时器 setTimeout(fn,0)的含义是,指定某个任务在主线程最早可得的空闲时间执行,也就是说,尽可能早得执行。它在"任务队列"的尾部添加一个事件,因此要等到同步任务和"任务队列"现有的事件都处理完,才会得到执行。 需要注意的是,setTimeout()只是将事件插入了"任务队列",必须 ...
分类:
Web程序 时间:
2018-09-25 20:36:47
阅读次数:
199
在实际开发中我们经常会碰到这样的场景,就是有input的地方都喜欢切换过去input自动获取焦点。 如果这个问题是在input中,很容易就实现了,但是element里面的el-input看源码,其实不只是一个input,所以aotofocus 这个属性便不生效了。 解决方法网上也有不同的例子,比如v ...
分类:
其他好文 时间:
2018-09-18 17:14:34
阅读次数:
3010
1.钩子函数 钩子函数是Windows消息处理机制的一部分,通过设置“钩子”,应用程序可以在系统级对所有消息、事件进行过滤,访问在正常情况下无法访问的消息。钩子的本质是一段用以处理系统消息的程序,通过系统调用,把它挂入系统。(百度百科) 2.相对于前端来讲 对于前端来说,钩子函数就是指再所有函数执行 ...
分类:
其他好文 时间:
2018-09-12 19:56:18
阅读次数:
191
vue更新数据是异步的 1.0 中确实是通过 v-el:xxx 标记 dom 然后在组件里通过 this.$els.xxx 就可以获得这个 dom 对象了 $nextTick(() => {}) 与DOM相关操作写在该函数回调中,确保DOM已渲染 什么是Vue.nextTick() 官方文档解释如下 ...
分类:
其他好文 时间:
2018-09-08 00:47:02
阅读次数:
1121
最近写的这个项目,有很多下拉菜单,每个菜单会有相应的两种类型。现在产品的需求是,跳转到不同的类型 需要页面重新渲染数据 那么问题来了。 我试了好几种方法,用watch监听路由去判断,但是发现输在input里面的值是不会被替换掉的 所以想到了用key 去如果不使用key,Vue会使用一种最大限度减少动 ...
分类:
Web程序 时间:
2018-09-06 19:58:49
阅读次数:
1575
组件相关钩子函数: beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destoryed 还有两个特殊的(使用keep-alive):activated、deactivated(不详述) v2.5. ...
分类:
其他好文 时间:
2018-09-04 13:51:18
阅读次数:
342
Vue.nextTick DOM 更新循环结束之后执行延迟回调 ...
分类:
其他好文 时间:
2018-08-25 14:35:49
阅读次数:
313
1,vue.js — v-cloak的使用 不加时HTML 绑定 Vue实例,在页面加载时会闪烁 加上时,会隐藏. ...
分类:
其他好文 时间:
2018-08-21 15:22:58
阅读次数:
215
懒加载是前端开发者的基本功之一。实现懒加载肯定是要直接操作DOM的,这个没得跑,但我们可以想办法让流程尽可能优雅些。 基本结构 父组件是列表容器,子组件是列表中的项,如卡片、帖子等,承载图片的DOM对象由子组件直接管理。 实现思路 准备工作 首先,我们需要一个父子组件都能访问和操作的数组imageL ...
分类:
其他好文 时间:
2018-08-18 00:51:06
阅读次数:
299
今天记录组件的代码和一个调用它的父组件的代码,接口接收数据直接传element直接能用的,也就是经过上一章函数处理过的数据以下是代码 父组件 子组件 里面用的事件都是element封好的直接用就好了比如 更多的事件,属性直接去element官网找就好了。 this.$nextTick(()=>{}) ...
分类:
其他好文 时间:
2018-08-07 15:10:08
阅读次数:
269