摘要: 1.通过js原生方法实现:Document 2.通过jQuery实现:Document第 阅读全文
posted @ 2015-12-15 14:55 小白的自由空间 阅读(234) 评论(0) 推荐(0) 编辑
摘要: DIV+CSS设计IE6、IE7、FF 兼容性DIV+CSS网页布局这是一种趋势,我也开始顺应这股趋势了,不过在使用DIV+CSS网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV+CSS设计的网页,就应该更注意IE6 IE7 FF对CSS样式的兼容.什么是浏览器兼容:当我... 阅读全文
posted @ 2015-11-26 09:52 小白的自由空间 阅读(358) 评论(0) 推荐(0) 编辑
摘要: 看到移动端实现摇一摇并振动功能,觉得挺实用便记录了下来。这个功能主要通过window.DeviceMotionEvent该事件可以监听设备的运动事件,然后通过event.accelerationIncludingGravity获取的x,y,z的位移,通过位置的变化计算设备是否在快速变化加速度以达到监... 阅读全文
posted @ 2015-11-25 10:10 小白的自由空间 阅读(1264) 评论(1) 推荐(0) 编辑
摘要: LESS 做为 CSS 的一种形式的扩展,它并没有阉割 CSS 的功能,而是在现有的 CSS 语法上,添加了很多额外的功能,所以学习 LESS 是一件轻而易举的事情,果断学习之!变量很容易理解:@nice-blue: #5B83AD;@light-blue: @nice-blue + #111;#h... 阅读全文
posted @ 2015-11-25 08:37 小白的自由空间 阅读(24405) 评论(3) 推荐(2) 编辑
摘要: 概述 1. PC优化手段在Mobile侧同样适用 2. 在Mobile侧我们提出三秒种渲染完成首屏指标 3. 基于第二点,首屏加载3秒完成或使用Loading 4. 基于联通3G网络平均338KB/s(2.71Mb/s),所以首屏资源不应超过1014KB 5. Mobile侧因手机配置原因... 阅读全文
posted @ 2015-11-24 18:06 小白的自由空间 阅读(328) 评论(0) 推荐(0) 编辑
摘要: What's FC?一定不是KFC,FC的全称是:Formatting Contexts,是W3C CSS2.1规范中的一个概念。它是页面中的一块渲染区域,并且有一套渲染规则,它决定了其子元素将如何定位,以及和其他元素的关系和相互作用。BFCBFC(Block Formatting Contexts... 阅读全文
posted @ 2015-11-24 17:09 小白的自由空间 阅读(1201) 评论(0) 推荐(0) 编辑
摘要: 优点:a.面对不同分辨率设备灵活性强b.能够快捷解决多设备显示适应问题缺点:a.兼容各种设备工作量大,效率低下b.代码累赘,会出现隐藏无用的元素,加载时间长如何实现:用CSS3的MediaQuery(媒介查询)来实现(其实也可以用js实现,不过js这方法是针对低端浏览器的,不考虑):设备宽高:dev... 阅读全文
posted @ 2015-11-24 17:05 小白的自由空间 阅读(313) 评论(0) 推荐(0) 编辑
摘要: 两栏布局,左边定宽200px,右边自适应。如何实现?我的第一个反应就是:用flex伸缩盒呀,然后balabala...说完之后,面试官说,还有没有别的方法?flex有些浏览器不支持嗯...我愣了一下,平常遇到这种问题貌似都是这么写的...别的方法?我又想了想。JS?对,JS肯定可以。然后就说,可以用... 阅读全文
posted @ 2015-11-23 23:29 小白的自由空间 阅读(9788) 评论(0) 推荐(0) 编辑