知识一

1、整个屏幕遮罩（移动端）：可以下列属性

position:fixed;
top:0;
left:0;
bottom:0;
right:0;

这样会自己撑满屏幕，而不用在设置高宽了

 

2、rem的计算：看原稿根据什么定制，如果根据iphone6，可以 原大小/2/(375*0.1)px。除以2：原稿都会按2倍去设计，用的时候除以2，375：iPhone6的宽度，高度同理。

 

3、fixed的子元素应该用绝对定位

 

4、jQuery的tap事件，应该给return false，以防止tap事件点击两次。

 

5、dataset属性用于获取data-***属性，方式为dataset.***就能获取标签的data-***属性值

 

6、new Date()返回值是Fri Dec 23 2016 15:07:11 GMT+0800 (CST) 要想返回毫秒数值应该是 +new Date();

类似方法也可以实现，数字编程字符串，""+num

 

7、项目中做动态添加CSS时，需加上时间戳，例如 link.href = cssUrl+'?'+cssupdate; 意义在于去掉缓存，防止浏览器缓存。

 

8、这样写的意义 var s = document.createElement("script");s.onload = s.onreadystatechange=function(){};ie不支持onload(),FF不支持onreadystatechange();

 

9、统一类名的元素，不同点击效果可在内部用var _self=$(this)来区分，而index()方法是用来遍历的

 

10、获取元素相对于页面顶端的高度，$("#element").offset().Top来获取，获取的是具体数值，使用的时候，例如滚屏操作记得加上px.

 

11、jquery封装字符串式的HTML段落 var $tr = $('<tr><td colspan="5"></td></tr>');这里的colspan表示跨越几列

 

12、关于ajax数据请求的事情：浏览器查看请求，

13、使用$(documengt).on(“click”，".element",function(){...}),而不使用$(".element").on("click",function(){...})，原因是防止ajax获取数据生成的页面控制不了（添加不上事件）

现在理解，这种方式其实是把事件都冒泡到document中去了。

 

14、解决display:inline-block;产生的3px的间距问题，给其父类设置font-size:0;再在其元素本身把font-size，设置成原始字体大小

 

15、防止微信网页，页面上下滑动，监听 touchstart事件，return false就行了

 

16、移动端获取页面高度应该用$(window),而不用$(document),因为手机例如微信打开网页上面个会默认有个返回分享的主栏，他还占据空间呢。而window可以把这空间算入在内

 

17、不确定宽度的div水平居中，display:table;margin:0 auto;

 

18、修改以前代码的css，属性调节不过来的话可以考虑使用，initial  意思为初始化元素属性。

 

19、能用css动画的尽量使用css来完成，不要用animate，性能差太多了😔

 

20、移动端input相应粘贴方式，监听事件 paste

 

21、$(doucument).height()获取的是整个文档的高度（包括页面看不到的部分），$(window).height()获取的是可视区域的高度

 

22、clearfix也可以解决margin-top连带父元素的问题

 

23、文字设置marin-top,和从ps那里测量的数值不同，原因是文字自带一块小蓝色（chrome下的contant），可以设置line-height：1来取消

 

24、测量ps中图形的大小的时候可以使用 a快捷键（路径选择器）来测量，点击，窗口上栏会有大小信息

 

25、垂直居中：http://www.cnblogs.com/Yirannnnnn/p/4933332.html

 

26、用~~可以强制把元素改为blooean值，如~~（0）返回false

 

27、设置的高度包括border，so 测量的时候也测量border

 

28、jquery中after和insertAfter的区别是：a.after(b) a后面插入b（a不动）  a.insertAfter(b)把a插到b后面（b不动）