利用 JavaScript 拯救宇宙

在本周的剧集中

例如,Service Worker 支持 Firefox Nightly,在你的收件箱中接收每日开发者工具提示、在 Chrome 中调试 IE、使用 Flexbox 实现自适应网页设计、利用 1000 的 JavaScript 拯救宇宙,以及适用于 IE 和 Spartan 的生成器正在开发中。

开发者(每日)

这些实用提示会每天发送到您的收件箱,帮助您加快工作流程。Umar Hansa 以动画 GIF 格式每天演示一次开发者工具提示。例如,在“Sources”(来源)面板中跳转到某个行号,以及在 c网址 中重放网络请求。

https://www.google.com/url?q=https%3A%2F%2Fumaar.com%2Fdev-tips%2F&sa=D&sntz=1&usg=AFQjCNGgWKnyERWpWflwl-7sk6qV4gngmg

在 Chrome 中调试 IE

如果您可以在 Chrome 中调试 Internet Explorer,会怎么样?IE 诊断适配器最近由 IE 团队开放源代码,它是一座使 Internet Explorer 能够与 Chrome 远程调试协议进行通信的桥。虽然该项目仍是一个实验,但已经让您可以进行基本的脚本调试,并且团队计划在不久的将来将其移植到 Spartan。

http://blogs.msdn.com/b/ie/archive/2015/04/02/introducing-the-ie-diagnostics-adapter-for-third-party-developer-tools.aspx

服务工作者

由于 Service Worker 即将支持 Firefox Nightly,因此构建离线体验可能会变得更轻松。基于 W3C 规范,Service Worker 使开发者能够增强对页面的控制,使开发者能够重新路由网络请求、提供缓存中的资源,甚至发送推送通知。Service Worker 已经开始支持 Chrome 浏览器,Firefox 团队估计他们可能会推出版本 41。

https://blog.wanderview.com/blog/2015/03/24/service-workers-in-firefox-nightly

http://www.w3.org/TR/service-workers/

https://jakearchibald.com/2014/offline-cookbook/

自适应自适应横幅广告:FLEXBOX

使用 Flexbox 增强您的网站以改进您的自适应布局。开发者 Zoe Gillenwater 介绍 Flexbox 如何作为渐进式增强功能来用于支持旧版浏览器的网站。全面的幻灯片还可用作备忘单,帮助您记住 Flexbox 的各种属性。

https://vimeo.com/124796320

http://www.slideshare.net/zomigi/enhancing-responsiveness-with-flexbox-smashing-conference

JS1K 竞赛

你只用 1000 个 JavaScript 就能炸掉多少外星人?Keith Clark 的《Defender》是今年 JS1K 竞赛的获胜者。参赛者的职责是仅使用 1024 字节的 JS 打造引人入胜的体验。今年的亚军作品包括“神秘单轨列车”之旅和一场看似不可能的过山车。

http://js1k.com/2015-hypetrain/demo/2306

http://js1k.com/2015-hypetrain/demo/2322

http://js1k.com/2015-hypetrain/demo/2364

爱尔兰/斯巴达的引擎

回调可能已经成为过去式,因为 IE 团队已经宣布生成器正在开发中。生成器是 ES6 中的一种特殊函数,可以稍后暂停和恢复,允许您以同步方式编写异步代码。生成器已在 Chrome 和 Firefox 中提供,目前在 Safari 中仍处于开发阶段。

https://wpdev.uservoice.com/forums/257854-internet-explorer-platform/suggestions/6263797-generators

https://www.youtube.com/watch?v=rT-1ZxhjzBw

https://www.chromestatus.com/features/4959347197083648

Jason 的 3D Sketcher

http://codepen.io/loktar00/full/DphFg/

第 18 天/100 天相环

http://codepen.io/sixsided/full/qEeEYm/

弗兰克·杜蒙的高斯分布与物理学

http://codepen.io/fdumont/full/CvdDI/

像 Abhijit Hota 的《PARTICLES OF MATTER》一样统一

http://codepen.io/XDBoy018/full/JodWKN/

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