FEX 技术周刊 - 2016/06/20

Apple WWDC 2016https://developer.apple.com/wwdc/

相关文章：没有硬件发布的 WWDC 2016

- macos 篇

- IOS 篇

- WWDC 2016 总结-Apple的一小步，IM和AI的一大步

Serverless Architectures

http://martinfowler.com/articles/serverless.html

Serverless is a hot topic in the software architecture world. We’re already seeing books, open source frameworks, plenty of vendor products, and even a conference dedicated to the subject. But what is Serverless and why is (or isn’t) it worth considering? Through this evolving publication I hope to enlighten you a little on these questions.

Where The Web Is Going In 2016

http://developer.telerik.com/featured/web-going-2016/

This post aims to talk about the stuff that should be on your radar that you may get to use soon. We’ll talk about: - ECMAScript 2015 and 2016 features (also known as ES6/7 or ES2015/2016 because reasons); - Features that come from the HTML/CSS folks (WHATWG and W3C); - Some things you may care about in the network stack. 另附： Skills JavaScript Developers Should Learn in 2016

Node.js Examples - How Enterprises use Node in 2016

https://blog.risingstack.com/node-js-examples-how-enterprises-use-node-in-2016/

Adopting Node.js in an enterprise environment has tremendous benefits. It makes the developers happier and increases the productivity of the engineering teams.

3 Reasons why I stopped using React.setState

https://medium.com/@mweststrate/3-reasons-why-i-stopped-using-react-setstate-ab73fc67a42e#.utrhy3guq

I’ve stopped using React to manage local component state. I use MobX instead. Now React is truly “just the view” :). MobX now manages both local component state and state in stores. It is concise, synchronous, efficient and uniform.

A Gentle Explanation of the ‘this’ Keyword

http://rainsoft.io/gentle-explanation-of-this-in-javascript/

A lot of time this keyword was a mystery for me and many starting JavaScript developers. It is a powerful feature, but requires some efforts to be understood. From a background like Java, PHP or other standard language, this is seen as an instance of current object in the class method: no more and no less. Mostly, it cannot be used outside the method and this simple approach does not create confusion. In JavaScript, this is the current execution context of a function. 另附： How three dots changed JavaScript .

One weird trick that will change the way you code forever: JavaScript TDD

http://jrsinclair.com/articles/2016/one-weird-trick-that-will-change-the-way-you-code-forever-javascript-tdd/

est Driven Development is one weird trick that will change the way you code forever (in a good way). I will explain why as we go on. I’ve broken this talk up into three parts: - Why practice TDD? - What is TDD? and - How do you practice TDD?

深入理解Node.js：核心思想与源码分析

https://github.com/yjhjstz/deep-into-node

本书通过分析 node 核心模块的实现，向读者阐述 node 异步 IO，事件循环的核心思想。帮助开发者更好的使用 Node.js。通过追溯 node 社区开发issue, 探讨 node 的变迁和演进，学习 node.js 的设计哲学。

万亿级调用系统：微信序列号生成器架构设计及演变

http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=503509249&idx=1&sn=44fbaff1e0fc0b5e8a8f8ad9585086f0

微信在立项之初，就已确立了利用数据版本号实现终端与后台的数据增量同步机制，确保发消息时消息可靠送达对方手机。而在这同步机制的背后，需要一个高可用、高可靠的序列号生成器来产生同步数据用的版本号。这个序列号生成器我们称之为seqsvr，目前已经发展为一个每天万亿级调用的重量级系统，其中每次申请序列号平时调用耗时1ms，99.9%的调用耗时小于3ms，服务部署于数百台4核CPU服务器上。本文会重点介绍seqsvr的架构核心思想，以及seqsvr随着业务量快速上涨所做的架构演变。

The Mobile App Comparison Chart: Hybrid vs. Native vs. Mobile Web

http://www.mrc-productivity.com/blog/2016/06/the-mobile-app-comparison-chart-hybrid-vs-native-vs-mobile-web/

As mobile apps grow in the business world, companies face a problem: Misconceptions still surround mobile app development. Many businesses venture into mobile app development without truly understanding the difference between each approach. Others enter the mobile app world with false beliefs about the pros and cons of each method…that could cost them hundreds of thousands of dollars. To help clear up confusion, we’ve created a handy comparison chart to help you understand which mobile app approach is right for you.

前端构建工具漫谈，fis3、webpack、rollup.js

https://zhuanlan.zhihu.com/p/20933749

对这三个工具的对比

Introducing JSC’s New Sampling Profiler

https://webkit.org/blog/6539/introducing-jscs-new-sampling-profiler/

Safari 中新的基于采样的 JS 性能分析工具

Ignite Your Mobile Development

https://shift.infinite.red/ignite-your-mobile-development-32417590ed3e#.kano3zepm

使用 React Native 8 个月，然后做出了一个方便上手的脚手架 ignite

如何看待 Progressive Web Apps

http://www.zhihu.com/question/46690207

https://developers.google.com/web/progressive-web-apps/

可以了解下 Google 推出的这个新理念。

Building Cross-Platform Mobile Apps

https://engineering.riotgames.com/news/building-cross-platform-mobile-apps

使用 j2objc 来实现 iOS 和 Android 共享代码的方法

Using React Native: One Year Later

https://discord.engineering/using-react-native-one-year-later-91fd5e949933

作者是个 iOS 工程师，之前用过 PhoneGap，所以一开始对 React Native 是抵触的，但后来。。。

Autofill: What web devs should know, but don’t

http://blog.cloudfour.com/autofill-what-web-devs-should-know-but-dont/

这方面的知识确实很冷门，但很有用

大道至简——React Native 在直播应用中的实践

https://mp.weixin.qq.com/s?__biz=MjM5NzAwNDI4Mg==&mid=2652190492&idx=1&sn=1e63171591ca6bb4e83bd5cc16aefbff

做大数据的技术总监也来学 React Native 了

Spying on the DOM

https://blog.hellojs.org/spying-on-the-dom-d9c3d2beb2f8#.97td30ilb

使用 jsdom 来进行单元测试

Web Component Challenges

https://blog.revillweb.com/web-component-challenges-a09ebc598d65#.5zgafj47q

目前浏览器对 web components 的支持依然不够好，另附： Why web components are so important

从 PHP 转到 Node.js 的那些事

http://blog.jobbole.com/101841/

花了 1 年时间的移植

Uber流处理架构演进的四字箴言

http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=2650992977&idx=1&sn=24e81c309fca42124fa3f15232464fd5

作为一款即时用车软件，为了保障城市交通健康运行，Uber需要实时了解：哪里是不是打不到车？市场未来可能出现哪些问题？如何应对问题？系统是不是存在哪些bug？Uber从场景出发，抽象出「数据」和「函数」，并通过足够简单的架构（运算、存储层）支撑，而保持简单、恰恰体现了Uber技术团队的功力。

假如你娶了云存储，这些姿势以后就别用了

http://weibo.com/ttarticle/p/show?id=2309403987055603488809#_0

OSS 是阿里云推出的云存储服务，给用户提供 ACCESS_ID 与 ACCESS_KEY 进行数据存储的使用与交互，这些信息相当于仓库的「钥匙」。白帽子利用企业无意泄露的「钥匙」直接连入了企业的云存储服务。

时间和空间的平衡

http://mp.weixin.qq.com/s?__biz=MjM5ODczNTkwMA==&mid=2650107103&idx=1&sn=db40f3eccaf464fe473d79fd8a0f588c#rd

用一个搜索提示服务设计的实际例子，来说一下架构设计的过程中，时间和空间的各种矛盾，怎么分析，怎么选择，最后淌过这些时空的坑。

alinode-基于Node.js运行时的应用性能管理解决方案

https://yq.aliyun.com/articles/54421

本文主要以alinode开发过程总结讲述了基于Node.js运行时的应用性能管理解决方案的一些经验和学习参考。

http://research.microsoft.com/en-us/projects/checkedc/

https://github.com/Microsoft/CheckedC

The Checked C research project is investigating how to extend the C programming language so that programmers can write more secure and reliable C programs. The project is developing an extension to C called Checked C that adds checking to C to detect or prevent common programming errors such as buffer overruns, out-of-bounds memory accesses, and incorrect type casts. The extension is designed to be used for existing system software written in C.

Kalm

https://github.com/fed135/Kalm

优化的 Node Socket 接口

Angular RC2 Now Available

http://angularjs.blogspot.jp/2016/06/rc2-now-available.html

This release includes: Animation Framework; Improvements to Forms; More than 100 community contributions; Web Workers have been improved.

ECMAScript 2016 正式发布

http://www.ecma-international.org/ecma-262/7.0/index.html

淡定，这个 ES7 只是极小的改动，就多了个数组的 includes 函数及幂操作符，基本等于没更新

Shortcuts And Tips For Improving Your Productivity With Sublime Text

https://www.smashingmagazine.com/2016/06/shortcuts-and-tips-for-improving-your-productivity-with-sublime-text/

If you have been using Sublime Text for some time, now is the time to upgrade your arsenal with new ammunition. I’ll be taking you through some of my favorite tips and tricks. Knowing them might just unleash your hidden powers as a programmer to the world.

Chrome 53 将明显优化性能

http://www.androidpolice.com/2016/06/13/google-preparing-big-optimizations-chrome-53-47-improvement-motion-mark-webkit/ https://docs.google.com/document/d/1vKNGim07lvPCYL1ctiNss1BqhjfE49t6LwZkwoTkeXU/edit

通过进一步提升 GPU 光栅化的占比，Chrome 53 将有明显性能提升，比如 Android 下的 HTML 和 SVG 测试数据分别提升了 5 倍和 10 倍。另附： Chrome 52 Beta: CSS containment, simpler performance measurement, streamable responses from service workers, and more options for web push

Codename One

https://github.com/codenameone/CodenameOne

可以用 Java 开发 iOS 应用的框架，类似 RoboVM

Apple Pay JS

https://developer.apple.com/reference/applepayjs

