jQuery 拥有可操作 HTML 元素和属性的强大方法。 jQuery DOM 操作 jQuery 中非常重要的部分,就是操作 DOM 的能力。 jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。 DOM 定义访问 HTML 和 XML 文档的标准: "W3C 文 ...
分类:
Web程序 时间:
2018-02-21 15:53:59
阅读次数:
189
用JavaScript操作表单和操作DOM是类似的,因为表单本身也是DOM树。 不过表单的输入框、下拉框等可以接收用户输入,所以用JavaScript来操作表单,可以获得用户输入的内容,或者对一个输入框设置新的内容。 HTML表单的输入控件主要有以下几种: 文本框,对应的<input type="t ...
分类:
其他好文 时间:
2018-02-08 16:28:26
阅读次数:
172
每次对dom的操作都会触发"重排",这严重影响到能耗,一般通常采取的做法是尽可能的减少dom操作来减少"重排" 处理方法:创建一个文档碎片将需要添加的大量元素 先添加到文档碎片中,再将文档碎片添加到需要插入的位置,大大减少dom操作,提高性能。 语法 document.createDocumentF ...
分类:
Web程序 时间:
2018-02-06 22:58:00
阅读次数:
213
前端三大框架: 对浏览器来讲,view视图就是页面。即是一个dom树。 浏览器会把当前html文档当做一个dom树。 jquery:js类库。js操作dom,进行打包。 jquery操作dom。但是功能相对较少。 但是还可以更牛逼,更简单。 bootstrap:css方向的框架。 前后端分离:(aj ...
分类:
其他好文 时间:
2018-01-26 01:37:41
阅读次数:
189
vue 自定义指令主要是操作dom,主要是为了记住一个验证的例子 ...
分类:
其他好文 时间:
2018-01-25 13:05:22
阅读次数:
171
了解React的同学都知道,React提供了一个高效的视图更新机制:Virtual DOM,因为DOM天生就慢,所以操作DOM的时候要小心翼翼,稍微改动就会触发重绘重排,大量消耗性能。 1.Virtual DOM Virtual DOM是利用JS的原生对象来模拟DOM,既然DOM是对象,我们也可以用 ...
分类:
其他好文 时间:
2018-01-21 20:33:59
阅读次数:
175
概述 上一篇我们介绍了如何将$.ajax和Vue.js结合在一起使用,并实现了一个简单的跨域CURD示例。Vue.js是数据驱动的,这使得我们并不需要直接操作DOM,如果我们不需要使用jQuery的DOM选择器,就没有必要引入jQuery。vue-resource是Vue.js的一款插件,它可以通过 ...
分类:
Web程序 时间:
2018-01-18 11:50:38
阅读次数:
367
前前后后已经快写了2年左右javaScript,刚开始只是简单用于一些表单验证和操作dom节点,并没有深入的使用,随着渐渐的深入,开始不想去写重复的代码(懒的开始),从而写简单的继承,封装,抽象等等,最终效果写重复代码少、可用性高(主要:迭代快、代码可以持续使用, 加班 也少 ...
分类:
编程语言 时间:
2018-01-18 11:47:20
阅读次数:
231
Vue.js介绍 Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。 如果你之前已经习惯了用jQuery操作DOM,学习Vue.js时 ...
分类:
Web程序 时间:
2018-01-18 11:46:10
阅读次数:
249
之所以要做这个是因为,在一个组件内部需要引入一个js文件来定位。如果放在index.html,这样每个组件都会有这个js。所以需要在组件内单独引入。 第一种操作 Dom引入js: 第二种使用 createElement 方法: 第三种封装一个组件: 使用:<remote-jssrc="你的需要的js ...
分类:
Web程序 时间:
2018-01-08 13:35:31
阅读次数:
224