FEX 技术周刊 - 2016/06/13

微信搜索『FEX』关注我们的公众号，及时获得最新资讯。

深阅读

Memory Debugging with Web Inspector
https://webkit.org/blog/6425/memory-debugging-with-web-inspector/
介绍如何使用 Safari 中的工具来查找内存泄露

jQuery 3.0 Final Released!
http://blog.jquery.com/2016/06/09/jquery-3-0-final-released/
jQuery 3.0 is now released! This version has been in the works since October 2014. We set out to create a slimmer, faster version of jQuery (with backwards compatibility in mind). We’ve removed all of the old IE workarounds and taken advantage of some of the more modern web APIs where it made sense. It is a continuation of the 2.x branch, but with a few breaking changes that we felt were long overdue.

ES Modules and Node.js: Hard Choices
https://medium.com/@nodesource/es-modules-and-node-js-hard-choices-2b6995e4d491#.4hhl6kx8c
https://github.com/martinheidegger/es6modules-nodejs
Node 6 supports 93% of ES6 but not ES Modules. Some hard decisions are needed to make it work.

Architecture of Node.js’ Internal Codebase
https://medium.com/yet-another-node-js-blog/architecture-of-node-js-internal-codebase-57cd8376b71f#.15qpxsxli
In order to understand this statement and the actual power behind it, let’s break down Node.js’ components, elaborate on some key terms, and then explain how different pieces interact with one another to make Node.js the powerful runtime it is.

Making your JavaScript Pure
http://alistapart.com/article/making-your-javascript-pure
“Pure functions,” “side effects,” and “referential transparency” are terms usually associated with purely functional languages, but that doesn’t mean we can’t take the principles and apply them to our JavaScript, too. By being mindful of these principles and applying them wisely when your code could benefit from them you’ll gain more reliable, self-documenting codebases that are easier to work with and that break less often.

[译]3 种不同的原型继承： ES6+ 版本
http://www.zcfy.cc/article/425
科普一个老生常谈的话题，文章结合代理原型(delegate prototypes)、运行时对象扩展和闭包，能够让你用三种不同的原型表达方式实现继承，它们与类继承方式相比有着显著的优点。作者反对使用 ES6 class ，这是他开发的一个 OO 库：https://github.com/stampit-org/stampit

[译]使用CSS完成元素居中的七种方法
http://www.zcfy.cc/article/439
这个经典问题竟然已经有七种做法了

I Was Wrong About TypeScript, Here is Why
https://www.triplet.fi/blog/i-was-wrong-about-typescript-here-is-why/
In this blog post, I’ll try to explain what I was thinking when TypeScript was announced and how I realised that there are great minds behind it who really know how to create benefits without big sacrifices. 另附：Flow vs TypeScript

When ‘not’ to use arrow functions
http://rainsoft.io/when-not-to-use-arrow-functions-in-javascript/
This article guides through scenarios where you should bypass the arrow function in favor of good old functions expressions or newer shorthand method syntax. And take precautions with shortening, because it can affect the code readability.

Promises: All The Wrong Ways
https://blog.getify.com/promises-wrong-ways/
Promises are powerful and transformative, but I urge you to take a step back and re-examine how you’re relying on them. They are best as a value/composition mechanism. Use them as such and stay away from all the wrong ways.

Typosquatting programming language package managers
http://incolumitas.com/2016/06/08/typosquatting-package-managers/
In the second part of 2015 and the early months of 2016, I worked on my bachelors thesis. In this thesis, I tried to attack programming language package managers such as Pythons PyPi, NodeJS Npmsjs.com and Rubys rubygems.org. The attack does not exploit a new technical vulnerability, it rather tries to trick people into installing packages that they not intended to run on their systems.

Program your next server in Go
https://talks.golang.org/2016/applicative.slide#1
Go 语言介绍。

[译]JAR地狱 (JAR Hell)
http://blog.u-trust.me/2016/05/30/what-is-jar-hell/
依赖冲突是个共性问题，看看在 Java 中的体现及如何解决的。

Docker 化运维方式
http://jm.taobao.org/2016/06/08/docker-maintenance/
作者对应用迁移核心需求的总结挺不错的：

• 简单。迁移操作必须足够简单, 没有学习成本, 点击一下即可。
• 快速。迁移过程能在极短的时间内完成。
• 无损。迁移之后应用与原应用一模一样, 不丢失任何配置和数据。迁移之后应用功能和业务逻辑与原部署应用一模一样，无任何业务风险。

魅族异地多点网络架构优化
http://mp.weixin.qq.com/s?__biz=MzAwMDU1MTE1OQ==&mid=2653547334&idx=1&sn=ccc70c542ad0b13fcb1da928a389e97c
讲得蛮仔细的，可以了解下魅族的技术。

Mastering Programming
https://www.prod.facebook.com/notes/kent-beck/mastering-programming/1184427814923414
Here are ways effective programmers get the most out of their precious 3e9 seconds on the planet. 作者从时间管理、学习、做决定等方面给出了一些不错的建议。

What’s Our Next Fight?
http://www.linuxjournal.com/content/whats-our-next-fight
Linux 社区对开源软件及 Freedom 的思考。tldr: Free software won. Yay! However, what about hardware, infrastructure, and services? Oops. All those things have been become increasingly centralized. Centralization has diminished our privacy, and therefore our liberty. Time to put restrictions on corporations so we can have liberty again.

PHP之生成器
http://www.2gua.info/post/57
武侠风的科普文

It’s cheaper to build multiple native applications than one responsive web app
https://hueniverse.com/2016/06/08/the-fucking-open-web/
现实派在 Web 和 Native 间的选择。

