vue截取html需要渲染的一部分来进行实时渲染操作,代替原来的html渲染完成后通过js来修改dom节点,效率更高,更现代化,是前端的进步。 字符串数据渲染: 数组数据渲染: ajax等数据渲染: 计算属性: 表单数据绑定: ...
分类:
其他好文 时间:
2018-02-06 16:41:11
阅读次数:
165
JSONP是一种非常常见的实现跨域请求的方法。其基本思想是利用浏览器中可以跨域请求外链的JS文件,利用这一特性实现数据传输。 用原生JS实现JSONP非常简单,无非几点: 1)定义一个函数,用于处理接收到的跨域数据。 2)生成一个dom节点(script节点),然后src属性上面记入发送的目的URL ...
分类:
Web程序 时间:
2018-02-05 20:04:28
阅读次数:
176
childNodes遍历DOM节点树 var s = ""; function travel(space,node) { if(node.tagName){ s += space + node.tagName + "" } var len = node.childNodes.length for (... ...
分类:
其他好文 时间:
2018-02-05 18:36:07
阅读次数:
122
生命周期小结生命周期钩子的一些使用方法: beforecreate : 可以在这加个loading事件,在加载实例时触发 created : 初始化完成时的事件写在这里,如在这结束loading事件,异步请求也适宜在这里调用mounted : 挂载元素,获取到DOM节点updated : 如果对数据 ...
分类:
其他好文 时间:
2018-02-02 14:12:14
阅读次数:
141
DOM含义:DOM是文档对象模型(Document Object Model,是基于浏览器编程的一套API接口,是W3C出台的推荐标准。其赋予了JS操作节点的能力。当网页被加载时,浏览器就会创建页面的文档对象模型。节点:根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点:1 ...
分类:
Web程序 时间:
2018-02-01 19:24:00
阅读次数:
264
0x01:前面的话DOM可以将任何HTML描绘成一个由多层节点构成的结构。节点分为12种不同类型,每种类型分别表示文档中不同的信息及标记。每个节点都拥有各自的特点、数据和方法,也与其他节点存在某种关系。节点之间的关系构成了层次,而所有页面标记则表现为一个以特定节点为根节点的树形结构。本文将详细描述DOM间的节点关系和基础的DOM操作。节点中的各种关系可以用传统的家族关系来描述,相当于把文档树比喻成
分类:
编程语言 时间:
2018-02-01 18:27:22
阅读次数:
142
先上图看看整体实际效果 看看用法 与参数 默认参数 dom 节点如下 支持2种结构 对应的js 如下 参数 deleteClose:false,用法 点击 删除按钮并收回 滑动元素, 点击事件回调函数 deleteFn里面 return true 可以收回,或者通过 sa5.swipeClose() ...
分类:
Web程序 时间:
2018-02-01 17:46:00
阅读次数:
257
传送门:http://www.cnblogs.com/yunfeifei/p/4486125.html 现在最热门的前端框架有AngularJS、React、Bootstrap等。自从接触了ReactJS,ReactJs的虚拟DOM(Virtual DOM)和组件化的开发深深的吸引了我,下面来跟我一 ...
分类:
Web程序 时间:
2018-01-31 14:42:21
阅读次数:
197
0x01:DOM是javascript操作网页的接口,全称为文档对象模型(DocumentObjectModel)。它的作用是将网页转为一个javascript对象,从而可以使用javascript对网页进行各种操作(比如增删内容)。浏览器会根据DOM模型,将HTML文档解析成一系列的节点,再由这些节点组成一个树状结构。DOM的最小组成单位叫做节点(node),文档的树形结构(DOM树)由12种类
分类:
编程语言 时间:
2018-01-31 14:38:27
阅读次数:
198