F2E Weekly-2014-07-27

本周苹果 OS X Yosemite Beta 公测版正式与广大用户见面,预示着正式版的脚步离我们又近了一步,还没有尝试但想体验的小伙伴们可以前往 https://appleseed.apple.com/sp/betaprogram/guide 下载。

业界动态

  • Firefox 31 is out now with a search bar on new tabs, better developer tools, and more

    • Firefox 31 本周发布,功能方面带来新 Tab 页面搜索框、支持 Prefer:Safe 请求头便于家长控制、CSS3 中的变量的实现等,开发者工具方面带来 Canvas 和附加组件调试器,支持 Object.setPrototypeOf()Array.prototype.fill()等。
  • What’s New in Chrome 36

    • Chrome 36 正式版上周正式与大家见面,带来大量优化和提升,对开发者而言更重要的是完善支持 Web Components、无前缀的 transform 以及 Object.observeelement.animate()
  • Opera 23 released

    • Opera 23 正式发布,CSS 方面支持 touch-actionwill-change 、无前缀的 transform 属性,JavaScript 方面支持 element.animate()Object.observe()、ES 6 WeakMap & WeakSet,此外还支持 HTML Imports

充电站

  • Analyzing Your Website With the Screaming Frog SEO Spider

    • 如果你在设计站点的 SEO,那么这个 Screaming Frog SEO Spider 应用程序一定可以帮到你,它提供了搜索引擎爬虫的视角来帮助你直观地检视你的站点,并提供了导出 SiteMap 的功能。
  • Introduction to the Resource Timing API

    • 如果你想统计你的 Web 应用的加载性能,资源计时 API (Resouce Timing API )应该可以帮到你,如果你还没有接触过,不妨从这篇入门教程了解下都有哪些可用的 API 和定义吧,此外文中还介绍了浏览器兼容情况,并提供了一个 Demo。
  • The Secrets of React’s Virtual DOM

    • 与 Angular 脏值检测的思路不同,React 选择了使用 virtual DOM 做 DOM diff 从而通过算法以最小的开销在 model 变化时更新视图 DOM,想深入了解其中的机制吗?这篇 Fluent 上的分享为你揭开其中的秘密。
  • Resources for HTML5 game developers ✩ Mozilla Hacks

    • Mozilla Hacks 博客带来这篇介绍 HTML 5 游戏开发者不可错过的一些有用的资源,除了 MDN 上的 Games Zone 之外,还有 Firefox 的一系列开发者工具,以及相关的教程文档等。
  • CSS Shapes: Breaking the Rectangular Design Shackles

    • 这又是一篇介绍 CSS3 Shapes 的教程,借助 Shapes 我们可以将我们的页面打造成像平面设计一样的排版,而不拘泥于块状的栅格排布,这篇文章中通过一个个 Demo 详细演示了 Shape 涉及到的各种 CSS 属性和值,简明易学。
  • ES6 interview with David Herman

    • ES 6 Rocks 就 ES 6 对 Ecmascript 标准核心贡献者 David Herman 进行了采访,重点关注了 ES 6 中的模块化、类机制增强、如今各种针对 ES 6 的转编译器等话题。
  • Comparing Winston and Bunyan Node.js Logging

    • WinstonBunyan 都是较为成熟的 Node.js 日志框架,在功能特色方面也势均力敌。这篇文章从安装、使用、格式化到各自特性对两者进行了对比,让你更轻松了解二者各自的特色。

百宝箱

  • LivePool
    • LibePool 是来自腾讯 AlloyTeam 打造的一款基于 Node 的类似 Fiddler 的跨平台抓包和资源代理工具,支持基于请求路径的本地文件替换和基于请求路径的路由转发,支持请求响应的构建,以及模拟慢网速等特性。
  • SassDoc/sassdoc
    • SassDoc 是一个类似 JSDoc 的 node.js 工具,帮助你自动生成 sass 文件的文档,提供命令行和 node.js 模块以及 Grunt 和 Gulp 的插件。

附所有链接: