2017年08月_Prince_fmx

原创函数声明的几种方式，函数声明与函数表达式的区别，函数调用的几种方式

1.function func1(a){}2.var func2=function(b){}3.var func3=function func4(c){}4.var func5=new Function()//构造函数声明5.var func6=(function(n1,n2){})();//自执行函数声明（立即执行的函数表达式）代码：

2017-08-31 18:55:50 8236

原创 css nth-child(n)和nth-of-type(n)区别

:nth-child(n) 先看顺序（n）后看类型该选择器选取父元素的第 N 个子元素注意：该父元素的子节点按结点顺序从上到下，若第一个元素的类型不是该选择器指定的类型，那么不生效，意思就是该n必须得是该父元素的子元素从上往下的第n个；:nth-of-type(n)先看类型后看顺序(n)该选择器选取父元素的第 N 个指定类型的子元素如果n等于1，且父元素中恰好有

2017-08-31 12:57:42 466

原创一个冒号和两个冒号的区别

双冒号是在css3规范中引入的，用于区分伪类和伪元素一个冒号：伪类以下是w3c上列出的伪类伪类W3C："W3C" 列指示出该属性在哪个 CSS 版本中定义（CSS1 还是 CSS2）。属性描述CSS:active向被激活的元素添加样式。1:focus向拥有键盘输入焦点的元

2017-08-31 09:48:26 3875

原创浮动、高度坍塌与解除、清除浮动

当父元素高度自适应（没有设置具体高度），子元素浮动时，父元素内容因为没有被撑开，高度为0,那么就是高度坍塌了；高度坍塌解除;1.父元素设置高度；2.父元素设置display:inline-block;3.父元素跟随子元素同样的浮动样式；4,父元素样式overlow:hidden;5.父元素伪类（都说是绝杀技，自己体会）：after{display: block;

2017-08-30 15:27:54 401

转载 ES6新特性

介绍ECMAScript 6 在接下来的一段时间内将成为 ECMAScript的一个标准。这个标准预计在今年的时候就会被签署，不管在Github,还是在很多社区，javascript爱好者已经早已开始拥抱变化，享受ES6 带来的美好,这篇文章将介绍ES6的一些新特性。由于ES6 还没有很好地被浏览器支持，所以这篇文章的ES6代码将使用 Babel 进行编译。ECMAScript 6

2017-08-28 16:21:51 363

转载前端路由

前端路由与单页页面路由就是指随着浏览器地址栏的变化，展示给用户的页面也不相同。传统的网页根据用户访问的不同的地址，浏览器从服务器获取对应页面的内容展示给用户。这样造成服务器压力比较大，而且用户访问速度也比较慢。在这种场景下，出现了单页应用。单页应用，就是只有一个页面，用户访问一个网址，服务器返回的页面始终只有一个，不管用户改变了浏览器地址栏的内容或者在页面内发生了跳转，服务器不会重新返

2017-08-28 10:30:02 368

转载图片延迟加载

当页面中图片数量很多的时候，如果要求页面加载完成的时候将图片全部显示出来，那么会让用户觉得“网速好渣/网页好渣”，于是，使得尚未出现在用户视区的图片暂时隐藏起来减少页面一开始的加载时间不为是一种好办法原生js: --> var temp = -1;//用来判断是否是向下滚动（向上滚动

2017-08-28 08:43:44 250

转载取得一个页面的所有class

因为js函数库并没有去取得所有class的函数，原生js: Document //获取所有的classNamevar classNames=getAllClassName();console

2017-08-28 08:39:22 786

原创事件绑定与事件捕获/冒泡

element.addEventListener(event, function, useCapture)参数 event 必须。字符串，指定事件名。（注意: 不要使用 "on" 前缀。例如，使用 "click" ,而不是使用 "onclick"。）参数 function 必须。指定要事件触发时执行的函数。当事件对象会作为第一个参数传入函数。事件对象的类型

2017-08-27 17:38:57 278

原创闭包

理解是，闭包就是能够读取其他函数内部变量的函数。本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。function f1(){n=999;functionf2(){alert(n);}returnf2;}varresult=f1();result(); //999f2函数，就是闭包var name = "TheWindow"; var

2017-08-27 09:10:28 401

Prince_fmx的博客