适用于 Web 的推送通知

在本周的一集节目中

Chrome 42 推出推送通知功能,Jacob Kaplan-Moss 打破了关于编程人员的误区,协议相对网址现在是反模式,移动版友好标志在 Google 上推出,Git 提示与 First Aid Git 结合使用,以及通过 RAIL 优化您的应用。

Chrome 42 现已推出

Chrome 42 本周已进入稳定版,并随之增加了多项新功能。推送通知让用户可以选择及时接收更新,安装横幅提示用户将页面保存到他们的主屏幕,权限可以让您知道是否可以使用 API,提取可以替代 XHR,它甚至支持 ES6 类。

https://twitter.com/ChromiumDev/status/590169593110335488

http://updates.html5rocks.com/2015/03/push-notifications-on-the-open-web

http://updates.html5rocks.com/2015/03/increasing-engagement-with-app-install-banners-in-chrome-for-android

http://updates.html5rocks.com/2015/04/permissions-api-for-the-web

http://updates.html5rocks.com/2015/03/introduction-to-fetch

破除误区

今年 PyCon 大会上的 Jacob Kaplan-Moss 主旨演讲揭示了开发者是坏人 10 倍或极其糟糕的两类分歧。消除这些假设有助于我们更好地解决冒名顶替综合征等问题,并努力改善潜在的恶意工作环境。

https://www.youtube.com/watch?t=772&v=hIJdFxYlEKE

传送所有消息!

协议相对网址现在是一种反模式。Paul Irish 在本周在推文中指出,不建议在网址中忽略协议,因为它可能会导致“人身攻击”,类似于 GitHub 中的攻击。新的建议是,如果资源支持 SSL,应始终通过 https 请求资源。

https://twitter.com/paul_irish/status/588502455530311680

https://www.paulirish.com/2010/the-protocol-relative-url/

http://www.netresec.com/?page=Blog&month=2015-03&post=China%27s-Man-on-the-Side-Attack-on-GitHub

是否适合移动设备?

检查您的网站是否适合在移动设备上浏览。Google 网站站长博客上近期的一篇文章指出,自即刻起,Google 搜索将在其认为适合在移动设备上浏览的网站旁边添加标签。具体标准包括确保用户无需进行缩放即可阅读网页,以及链接之间相隔足够远。您可以使用移动设备适合性测试来确保您的网站符合标准。并学习网站基础知识。

http://googlewebmastercentral.blogspot.com/2014/11/helping-users-find-mobile-friendly-pages.html

https://search.google.com/test/mobile-friendly

快速跳动

学习 Git 并非易事。看看 StackOverflow 揭示了超过 53, 000 个与 Git 相关的问题,但我们已经顺利推出相关帮助。First Aid Git 是一个包含最常见问题的 Git 问题的可搜索索引。想知道如何撤消刚刚推送到主分支的更改?您可以查找答案及更多信息,也可以提交拉取请求以添加到索引中。

http://ricardofilipe.com/projects/firstaidgit/#/

优化轨迹

60 帧/秒是流畅网络体验的目标,但也很容易放弃速度。这个由 Paul Lewis 和 Cameron Pittman 开发的 Udacity 课程免费,共 6 个部分,将向您介绍如何优化应用的 4 个主要方面:响应、动画、空闲和加载(也称为 RAIL)。快速卡顿入侵者并学习开发者工具,同时了解打造速度更快的 Web 应用的秘诀。

https://www.udacity.com/course/browser-rendering-optimization--ud860

ScreenSavers with JavaScript(使用 JavaScript 的屏幕保护程序),作者:Yash Bhardwaj

http://codepen.io/yashbhardwaj/full/hHgtE/

《由 Bailh》带给你甜蜜的混乱感

http://codepen.io/cathbailh/full/KpPjPg/

CSS Animation 101 - 主打图片(Donovan Hutchinson 制作)

http://codepen.io/donovanh/full/EjYeLa/

Hakim El Hattab 的《Linjer》

http://codepen.io/hakimel/full/zwxba/

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

要了解更多网络新闻,请参阅以下资源: JavaScript Weekly:http://javascriptweekly.com/ Open Web Platform Daily:http://webplatformdaily.org/ HTML5 Weekly:http://html5weekly.com/

前往 https://goo.gl/mQyv5L 订阅 Google Developers 频道