前端周刊20150124期

嗯！直接叫做前端周刊好了，简单明了，推荐本周精彩博文给大家~ 欢迎关注我们的微博 @前端笔记网 或者我们的微信公众号 w3cmark_com。

    

    【行业资讯】

    1、2014年CSS报告——考察如何使用CSS

    CSS主要是将一个HTML结构变成一个正确显示的页面。CSS是一种允满怪癖和有很多不可预测的行为的语言，因此，通常情况之下，开发人员（后端程序开发人员）最讨讨厌使用他来做任务。

    2、2015年移动APP设计趋势展望

    

    App Store和Google Play里的app多如牛毛。很难说未来的趋势是什么，不过显然我们可以轻易选出当下的5种趋势并加以分析。

    3、设计师专属！有哪些强大好用、鲜为人知的CHROME插件？

    

    提高工作效率好帮手！今天贝尼同学将自己的私人珍藏分享出来，从配色方案到搜图搜资源，都有超方便的Chrome插件能帮设计师们事半功倍搞定工作，最后还有小编呕血推荐的一款超方便的免费科学上网插件（你懂的），千万低调地马克呦！

    4、为什么说微信推出朋友圈广告不会步微博后尘？

    

    这几天微信朋友圈广告浮出水面，朋友圈都被各类仿微信广告刷屏了，互联网圈内也开始有了微信是否会步微博后尘的争论，我想谈谈自己的观点。

    5、商业生态战 | 雷军15分钟敲定的投资，难道只因它在做大火的H5？

    2014年11月，白鹭引擎(下称白鹭)获得顺为资本千万美元融资。协议签订前，白鹭创始人兼CEO陈书艺等一行5人与顺为资本创始合伙人兼董事长雷军见了一面。仅15分钟，投资即被敲定。

    【行业技术】

    1、从四分钟到两秒——谈谈客户端性能优化的一些最佳实践

    最 近跟售后经理吃饭，他跟我再次谈起两年前为公司临时写的一个客户端，仍然非常激动的跟我说，这个客户端完爆了公司其他版本的客户端，包括最老的 Delphi写的，Asp.Net写的，以及最新的Wpf写的客户端。无论是多么大的界面(集成的机房多)，这个系统都是瞬间打开，而且运行非常稳定，一 旦成功部署之后基本没有任何问题。

    2、关于大型网站技术演进的思考（一）--存储的瓶颈（上）

    

    前 不久公司请来了位互联网界的技术大牛跟我们做了一次大型网站架构的培训，两天12个小时信息量非常大，知识的广度和难度也非常大，培训完后我很难完整理出 全部听到的知识，今天我换了个思路是回味这次培训，这个思路就是通过本人目前的经验和技术水平来思考下大型网站技术演进的过程。

    3、测试不同浏览器播放canvas动画的平滑程度

    Canvas无疑是HTML5开放式网络平台最激动人心的技术之一。目前，除了IE8以外，各类浏览器的新版本都支持HTML5 Canvas。

    4、中国首届CSS开发者大会总结及PPT

    活动总结预留，此帖将持续更新中，现在将本次大会讲师的PPT分享给大家：

    5、移动H5前端性能优化指南

    

    概述

    1. PC优化手段在Mobile侧同样适用

    2. 在Mobile侧我们提出三秒种渲染完成首屏指标

    3. 基于第二点，首屏加载3秒完成或使用Loading

    4. 基于联通3G网络平均338KB/s(2.71Mb/s)，所以首屏资源不应超过1014KB

    5. Mobile侧因手机配置原因，除加载外渲染速度也是优化重点

    6. 基于第五点，要合理处理代码减少渲染损耗

    7. 基于第二、第五点，所有影响首屏加载和渲染的代码应在处理逻辑中后置

    8. 加载完成后用户交互使用时也需注意性能

    6、HTML5粒子编辑器

    大家阅读此文之前，可以先看一篇MiloYip的文章：用JavaScript玩转游戏物理(一)运动学模拟与粒子系统，看完之后再看此文，更加容易理解。