深入理解javascript中的立即执行函数(function(){…})()
摘要：javascript和其他编程语言相比比较随意，所以javascript代码中充满各种奇葩的写法，有时雾里看花，当然，能理解各型各色的写法也是对javascript语言特性更进一步的深入理解。 ( function(){…} )()和( function (){…} () )是两种javascrip
阅读全文
posted @ 2017-11-29 16:05
随笔分类 - JS
JS获取DOM元素
摘要：1、childNodes：获取子节点，不同浏览器表现不同； IE：只获取元素节点； 非IE：获取元素节点与文本节点； 解决方案：if(childNode.nodeName=="#text") continue 或者 if(childNode.nodeType != '3') continue 2、c
阅读全文
posted @ 2017-11-16 10:59
javascript中DOM0,DOM2,DOM3级事件模型解析
摘要：DOM 即 文档对象模型。 文档对象模型是一种与编程语言及平台无关的API(Application programming Interface)，借助于它，程序能够动态地访问和修改文档内容、结构或显示样式。 DOM3级，顾名思义，有三种DOM。 W3C协会早在1988年就开始了DOM标准的制定，W3
阅读全文
posted @ 2017-11-15 17:07
JS中的单引号和双引号
摘要：JS里面的单引号和双引号可以同时使用，但是要遵循一定的准则。 最外面用了双引号了，那么里面就不能再用双引号了，因为引号是成双对的，浏览器读到一个双引号后，到第2个双引号时才算结束；同理，浏览器读到一个单引号后，必须要读到第二个单引号才算结束， 不管是单引号还是双引号，里面都可以套相反的引号,但是不可
阅读全文
posted @ 2017-10-31 14:48
JS插入新的节点
摘要：insertBefore() 语法： insertBefore(newchild,refchild) newchild 插入新的节点 refchild 在此节点前插入新节点 <ul id="myList"> <li>Coffee</li> <li>Tea</li> </ul> function my
阅读全文
posted @ 2017-10-31 09:32
原生js删除元素
摘要：//删除id var idObject = document.getElementById('sidebar'); if (idObject != null) idObject.parentNode.removeChild(idObject); //通过class获取元素 paras = docum
阅读全文
posted @ 2017-09-26 13:40
js中采用词法作用域
摘要：所谓的 词法( 代码 )作用域, 就是代码在编写过程中体现出来的作用范围. 代码一旦写好, 不用执行, 作用范围就已经确定好了. 这个就是所谓词法作用域. 在 js 中词法作用域规则: 1.函数允许访问函数外的数据. 2.整个代码结构中只有函数可以限定作用域. 3.作用规则首先使用提升规则分析. 4
阅读全文
posted @ 2017-09-11 13:40
javascript性能优化
摘要：避免全局查找 在一个函数中会用到全局对象存储为局部变量来减少全局查找，因为访问局部变量的速度要比访问全局变量的速度更快些 01.function search() { 02.//当我要使用当前页面地址和主机域名 03.alert(window.location.href + window.locat
阅读全文
posted @ 2017-09-01 14:26
关于var与function的解析顺序问题
摘要：先给几段代码，看看你能知道运行结果不 function example1() { var f = function() {return 1;}; return f; var f = function() {return 2;}; } var a1 = example1(); alert(a1());
阅读全文
posted @ 2017-08-30 10:18
函数中声明变量不用Var的情况
摘要：我们都知道函数中声明变量不用Var时这个变量会成为全局变量，但是并不是函数一开始执行就会把它变为全局变量，必须执行到这条语句。 看一段代码 function f(){ alert(a); a = 3;}f(); //error: a is not defined 只有函数内部执行到a = 3时，a才
阅读全文
posted @ 2017-08-30 10:11
javascript多种方法实现数组去重
摘要：先说说这个实例的要求：写一个方法实现数组的去重。（要求：执行方法，传递一个数组，返回去重后的新数组，原数组不变，实现过程中只能用一层循环，双层嵌套循环也可写，只做参考）； 先给初学者解释一下什么叫数组去重（老鸟跳过）：意思就是讲数组里面重复的元素去掉，比如说var arr = [3,2,4,2,1,
阅读全文
posted @ 2017-08-22 17:10
移动端JS判断手势方向
摘要：原生JS判断手势方向的解决思路： 1、滑动屏幕事件使用html5 的touchstart滑动开始事件和touchend滑动结束事件。 2、方向的判断，以起点做平面坐标系，与终点连线做直线，直线与x正半轴计算角度；我们以45度角为方向分割线，如：只要滑动角度大于等于45度且小于135度，则判断它方向为
阅读全文
posted @ 2017-08-21 14:25
移动端为何不使用click而模拟tap事件及解决方案
摘要：移动端click会遇到2个问题，click会有200-300ms的延迟，同时click事件的延迟响应，会出现穿透，即点击会触发非当前层的点击事件。 为什么会存在延迟？ Google开发者文档中有提到： mobile browsers will wait approximately 300ms fro
阅读全文
posted @ 2017-08-18 14:21
移动端自适应rem布局
摘要：补充一个基本知识，不许笑，1rem等于HTML中设置的字体大小（px） 首先，HTML 的 head 部分中加入如下代码： <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0,
阅读全文
posted @ 2017-08-16 16:11
getComputedStyle方法获取元素CSS值
摘要：javascript的style属性只能获取内联样式，对于外部样式和嵌入式样式需要用currentStyle属性。但是，currentStyle在FIrefox和Chrome下不支持，需要用getComputedStyle 1、getComputedStyle是？ getComputedStyle是
阅读全文
posted @ 2017-08-11 17:26
js获得当前元素的样式
摘要：利用currentStyle()和ComputedStyle() 1 通常用法： balance为类名 window.getComputedStyle(document.querySelector(".balance"), null).backgroundColor； window.getCompu
阅读全文
posted @ 2017-08-11 15:59
js中return，return true,return false三者的用法及区别
摘要：return其实就是return undefined; 1.语法及返回方式 ①返回控制与函数结果 语法为:return 表达式; 语句结果函数的执行,返回调用函数,而且把表达式的值作为函数结果返回出去 ②返回控制无函数结果 语法为:return; 在大多数情况下,为事件处理函数如果让其返回false
阅读全文
posted @ 2017-08-10 16:25
Cookie
摘要：Cookie（复数形态Cookies），中文名称为小型文本文件或小甜饼，指某些网站为了辨别用户身份、进行session跟踪而储存在用户本地终端（Client Side）上的数据（通常经过加密） Clasification [分类] 说到底，cookie就是保存在客户端的一段字符串（注意：不是数组）。
阅读全文
posted @ 2017-08-08 11:17
页面之间传值的方法
摘要：在前端开发中我们常常需要从一个跳到另一个页面，并且将当前页面的数据传递过去，总结一下我的方法： 1 通过URL传值，不过有个缺点就是传输的值不能太大，因为浏览器对与URL的长度是有限制的。 首先定义getQueryString方法 function getQueryString(name) { va
阅读全文
posted @ 2017-08-07 15:32
原生JS元素怎么取消事件
摘要：关于原生JS元素怎么取消事件，有3种方式 方法1：removeEventListener 案例： <body> <div id="myDIV"> div 元素添加了 onmousemove 事件句柄，在你移动鼠标时会显示随机数。 <p>点击按钮移除 DIV 的事件句柄。</p> <button on
阅读全文
posted @ 2017-08-04 15:44
