- 博客(6)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 页面优化【笔记】
1.减少请求 （1）图片分类合并。 （2）减少CSS文件请求：a.多个CSS文件合并为一个。b.少量CSS样式内联。c.避免使用import的方式引入CSS文件。 2.减少文件大小 （1）减少图片大小：a.选择合适的图片格式PNG或者JPG。b.用工具无损或者有损的压缩图片，比如ImageOptim，ImageAlpha，JPEGmini等工具。 （2）CSS值缩写，比如margin,paddin
2017-06-08 21:11:28
243
原创 使用setInterval实现渐隐藏
//使用setInterval实现渐隐藏 function myFadeout(ele){ var target = 1, speed = 1/50; var timer = setInterval(function(){ if(!parseFloat(ele.style.opacity) > 0){ ele.style.opacity = 1; } if(targ
2017-06-08 10:40:29
642
原创 水平垂直居中的方法及其优缺点
可以综合之前两篇文章的方法来做： 第一种： .parent{ text-align: center; display: table-cell; vertical-align: middle; } .child{ display: inline-block; } 优点：兼容性高 缺点： 第二种： /* 2 */ .parent{ position: relativ
2017-06-07 20:49:15
558
原创 垂直居中的三种方法及其优缺点
父元素，子元素高度不一定 第一种： .parent{ display: table-cell; vertical-align: middle; }优点： 兼容性好缺点：IE6-7 需改HTML结构 第二种： .parent{ display: relative; } .child{ position: absolute; left: 50%; transform: t
2017-06-07 20:37:41
801
原创 水平居中的五种方法及其优缺点
test 第一种： .parent{ text-align: center; } .child{ display: inline-block; }优点：代码少，兼容性好 inline-block ie6-7不兼容（可用inline+zooom:1） 缺点：text-align 会将文字移动，有时需text-align:left解决； 第二种： .
2017-06-07 20:29:24
1814
原创 NaN != Number("a")? 该用isNaN()来判断
最近遇到的一个怪事， Number("a")输出是NaN, 但就是不能与NaN这个字符串来比较，后来查了才知道，应该使用isNaN()函数来判断 isNaN(Number("a")) 他文档规定，就算将Number("a")的值赋值给一个变量，但也无法与任何一个类型的NaN做比较。
2017-06-07 20:12:44
696
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人