前言:对于刚刚进入vuejs的队伍中的小白来讲,很多都是模糊的,js操作dom节点的思想萦绕,还不能自由切换在二者之间。 解决之道: 想要在vue中引入bootstrap,引入的时候需要按照如下的步骤进行。 1、引入jquery 2、引入bootstrap 阅读本文前,应该能够搭建环境,使用vue- ...
分类:
Web程序 时间:
2018-03-19 11:38:17
阅读次数:
3580
说到事件代理,首先得知道js的事件冒泡机制。 事件冒泡是指在一个dom节点触发一个事件比如onclick事件以后,这个事件会继续往节点的父节点传递,若父节点也绑定了onclick事件,则同样会触发父节点的onclick事件,然后继续往父节点的父节点传递....由内层往外层传递。 事件代理就是利用了事 ...
分类:
Web程序 时间:
2018-03-11 19:10:37
阅读次数:
530
1、减少HTTP请求次数:css雪碧图,字体图标,代码压缩,图片大小控制,CDN托管、data缓存、图片服务器 2、前端模版+js数据,减少由于HTML标签导致的带款浪费 3、减少页面重绘,用innerHtml替代DOM操作 4、减少IO读取的操作:少用全局变量、缓存DOM节点查找的结果 5、避免使 ...
分类:
其他好文 时间:
2018-03-07 20:19:17
阅读次数:
164
优化DOM的本质其实就是减少DOM树的重流与重绘。优化DOM的结构,无非就是引用保存,动画优化,节点保存,更新节点等基本操作。获取到DOM节点后一定要记得保存。否则,下场很难看的。为什么我们都知道所谓的js其实是DOM,BOM,ECMA结合的产物。 本来我js挺快的,你非要去的DOM说说话。 那怎么办,只有敲敲门,等DOM来回应你呀~ 但是,这个等待时间灰常长。看个demo吧.var t
分类:
其他好文 时间:
2018-03-05 12:00:43
阅读次数:
120
通过element.style.xxx设置或者读取的xxx样式属性,都是属于行间样式(<p style="color=red"></p>),并不是 使用link的外部css文件 或者 在<style></style>标签中定义的样式 样式优先级: * < tagName < class < id < ...
分类:
编程语言 时间:
2018-03-03 19:35:00
阅读次数:
158
1、函数声明与函数表达式(1)变量声明会置顶提前,但赋值仍在原地方(2)函数声明同变量声明一样会提前;但是,函数表达式没有提前,就相当于平时的变量赋值(3)函数声明会覆盖变量声明,但不会覆盖变量赋值:函数声明优先级高于变量声明的优先级;但是变量赋值以后,变量赋值初始化就会覆盖函数声明。2、函数arg ...
分类:
Web程序 时间:
2018-02-28 20:48:04
阅读次数:
221
1.节点,dom有3种节点,元素节点,文本节点,属性节点 2.元素节点是dom的原子,所有的属性节点和文本节点都被元素包含,但并不是所有的元素都包含他们 3.继承,节点树上的元素将继承父元素的样式和属性,可以用类和id将元素区别开来 4.获取元素的3种方法,通过元素Id,document.getEl ...
分类:
其他好文 时间:
2018-02-25 19:14:32
阅读次数:
145
问题描述: 如以下代码所示,通过js添加的Dom节点,在其上绑定点击事件,有的时候会出现点击事件不响应的情况,按照正常的理解,js代码具有阻塞性,Dom节点添加成功之后,就可以找到该节点并绑定事件,没有道理会出现事件绑定不上的问题,但是这种情况的确是遇到了多次,问题原因有待日后深入理解,下面记载一下 ...
分类:
移动开发 时间:
2018-02-23 23:55:02
阅读次数:
873
DOM 含义: DOM 是文档对象模型(Document Object Model) 是一种基于浏览器编程的一套API 接口,我W3C 出台推荐的标准。其赋予了JS 操作节点的能力,当网页被加载时,浏览器就会创建页面的文档对象模型。节点: 根据W3C的HTML DOM 标准,HTML 文档中的所有内... ...
分类:
编程语言 时间:
2018-02-14 00:17:39
阅读次数:
265
1.司空见惯代码,在某一dom节点上注册事件方法 2.非常正常的Login function,只是里面用了swal插件 代码执行效果就是我要的,点击btnResponse,当满足触发条件,弹出swal提示框,非常好. 3.没达到预期效果的ReturnKey方法设计,弹出swal提示框立刻刷掉,看了下 ...
分类:
编程语言 时间:
2018-02-11 16:16:09
阅读次数:
228