12月25, 2011

26期web标准化交流会

这一期的内容都是移动前端相关方面的分享,对于没有移动前端经验的同学来说是很好的一个入门。

由于晚到了一会第一个分享已经开始了,但一落坐就收获了一个很好的经验,这个经验就是利用:before和:after来显示一些背景图,写个小demo来实现一下;如例子中的新闻列表,工作中经常会遇到,当新闻列表前面需要一个小的ico的时候,有的时候可能会写成整个标题的背景,当标题有自己的背景时候可能就要添加一个标签来单独写了,这个时候:after就有用了,具体实现看例子中的源码吧。虽说ie8以下对这两个方法不支持,但移动端的浏览器基本都是webkit内核的,所以可以放心的用了,这个方法的好处不仅这点,如分享者所示,这个方法大大减小了css拼图的大小,当分享者给出减小的数字时,也引起了观众的惊呼,减小几十K的大小对移动端来说非常可观啊。其他对移动端的支持就是一些属性和私有属性了。

第二个分享是关于缓存的,移动端由于网速的限制,缓存对加快一些页面加载速度是很有帮助的,分享者主要介绍了两个方面:application cache和webstorage,这两个方法都是HTML5中的内容,买了HTML5高级程序设计还没来得及看到这两章,对所讲的东西也听得不是太懂,回头还是先把书看完。

第三个分享是以实际案例来讲的,首先讲的是关于产品设计方面的东西,后面的东西就比较有料了,有为提高显示速度用到了bigpipe技术,这个技术据说首先由facebook率先使用的,主要思路应该是先加载大的框架再按主次分块加载,但在后来的QA环节一些同学对这个方法使用在移动端还是有些不同的想法的,还有触屏设备特有的touch和旋转事件等,touch事件这块我在不久前简单的做过东西,在j事件和默认事件这块也遇到了问题 ,会上也没听到具体的思路,有机会再做些测试。还有一些经验是很好的,移动端还不是PC,所以性能方面要考虑的东西也很多。

这次参加还是收获很大的,移动前端各公司都是初涉,多多分享还是好的。

本文链接:https://75team.com/post/26期web标准化交流会.html

-- EOF --

Comments

评论加载中...

注:如果长时间无法加载,请针对 disq.us | disquscdn.com | disqus.com 启用代理。