这里是前端每周播报，周末为期两天的#杭JS - 2014 JavaScript中国开发者大会#落下帷幕，如果你很遗憾错过了，没有关系先上 segmentfault 这儿 快速浏览下现场直播吧！

业界动态

• YUI Gallery Deprecation Announcement

  • YUI 团队日前正式宣布 YUI Gallery 的关闭，随着 Github、包管理工具（npm、bower）、构建工具（grunt 及其丰富的插件）以及免费或廉价的 CDN 的出现使开发者们更便捷地分享和部署模块，YUI Gallery 上已不再如昨日活跃，考虑到维护成本，YUI 团队做出了这个艰难而必要的决定。

• What's New in Git 2.0?

  • 在上个月底 Git 主程序员 Junio C Hamano 正式宣布了 Git 2.0 的发布，这篇文章中介绍了 Git 2.0 引入的一些新变化，包括 git push 默认行为、git add 的一些变化以及 git pull、git grep 等一些新特性和变化。

• OpenSSL and Breaking UTF-8 Change (fixed in Node v0.8.27 and v0.10.29)

  • Node 本周更新了 v0.8.27 和 v0.10.29，除了解决前不久 OpenSSL 爆出的安全漏洞问题，还解决 V8 中 UTF-8 编码允许不匹配的代理项对（更多介绍见代理项对和组合字符序列的 Unicode 支持）可能导致的拒绝服务攻击问题。

充电站

• WWDC 2014 Session Videos - Apple Developer

  • 苹果日前面向开发者开放了 WWDC 期间的所有课程视频下载，相信作为前端的你一定会关注《Introducing the Modern WebKit API》、《JavaScript for Automation》、《Web Inspector and Modern JavaScript》以及 swift 相关等演讲。

• Everything You Need to Know About the CSS will-change Property

  • 通常在 CSS3 中我们会使用translateZ() 或 translate3d()这样的 hack 来触发硬件加速，很快我们将迎来 will-change 属性来通知浏览器采取合适的策略加速，这篇博文中详细介绍了该属性的用法以及最佳实践。

• 深入浅出 CSS Shape

  • CSS Shape 的出现，将会填平印刷排版与 web 排版设计之间的鸿沟，不久的将来我们可以在 web 上轻松实现杂志或海报的设计，这篇文章通过案例详细介绍了 CSS Shape 的概念、用法、工具和未来，关注 CSS 3 的你不容错过！

• How To Avoid Object.prototype Pollution

  • 大多 JavaScript 最佳实践中都提到不要污染诸如 Object、Array、Funtion 之类的引用类型的原型链，但如果有时你确实需要这么做但又不希望影响其他人的代码该怎么做呢？这篇文章介绍了利用 Node 环境下的 vm 和浏览器环境下的 iframe 创建沙箱机制来实现。

• Multiple return values in ECMAScript 6

  • 这篇文章介绍了 ES 6 中如何优雅处理多返回值的方式，包括使用“解构”（Destructuring）特性从对象和数组中按模式抽取值，以及结合属性值简写和对象解构实现函数返回多值的方法。

• Native NodeJS Apps

  • 有了 Node.js + Webkit，前端工程师也可以来开发桌面应用了，这篇演讲中将会介绍当前本机 Node.js 应用开发有哪些选择、相比 web app 这些桌面应用能做些什么、目前开发基于 Node.js 的桌面应用的优缺点等，如果你对开发桌面应用很感兴趣，不妨看看。

• Automating Web Performance Measurement

  • Google 提供了 PageSpeed Insights 工具用于度量网页性能，现在基于 PageSpeed Insights（简称 PSI ）的 Node 版的工具也来了，你可以很轻松地整合到 gulp / grunt 工作流中，或是直接从命令行执行 psi，更详细的介绍参见本文。

• 13 Reasons Why You Should Pay Attention to Mobile Web Performance

  • 性能是前端工程师时刻重点关注的要素之一，而对于移动端 Web 应用更是如此。这篇文章除了列出了关注移动端 Web 性能的重要性的原因，还讨论了影响移动端 Web 的两大限制因素：页面体积和网络延迟。至于解决方案，作者推荐了《Rules for Mobile Performance Optimization》 这篇文档。

百宝箱

• Web Starter Kit

  • Web Starter Kit 是 Google 最近推出的开源样板文件和工具，用于开发跨终端的站点，支持多种设备和响应式设计、实时组件风格指南、跨终端的同步、实时重载、性能优化、PageSpeed Insights 报告和 sass 支持等，同时引入基于 gulp 的构建工作流。

• dreyacosta/somewhere.js

  • 编写基于 Node.js 的应用程序往往离不开数据管理的支持，然而有时候你可能并不想要一个很重的数据库而是更轻量级的方案，somewhere.js 或许可以帮上你的忙，这是一个基于 JSON 格式文件的数据库，提供了简洁的 CRUD API。

附所有链接：

• YUI Gallery Deprecation Announcement
  • http://www.yuiblog.com/blog/2014/06/16/yui-gallery-deprecation-announcement/
• What's New in Git 2.0?
  • http://www.sitepoint.com/whats-new-git-2-0/
• OpenSSL and Breaking UTF-8 Change (fixed in Node v0.8.27 and v0.10.29)
  • http://blog.nodejs.org/2014/06/16/openssl-and-breaking-utf-8-change/
• WWDC 2014 Session Videos - Apple Developer
  • https://developer.apple.com/videos/wwdc/2014/
• Everything You Need to Know About the CSS will-change Property
  • http://dev.opera.com/articles/css-will-change-property/
• 深入浅出 CSS Shape
  • http://zhuanlan.zhihu.com/thefrontendperiodicals/19774074
• How To Avoid Object.prototype Pollution
  • http://blog.ponyfoo.com/2014/06/07/how-to-avoid-objectprototype-pollution
• Multiple return values in ECMAScript 6
  • http://www.2ality.com/2014/06/es6-multiple-return-values.html
• Native NodeJS Apps
  • http://vimeo.com/97881078
• Automating Web Performance Measurement
  • http://updates.html5rocks.com/2014/06/Automating-Web-Performance-Measurement
• 13 Reasons Why You Should Pay Attention to Mobile Web Performance
  • http://sixrevisions.com/mobile/pay-attention-to-mobile-web-performance
• Rules for Mobile Performance Optimization
  • http://queue.acm.org/detail.cfm?id=2510122
• Web Starter Kit
  • https://developers.google.com/web/starter-kit/
• dreyacosta/somewhere.js
  • https://github.com/dreyacosta/somewhere.js