支持 iOS 及 OS X 在线支付的 SDK

Safari 10

https://developer.apple.com/library/prerelease/content/releasenotes/General/WhatsNewInSafari/Articles/Safari_10_0.html

新增了许多 API

Google Fonts - A new design

https://fonts.google.com/

Making the web more beautiful, fast, and open through great typography

Hypernova - A service for server-side rendering your JavaScript views

https://github.com/airbnb/hypernova

Hypernova lets you write all of your view code in a single place without having to sacrifice the user‘s experience.

DevTools Digest: DevTools in 2016 and Beyond

https://developers.google.com/web/updates/2016/06/devtools-digest

了解下 Chrome 开发者工具的动态

Angular 1.x styleguide (ES2015)

https://github.com/toddmotto/angular-styleguide

挺全的一份规范，包含：Architecture, file structure, components, one-way dataflow and best practices 。制定团队的编码规范时可以参考。

Preact

https://preactjs.com/

Preact is an attempt to recreate the core value proposition of React (or similar libraries like Mithril) using as little code as possible, with first-class support for ES2015. Currently the library is around 3kb (minified & gzipped).

npms - A better and open source search for node modules

http://javascriptweekly.com/issues/288

The Best Angular 2 Data Grid: FlexGrid

http://wijmo.com/blog/best-angular-2-data-grid-flexgrid/

Plenty of JavaScript data grids exist in the market: open source, third-party, homegrown. Wijmo’s FlexGrid is currently the best data grid for Angular 2.

List of languages that compile to JS

https://github.com/jashkenas/coffeescript/wiki/List-of-languages-that-compile-to-JS

表示惊呆了。

Git 2.9 has been released

https://github.com/blog/2188-git-2-9-has-been-released

Git project has just released Git 2.9.0, with a variety of features and bug fixes. Here’s our look at some of the most interesting new features: Faster and more flexible submodules; Beautiful diffs; Testing all the commits with rebase -x;

Code to Image

https://github.com/akira-cn/code-to-image/

Convert blocks of code to a highlighted jpeg base64 image. And you can share it to any code-unfriendly website —— Such website doesn’t support markdown or <pre> tag or anything else that can make your post contains any blocks of code in it.

Slimane

https://github.com/noppoMan/slimane

An express inspired web framework for swift that works on OSX and Ubuntu. 另附： A Ruby on Rails inspired Web Framework for Swift

Python urllib HTTP头注入漏洞

http://drops.wooyun.org/papers/16905

Python的urllib库（在Python2中为urllib2，在Python3中为urllib）有一个HTTP协议下的协议流注入漏洞。如果攻击者可以控制Python代码访问任意URL或者让Python代码访问一个恶意的web servr，那这个漏洞可能会危害内网服务安全。

湖畔大学教务长曾鸣：战略的艺术

http://weibo.com/ttarticle/p/show?id=2309403982265976756017

干货满满：一个真正好的企业一定有超越金钱之上的追求；组织是一群人走到一起，完成任何一个单个人不能完成的任务，什么样的人为了什么样的目的走到一起，这是企业存在的终极目标；远见，就是看未来的能力，对未来的预测、把握； 战略说白了非常简单，就是决定一个企业该做什么，不该做什么，有所不为，才能有所为，大舍才能大得；

李开复万字长文科普人工智能：AI是什么 将带我们去哪儿

http://www.yixieshi.com/37478.html

人工智能正以前所未有的态势汹涌而来，一方面是风投和创业创新，都把人工智能当做了下一个尚未被开垦的宝地；另一方面是应用，比起概念盛行的阶段，现在的无人车、AlphaGo等已经把人工智能技术带到了“看得到摸得着”的境地。那人工智能到底是什么？这个领域包含哪些要素？它将如何改变当今世界，又面临哪些问题和瓶颈？对于人工智能的应用和商业化，哪些领域会最快显现效果出来？

从一到N，掘金区块——区块链行业研究报告

http://36kr.com/p/5048221.html

可以了解下区块链技术的应用场景。

疯子无招和他的钉钉帝国

http://mp.weixin.qq.com/s?__biz=MzA5NTExODU1OQ==&mid=2655959940&idx=1&sn=ad5bd7c233dbb3dd1ef336333dd09992

钉钉创始人的故事，体现着一个优秀产品经理的素养和热情。

你事业的上限究竟在哪里

http://mp.weixin.qq.com/s?__biz=MjM5NjMwMjYxNA==&mid=2650025225&idx=3&sn=7b7a65edba36b06b15c6f7a118234daf

大师德鲁克之作，文章信息量很大。知识工作者必须成为自己的首席执行官。你应该在公司中开辟自己的天地，知道何时改变发展道路，并在可能长达50年的职业生涯中不断努力、干出实绩。要做好这些事情，你首先要对自己有深刻的认识——不仅清楚自己的优点和缺点，也知道自己是怎样学习新知识和与别人共事的，并且还明白自己的价值观是什么、自己又能在哪些方面做出最大贡献。因为只有当所有工作都从自己的长处着眼，你才能真正做到卓尔不群。