新鲜货

Facebook开源软件列表
http://mp.weixin.qq.com/s?__biz=MzA5Nzc4OTA1Mw==&mid=2659597383&idx=1&sn=a867ee13f294d38d02313a4c58d3da48&scene=1&srcid=06056GdF0vD6Jp3k7AfdizSn&from=groupmessage&isappinstalled=0#wechat_redirect
如题

Microsoft Edge WebGL Implementation
https://github.com/MicrosoftEdge/WebGL
This repo contains a select number of files from the implementation of WebGL that ships in the Microsoft Edge browser. The source is provided together with tests, as a reference for engineers who are creating web browsers and related applications. By publishing this code, we hope to facilitate the investigation and resolution of any interoperability issues that may exist between different implementations of the standard.

Google - AnyPixel.js
http://googlecreativelab.github.io/anypixel/
AnyPixel.js is an open-source software and hardware library that makes it possible to use the web to create big, unusual, interactive displays. Anyone can fork the code and the schematics to create their own display at any scale. The first display using this platform is in the 8th Avenue lobby at the Google NYC office. To create this installation, we used 5880 off-the-shelf arcade buttons with LEDs inside them as our pixels. AnyPixel.js’ straightforward hardware/software framework makes it easy to build any display where each pixel is an interactive element.

Shell Style Guide from Google
https://google.github.io/styleguide/shell.xml
Google 的代码规范堪称业界典范，定制自己团队的代码规范是可以参考 https://google.github.io/styleguide/

Ril - Isomorphic web application framework.l
https://github.com/rill-js/rill
号称能很好支持 isomorphic 的 node 框架

Surge
https://surge.sh/
Static web publishing for Front-End Developers.Simple, single-command web publishing. Publish HTML, CSS, and JS for free, without leaving the command line.

jsdom
https://github.com/tmpvar/jsdom
A JavaScript implementation of the WHATWG DOM and HTML standards, for use with Node.js.

What’s New in Bootstrap 4?
http://bootstrap4.guide/
A free, one-page theme to highlight the new features

Kakapo.js
http://devlucky.github.io/kakapo-js
Next generation mocking framework in Javascript

X-Tag
http://x-tag.github.io/
https://github.com/x-tag/core
X-Tag is a Microsoft supported, open source, JavaScript library that wraps the W3C standard Web Components family of APIs to provide a compact, feature-rich interface for rapid component development. While X-Tag offers feature hooks for all Web Component APIs (Custom Elements, Shadow DOM, Templates, and HTML Imports), it only requires Custom Element support to operate. In the absence of native Custom Element support, X-Tag uses a set of polyfills shared with Google’s Polymer framework.

[译]为什么代码缩进时用 Tab 超级棒
http://blog.jobbole.com/101839/
这是要被烧死的节奏吗

Explainer for value objects
https://github.com/nikomatsakis/typed-objects-explainer/blob/master/valuetypes.md
value objects - value types 提案

F# the most highly paid tech worldwide in 2016, but it’s not just for finance
http://fsharp.org/
https://fsharp.tv/gazettes/f-the-most-highly-paid-tech-worldwide-in-2016/
F#’s correlation with top salaries isn’t surprising given its frequent use in finance. F#’s functional approach makes it easy and natural to express numerical computation, and its strong type system can provide guarantees that ensure correctness, a really important property when dealing with financial transactions.

Visual Studio Code 1.2 released
https://code.visualstudio.com/Updates#1.2
有不少新功能

V8 5.2
http://v8project.blogspot.jp/2016/06/release-52.html
完善对 ES7 的支持，以及几个内置函数的性能优化

3D Tool – web based 3D model viewer
http://blog.ivank.net/3d-tool-web-based-3d-model-viewer.html
在线 3D 模型浏览工具

is.js
https://github.com/pwnn/is.js
Minimalistic predicate library.

Cloud.gov
https://cloud.gov/
The Government Innovation Platform. A platform by government developers, for government developers. 其实中国挺需要这样一个云服务的。

产品及其它

成为一个好的译者：我的翻译心得
https://www.h5jun.com/post/to-be-a-good-translator.html
月影在众成翻译上翻译了 17 篇文章后的心得，翻译是一个非常好的学习及知识分享的过程，欢迎更多的同学加入到这个“利国利民的”行动中。

读书心得-写给程序员的管理入门课程
http://mp.weixin.qq.com/s?__biz=MjM5NTIyNTUyMQ==&mid=2709544887&idx=1&sn=1670017aa7556b53a1e0cf8bf054a1c5
蛮用心的一篇读书心得，其中的管理经验还是挺值得学习的，原书为《High Output Management》，作者格鲁夫是 Intel 的前 CEO，领导了 Intel 从一家濒临倒闭的存储器公司，转型为微处理器公司，并且在个人 PC 开始流行时，成功和微软缔结 Wintel 联盟，主宰了整个 PC 电脑时代。

知识共享路漫漫兮，分答、知乎Live能走多远
http://www.yixieshi.com/36444.html
http://36kr.com/p/5047859.html
http://tech.qq.com/a/20160608/038352.htm
http://mp.weixin.qq.com/s?__biz=MjM5NTQ5MjIyMA==&mid=2654537060&idx=1&sn=89ff848530f5e89df4c4bec7486d6737
分答、映客、值乎、在行…Uber以及Airbnb 让共享经济这个概念被关注，于是乎知识共享搭上这个概念。只不过总感觉知识的价值在于传道受业解惑，和 Uber以及Airbnb 还是不一样，这样玩真的好吗？感觉有点曾经团购、微博、SNS的态势，会是新一轮现象级产品吗。