04 2015 档案

摘要:总结,在开发时最好基于320宽进行开发,图片基于640做,在放置图片时可以用background-size或zoom缩放一倍,图片在高清晰屏上就不会模糊。在加载页面时通过读取设备的width去计算dpi然后动态生成meta标记,可以很好解决手机的分辨率适配问题。但是在android pad端上不适用,原因有二,一、pad对width是计算还是读取比较混乱,有些像ios,有些读dpi,还有的两个都读,然后分段比较。二、pad的高中低dpi分档和手机不一样,没有统一标准 阅读全文
posted @ 2015-04-28 15:40 孙首富 阅读(307) 评论(0) 推荐(0) 编辑
摘要:经验分享:多屏复杂动画CSS技巧三则 阅读全文
posted @ 2015-04-24 10:45 孙首富 阅读(341) 评论(0) 推荐(0) 编辑
摘要:定义一个open类,满足open类的情况下触发动画 使用js事件去控制动画,当滑动的时候加上open类,然后延迟与动画相同的时间移除open类 这样就能很好的控制动画了 阅读全文
posted @ 2015-04-24 10:36 孙首富 阅读(808) 评论(0) 推荐(0) 编辑
摘要:1. PC优化手段在Mobile侧同样适用 2. 在Mobile侧我们提出三秒种渲染完成首屏指标 3. 基于第二点,首屏加载3秒完成或使用Loading 4. 基于联通3G网络平均338KB/s(2.71Mb/s),所以首屏资源不应超过1014KB 5. Mobile侧因手机配置原因,除加载外渲染速度也是优化重点 6. 基于第五点,要合理处理代码减少渲染损耗 7. 基于第二、第五点,所有影响首屏加载和渲染的代码应在处理逻辑中后置 8. 加载完成后用户交互使用时也需注意性能 阅读全文
posted @ 2015-04-24 10:28 孙首富 阅读(165) 评论(0) 推荐(0) 编辑
摘要:Firefox 35这周发布了,成为第一个默认开启支持HTTP/2协议的浏览器。Chrome也支持了,只是以SPDY 4的名义,并且要自己在about://flags里面手动开启。 不过HTTP/2规范还没有最终完成,所以Firefox实际上支持的是HTTP/2第14版草案,这个版本的草案离最终发布可能不会有大改动了。Google现在在其服务器上同时支持了HTTP/2的第14草案和SPDY协议,这就给我们了一个基于同一个网页来对比HTTPS, SPDY和 HTTP/2的性能的机会。 阅读全文
posted @ 2015-04-22 18:09 孙首富 阅读(1693) 评论(0) 推荐(0) 编辑
摘要:一:假如同时进行的n个动画,函数会把原本需要n次reflow和repaint优化成1次,然后交给浏览器进行优化,这样就实现了高质量的动画效果。 二:如果浏览器的某个tab正在运行这样一个动画,然后你切到另一个tab,或者干脆最小化,总之就是你看不见它了,这时浏览器就会停止动画。这将意味着更少的CPU和更少的内存消耗。 阅读全文
posted @ 2015-04-22 17:54 孙首富 阅读(545) 评论(0) 推荐(0) 编辑
摘要:有关javascript生成m位随机数的例子,js 随机数生成代码入门教程,Math random函数生成随机数的方法,需要的朋友参考下。 阅读全文
posted @ 2015-04-21 17:12 孙首富 阅读(1179) 评论(0) 推荐(0) 编辑
摘要:解决JS浮点数(小数)计算加减乘除的BUG 阅读全文
posted @ 2015-04-14 19:14 孙首富 阅读(3900) 评论(0) 推荐(0) 编辑
摘要:由于 React 的设计思想极其独特,属于革命性创新,性能出众,代码逻辑却非常简单。所以,越来越多的人开始关注和使用,认为它可能是将来 Web 开发的主流工具。 阅读全文
posted @ 2015-04-14 14:40 孙首富 阅读(954) 评论(0) 推荐(0) 编辑
摘要:JS 用sort方法排序字符串 阅读全文
posted @ 2015-04-10 14:23 孙首富 阅读(43992) 评论(0) 推荐(2) 编辑
摘要:CSS3 transform rotate(旋转)锯齿的解决办法 阅读全文
posted @ 2015-04-09 18:04 孙首富 阅读(2098) 评论(0) 推荐(0) 编辑
摘要:常用JS正则表达式 阅读全文
posted @ 2015-04-09 14:18 孙首富 阅读(296) 评论(0) 推荐(0) 编辑
摘要:Javascript 利用a标签自动解析URL分析网址实例 阅读全文
posted @ 2015-04-02 10:38 孙首富 阅读(718) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示