前言：Vue最核心的功能之一就是响应式的数据绑定模式，即view与model任意一方改变都会同步到另一方，而不需要手动进行DOM操作，本文主要探究此功能背后的原理。思路分析以下是一个最简单的双向绑定的例子： {{msg}} 观察以上代码，我们可以看出双向绑定的涉及到的3个元素：input，data.... ...
分类：
其他好文 时间：
2017-07-16 14:18:25
阅读次数：
157
在指令中操作DOM，我们需要link参数，这参数要求声明一个函数，称之为链接函数。 写法： link: function(scope, element, attrs) { // 在这里操作DOM} 如果指令使用了require选项，那么链接函数会有第四个参数，代表控制器或者所依赖的指令的控制器。 / ...
分类：
Web程序 时间：
2017-07-13 16:12:18
阅读次数：
280
自定义指令： 自带钩子函数： 自定义钩子函数： 钩子函数的参数有： el: 指令所绑定的元素，可以用来直接操作 DOM 。 binding: 一个对象，包含以下属性： name: 指令名，不包括 v- 前缀。 value: 指令的绑定值， 例如： v-my-directive="1 + 1", va ...
分类：
其他好文 时间：
2017-07-12 17:42:55
阅读次数：
417
1-jQuery- jQuery是一个JavaScript库，通过封装原生对象的JavaScript函数得到一套定义良好的方法。 jQuery主旨：以更少的代码，实现更多的功能。 2—jQuery优势 可以像css一样访问和操作dom；修改css控制页面外观；简化js代码操作；事件处理更容易；动画效 ...
分类：
Web程序 时间：
2017-07-10 13:12:45
阅读次数：
178
转自网络 一、创建元素节点 1.1 原生JS创建元素节点 ? 1 document.createElement("p"); ? 1 document.createElement("p"); ? 1 document.createElement("p"); ? 1 document.createEle ...
分类：
Web程序 时间：
2017-07-10 00:35:25
阅读次数：
389
1.jQuery 中非常重要的部分，就是操作 DOM 的能力，设置内容和属性 三个简单实用的用于 DOM 操作的 jQuery 方法： text() - 设置或返回所选元素的文本内容 设置的时候仅需写text("hello world")即可，即填充内容作为参数传入即可。以下其他函数一样 html( ...
分类：
Web程序 时间：
2017-07-09 21:58:13
阅读次数：
210
1.首先无法直接操作dom 脚本逻辑是放在JsCore中运行的，jscore是一个没有窗口对象的环境，所以无法在脚本中使用window，渲染页面只能重新获取数据渲染页面， 因此做到一些下滑加载更多数据时，需要将原本数据存下来，再将新获取数据与原数据进行去重排序（或不需要）整合渲染。 2.scroll ...
分类：
其他好文 时间：
2017-07-06 11:19:32
阅读次数：
230
1、DOM操作——怎样添加、移除、移动、复制、创建和查找节点。 （1）创建新节点 createDocumentFragment() //创建一个DOM片段 createElement() //创建一个具体的元素 createTextNode() //创建一个文本节点 （2）添加、移除、替换、插入 a ...
分类：
其他好文 时间：
2017-07-02 23:10:55
阅读次数：
162
3.1 DOM 操作分类 ①DOM Core 包括（getElementById() , getElementsByTagName() , getAttribute() , setAttribute() ） ②HTML DOM 专属HTML_DOM属性，提供一些更简明的记号来描述各种HTML元素属性 ...
分类：
Web程序 时间：
2017-07-02 17:13:31
阅读次数：
182
拿到DOM节点 在操作一个DOM节点前，我们需要通过各种方式先拿到这个DOM节点。最常用的方法是document.getElementById()和document.getElementsByTagName()，以及CSS选择器document.getElementsByClassName()。【由 ...
分类：
其他好文 时间：
2017-07-01 15:29:25
阅读次数：
175
