第 6 集

本周的剧集中

Ember 为 Canary 带来了 Glimmer,Senongo Akpem 探索非线性叙事,网页突破 2MB 的限制,Firefox 38 发布,Chrome 成为 Android 上的开发者渠道,而程序化复制/粘贴功能也将登陆 Firefox。

希望的飞舞

Ember 的新渲染引擎 Glimmer 现已推出 Canary 版。受 React 的虚拟 DOM 启发,Glimmer 试图仅通过差异绑定而非整个 DOM 来做出改进。据该团队表示,这显著提升了在 dbmonster 等基准测试中的性能。您可以按照本指南,详细了解如何迁移到 Glimmer 和 Ember 2.0。

http://emberjs.com/blog/2015/05/05/glimmer-merging.html

http://emberjs.com/blog/2015/05/10/run-up-to-two-oh.html

https://www.youtube.com/watch?v=o12-90Dm-Qs

关注主题

让我们来探索如何用故事讲述集体智慧。Pixel Fable 项目的创作者 Senongo Akpem 介绍了利用现代技术创作非线性故事的过程。他编编并演示了几个示例,包括额外的叙事内容(如《创意生存》)、平行叙述(在项目 Moon 中特推),以及微叙述(由他自己的网站“Lost Nigeria”)进行插图展示。

https://www.youtube.com/watch?v=t7GGZwt5yVU

http://www.pixelfable.com/

http://anidealiveson.org/2014

http://unahistoriaquedalavuelta.com/en/

http://lostnigeria.com/air-travel/

打破常规

网站需要节食吗?Scott Jehl 在 Twitter 微博中表示,现在每个网页的平均大小超过 2MB,其中 62% 来自图片。像我的网站费用这样的项目能够说明什么,这可以给用户带来可观的成本。“Picture 和 srcset”等新标准有助于解决这个问题,但开发利用这些标准还是需要付出开发者的努力。

https://twitter.com/scottjehl/status/595827049136267266

http://httparchive.org/interesting.php?a=All&l=Apr%2015%202015#bytesperpage

http://whatdoesmysitecost.com/test/150416_09_71875497c6009dd92716f8d9aa5f3af6

http://www.html5rocks.com/en/tutorials/responsive/picture-element/

https://www.chromestatus.com/metrics/feature/popularity#Picture

FIREFOX 38 发布

Firefox 38 在过去一周中进入稳定状态,并进行了多项改进。最值得在 Mozilla Hacks 博客中强调的新版本,新版本既支持 image 和 img srcset、Web Worker 中的 Web 套接字,又支持向所有打开的标签页发布消息的 BroadcastChannel,以及一些额外的开发者工具功能。您可以在 MDN 上查看开发者版本说明。

https://www.mozilla.org/en-US/firefox/38.0/releasenotes/

https://hacks.mozilla.org/2015/05/trainspotting-firefox-38/

http://www.smashingmagazine.com/2014/05/14/responsive-images-done-right-guide-picture-srcset/

https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API

https://developer.mozilla.org/en-US/Firefox/Releases/38

Android 上的开发者

Android 版 Chrome 现已开通开发者版。新的开发者渠道在 Chromium 博客中进行了详细介绍,让开发者可以使用早期版本的 Chrome 来测试自己的网站,从而发现错误并试用最前沿的功能。新渠道至少每周更新一次,现已在 Google Play 商店中提供。

https://twitter.com/addyosmani/status/593461414922170369

http://blog.chromium.org/2015/04/dev-channel-for-chrome-on-android.html

https://play.google.com/store/apps/details?id=com.chrome.dev

复制粘贴式

Firefox 即将推出程序化复制和粘贴功能。最近一个旨在实现和交付线程的 intent 表明,Firefox 将添加对通过 execCommand 方法进行复制和粘贴的支持,以响应用户操作。Chrome 43、IE 10 和 Opera 29 中已支持类似行为。要详细了解复制和粘贴,您可以参阅这篇关于 HTML 5 Rocks 的文章。

https://bugzilla.mozilla.org/show_bug.cgi?id=1012662

https://groups.google.com/forum/#!msg/mozilla.dev.platform/oWhmLMvGAD0/3eXWSRjJAZsJ

http://updates.html5rocks.com/2015/04/cut-and-copy-commands

请在 Twitter 上告诉我们你的想法 #LazyWebShow

有关网络上的更多新闻,请查看以下资源: JavaScript Weekly:http://javascriptweekly.com/

Open Web Platform Daily:http://webplatformdaily.org/

HTML5 每周:http://html5weekly.com/

订阅 Google Developers 频道