2016年12月2日
js 增删改查方法
摘要： push() 向数组的末尾添加一个或多个元素 pop() 删除数组内部并返回数组的最后一个元素 shift() 把数组内部的第一个元素从其中删除,并返回第一个元素的值 unshift() 向数组外部的开头添加一个或更多元素,并返回新的长度 splice() 从数组中添加/删除项目,然后返回被删除的项 阅读全文
posted @ 2016-12-02 10:47 xuanPhoto 阅读(522) 评论(0) 推荐(0)
事件与方法的概念逻辑
摘要： 首先明确一个概念 方法和事件 能够响应的是事件 执行动作的是方法 方法和事件可以结合使用 events 事件 事件配合外部响应的钩子 $emit 阅读全文
posted @ 2016-12-02 10:46 xuanPhoto 阅读(172) 评论(0) 推荐(0)
vuejs过滤器
摘要： 结合管道符 | {{messageOne | capitalize}} capitalize 首字母大写 {{messageOne | uppercase}} uppercase 大写字母 {{messageTwo | currency '￥' 0}} currency 货币联合符 后面的0 是说小数点后面显示几个0 写3就跟着三个0 {{messageThree}}... 阅读全文
posted @ 2016-12-02 10:21 xuanPhoto 阅读(288) 评论(0) 推荐(0)
2016年12月1日
立即执行函数/自动执行函数与window.onload作用类似
摘要： (function(){ }()); // 立即执行函数 或者用window.onload=function（）{}也可以 window.onload // 所有资源加载完毕 包含dom window.DOMContentLoaded // dom内容加载完毕 DOMContentLoaded加载会 阅读全文
posted @ 2016-12-01 21:49 xuanPhoto 阅读(277) 评论(0) 推荐(0)
创建文本，innerHTML与createTextNode的使用
摘要： 第一种：innerHTML p.innerHTML="124"; 除了这个还可以console.log(p.innerHTML) 弹出p里面的内容; 第二种：createTextNode var text = document.createTextNode('24356'); //在document 阅读全文
posted @ 2016-12-01 21:46 xuanPhoto 阅读(201) 评论(0) 推荐(0)
创建标签等操作DOM的原生js API
摘要： （1）创建新节点 createDocumentFragment() //创建一个DOM片段 createElement() //创建一个具体的元素 createTextNode() //创建一个文本节点 （2）添加、移除、替换、插入 appendChild() removeChild() 删除子节点 阅读全文
posted @ 2016-12-01 21:35 xuanPhoto 阅读(204) 评论(0) 推荐(0)
数组格式的多种写法
摘要： 写法不同效果是等价的 写法一： var beatles =Array(4); beatles[0]="john"; beatles[1]="paul"; beatles[2]="George"; beatles[3]="ringo"; 写法二：var beatles=Array("john","paul","George","ringo"); ... 阅读全文
posted @ 2016-12-01 21:15 xuanPhoto 阅读(997) 评论(0) 推荐(0)
输出引号的转义字符
摘要： var height = "about 5'10\" tall"; //转义字符\斜杠 alert(height); //about 5'10" tall 阅读全文
posted @ 2016-12-01 20:48 xuanPhoto 阅读(196) 评论(0) 推荐(0)
获取上一个和下一个元素
摘要： 455divp document.getElementsByTagName('div')[0].previousSibling.style.color='red'; //获取上一个元素 document.getElementsByTagName('div')[0].nextSibling.style.color='red'; //获取下一个元素 阅读全文
posted @ 2016-12-01 19:31 xuanPhoto 阅读(142) 评论(0) 推荐(0)
获取选中元素下所有的子节点的小技巧
摘要： 比如下面，原生的，你获取元素一般都是从DOM树中document中获取，如果想精确到某个元素，可以先获取其父元素再获取其本身，这样范围更精确。 比如下面通过精确获取父元素来获取li的长度。 <ul id="u"> <li></li> <li></li> <li></li> </ul> <script 阅读全文
posted @ 2016-12-01 19:15 xuanPhoto 阅读(286) 评论(0) 推荐(0)