FEX 技术周刊 - 2016/11/07

nwind | 07 Nov 2016

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

业界会议

Dart Dev Summit
https://events.dartlang.org/2016/summit/
加强了移动端的支持，不过还是预览

深阅读

WebAssembly Browser Preview
http://v8project.blogspot.com/2016/10/webassembly-browser-preview.html
Chrome、Firefox 和 Edge 几乎同时发布了支持 webassembly 的预览版本，应该是这三家主流浏览器的联手发版，真不容易

Introducing FlyWeb
https://flyweb.github.io/posts/2016/11/01/introducing-flyweb.html For the past several months, a small team at Mozilla has been working on an experimental new Web API and an accompanying browser feature called FlyWeb. What does it do? In short, FlyWeb provides an API for web pages to host local web servers for exposing content and services to nearby browsers. It also adds the ability to discover and connect to nearby local web servers to the web browser itself. This feature allows users to find and connect to nearby devices with embedded web servers such as printers, thermostats and televisions as well as local web servers hosted in web pages via the FlyWeb API.

A Study Plan To Cure JavaScript Fatigue
https://medium.freecodecamp.com/a-study-plan-to-cure-javascript-fatigue-8ad3a54f2eb1#.4npf48dbc A concrete, step-by-step study plan to conquering the JavaScript ecosystem. This study plan is for you if:

You’re already familiar with basic programming concepts like variables and functions.
You might have already done back-end work with languages such as PHP and Python, and maybe used front-end libraries such as jQuery for a few simple hacks.
You now want to get into more serious front-end development but are drowning in frameworks and libraries before you’ve even started.

Advances in core-dump debugging for Node.js
https://developer.ibm.com/node/2016/09/27/advances-in-core-dump-debugging-for-node-js/ The LLNODE project has moved under the nodejs organization here. The LLNODE project provides a plugin to the LLDB debugger allowing JavaScript stacks and heap objects to be analyzed from a core dump.

8 simple rules for a robust, scalable CSS architecture
https://github.com/jareware/css-architecture This is the manifest of things I’ve learned about managing CSS in large, complex web projects during my many years of professional web development. I’ve been asked about these things enough times that having a document to point to sounded like a good idea.

Introducing TJSON, a stricter, typed form of JSON
https://www.tjson.org/ https://tonyarcieri.com/introducing-tjson-a-stricter-typed-form-of-json TJSON is syntax-compatible with JSON, but adds mandatory type annotations. Its primary intended use is in cryptographic authentication contexts, particularly ones where JSON is used as a human-friendly alternative representation of data in a system which otherwise works natively in a binary format.

Getting Started with Webpack 2
https://blog.madewithenvy.com/getting-started-with-webpack-2-ed2b86c68783#.mxjrtuq7r Webpack 2 will be out of beta once the documentation has been finished. But that doesn’t mean you can’t start using version 2 now if you know how to configure it.

No more middlewares, please
http://insertafter.com/en/blog/no_more_middlewares.html When it comes to programming, there is a trap on which every programmer fall: elegant code. I’m often surprised to see even experienced developpers qualifying a code snippet as elegant or beautiful. From my point of view, each time i found an API interface allowing me to create some elegant code, it ended up as a nightmare codebase, full of unmaintainable spaghetti code.

React & Redux, The Good Part
http://weibo.com/ttarticle/p/show?id=2309403982241352018884 Redux还有很多需要说的地方，它在哲学上是无敌的，但是在实际使用中一个是上面提到的action可能被滥用，一个是它缺乏细粒度的封装，还有一个是它不是不能解决顺序依赖性问题，但是它没有提出一个合理，不违反TLA模型的统一范式，所以实际使用中action产生action的情况比比皆是，anti-pattern。

值得订阅的 12 份优质前端期刊
https://www.h5jun.com/post/the-12-best-weekly.html
其实你看到的这份 “周刊” 有不少文章就是看了这些 Weekly 然后选其中一些比较有价值的分享出来。另附几个整理 Weekly 时常看的信息源：

Hacker News Daily http://www.daemonology.net/hn-daily/
JavaScriptKicks https://javascriptkicks.com/
CSS-Tricks https://css-tricks.com/
不过，这些 Weekly 只能助你解决“知道”的问题，要深入技术领域，还是要照这篇文章所提醒的去构建自己的知识体系：不懂构建知识体系，你迟早被信息的海洋淹死

Front-end Frameworks
http://stateofjs.com/2016/frontend/
国外的前端框架调查，基本结论是用 React 没错，Vue 满意度也不错，而用过 Angular 1 的半数不想再用了

源码解读这半年
https://github.com/hanzichi/underscore-analysis/issues/28
作者仔细解读了 Underscore，对初学者有帮助

React的未来特性
https://segmentfault.com/a/1190000007376242
整理翻译了 React Fiber 的资料

Docker in Production: A History of Failure
https://thehftguy.wordpress.com/2016/11/01/docker-in-production-an-history-of-failure/ My first encounter with docker goes back to early 2015. Fast forward to 2016. New job, new company and docker hype is growing like mad. Developers here have pushed docker into production projects, we’re stuck with it. On the bright side, the run command finally works, we can start, stop and see containers. It is functional. We have 12 dockerized applications running in production as we write this article, spread over 31 hosts on AWS (1 docker app per host). The following article narrates our journey with Docker, an adventure full of dangers and unexpected turns.

Browsers, not apps, are the future of mobile
https://blog.intercom.com/browsers-not-apps-are-the-future-of-mobile/ 作者的观点： The web is and will always be the most popular mobile operating system in the world – not iOS or Android. It’s important that the next generation of software companies don’t focus exclusively on building native iOS or Android versions of existing web apps. 另附：The Web Is Not Tomorrow But Today

前端组件化开发方案及其在React Native中的运用
http://mp.weixin.qq.com/s?__biz=MzIwNjQwMzUwMQ==&mid=2247484416&idx=1&sn=b49e58890145da84b427535741dfc7c1 业界对前端开发方案的思考上多了很多，以React框架为代表推动的组件化开发方案就是目前业界比较认可的方案，本文将和大家一起探讨一下组件化开发方案能给我们带来什么，以及如何在React Native项目的运用组件化开发方案。

浅析分布式系统
http://wetest.qq.com/lab/view/203.html 我们常常会听说，某个互联网应用的服务器端系统多么牛逼，比如QQ、微信、淘宝。那么，一个互联网应用的服务器端系统，到底牛逼在什么地方？为什么海量的用户访问，会让一个服务器端系统变得更复杂？本文就是想从最基本的地方开始，探寻服务器端系统技术的基础概念。这篇科普性质的文章挺适合不熟悉分布式系统的同学看看。

美团-Spark Streaming + Elasticsearch构建App异常监控平台
http://tech.meituan.com/spark-streaming-es.html 为了降低崩溃率，进而提升App质量，App开发团队需要实时地监控App异常。一旦发现严重问题，及时进行热修复，从而把损失降到最低。App异常监控平台，就是将这个方法服务化。

深入Java源码解析容器类List、Set、Map
http://mp.weixin.qq.com/s?__biz=MzAxNzMxNzk5OQ==&mid=2649484800&idx=1&sn=b1d20d83ca546e07145ae3230e929864
做 Java 开发的最好都了解

从0到1打造直播 App
http://mp.weixin.qq.com/s?__biz=MzA3NTYzODYzMg==&mid=2653578065&idx=1&sn=1da088b11c797d2be7b5f7afb8f056bb
介绍了不少技术细节

从增删改查中突围
http://mp.weixin.qq.com/s?__biz=MzAxOTc0NzExNg==&mid=2665513356&idx=1&sn=3520fe896ad6c20e999458dfec1f3f3b
仍有很多可做的东西

新鲜货

Visual Studio Code 1.7
https://code.visualstudio.com/updates/v1_7
一个月能有那么多改进真是厉害，不过这个版本后来导致 npm 过载，见Visual Studio Code 1.7 overloaded npmjs.org, release reverted

Minoca OS
https://blog.minocacorp.com/minoca-os-a-new-open-source-operating-system-4bb7998df3a7#.t75js743r
http://mp.weixin.qq.com/s?__biz=MzAwMDU1MTE1OQ==&mid=2653547833&idx=1&sn=1ea521f47720593ef162bf5417648d05
https://github.com/minoca/os
这年头还有人从零开始做操作系统：Minoca OS is a general purpose operating system written completely from the ground up. It’s intended for devices looking to conserve power, memory, and storage. It aims to be lean, maintainable, modular, and compatible with existing software.

Unity 开发者大会-跟 VR 有关的全在这里
http://www.ifanr.com/741198 对 VR 和 3D 有兴趣的同学可以关注这个大会。

Vue 2.0 中文文档发布
http://cn.vuejs.org/

Introducing Aurelia UX
http://blog.aurelia.io/2016/11/04/introducing-aurelia-ux/ Today we’re introducing Aurelia UX, a completely free, open source user experience framework with higher-level capabilities, designed to bring simplicity and elegance to building cross-device, rich experiences.

JsonLogic
http://jsonlogic.com/ Build complex rules, serialize them as JSON, share them between front-end and back-end
If you’re looking for a way to share logic between front-end and back-end code, and even store it in a database, JsonLogic might be a fit for you. JsonLogic isn’t a full programming language. It’s a small, safe way to delegate one decision. You could store a rule in a database to decide later. You could send that rule from back-end to front-end so the decision is made immediately from user input. Because the rule is data, you can even build it dynamically from user actions or GUI input.

JSONata - JSON query and transformation language
https://github.com/jsonata-js/jsonata The primary purpose of this language is to extract values from JSON documents, with the additional capabilities to combine these values using a set of basic functions and operators, and also the ability to format the output into any arbitrary JSON structure.

SkateJS
http://skate.js.org/ Skate is a functional, featherweight and cross-framework compatible web component library built on W3C specs.

What’s New and What’s Changed in Bootstrap 4
http://developer.telerik.com/featured/whats-new-whats-changed-bootstrap-4/ 在用 bootstrap 的同学可关注。

How to display maths formulas and equations in a webpage
https://codingislove.com/display-maths-formulas-webpage/ 介绍了 MathJax 这个库，有展示公示需求的场景时可以试试。

Up coming Ghost Publishing Platform 1.0
http://www.gtheme.io/community/articles/21/up-coming-ghost-publishing-platform-10 Ghost 1.0 is around corner and here is what you need to know in the 1.0 roadmap. Ghost 1.0 will introduce some breaking changes, new features, and more.

进入后互联网时代，人类的未来将要靠它 - WoT
http://www.toutiao.com/i6349313074373067266/ 如果说 Internet 是过去，IoT 是现在，那么 WoT 就是未来。期待不远的将来，有那么一天，所有的智能设备不论它们属于哪个厂商，是什么型号，都可以很方便地进行无缝通信，从而能够联动。

奇舞前端特训营
https://t.75team.com/ 据说本来定价18000的，在月影大大的坚持下又一次免费了，感兴趣的赶紧报名吧……

async/await support in Firefox
https://blog.nightly.mozilla.org/2016/11/01/async-await-support-in-firefox/ 浏览器的进化速度还是蛮快的，看来这个特性到 17 年应该就可以用了。

揭秘：微信如何用libco支撑8亿用户?
http://mp.weixin.qq.com/s?__biz=MzIwMzYwMjkzOQ==&mid=2247483660&idx=1&sn=6c7158232985c12101c3b0e120c64d40
介绍腾讯后台的 C++ 协程库

产品及其它

微信小程序开放公测企业、政府及媒体可申请
http://tech.qq.com/a/20161103/042838.htm 文档体系非常不错，不过要正规企业和组织才能申请。另附：微信小程序的想象力与不可想象域、微信小程序新蓝海：这些公司已经起了个大早，竟然这么快就有专门制作小程序的平台了。

Meet Microsoft Teams, the new chat-based workspace in Office 365
https://products.office.com/en-US/microsoft-teams/
http://www.geekpark.net/topics/217155
微软非常正式且用了很大的宣传力度推出了一款全新的办公协同软件 Microsoft Teams。在很多分析看来，这个领域之前的明星企业 Slack 真的遇到一个劲敌了。

Amazon创始人贝索斯的7条领导力原则
http://36kr.com/p/5055509.html 在Amazon，我们必须随着公司规模的发展而相应扩大失败规模。我们必须犯更大更大的错误。不是你选择激情，而是激情选择了你。对愿景要执着，但对细节要灵活。失败对于创造来说是必要的。不是你选择了爱好，而是爱好选择了你

思考问题的八层境界
http://mp.weixin.qq.com/s?__biz=MjM5Nzc1NDIyMw==&mid=2651367387&idx=2&sn=5f82a33fbc54d3049bb6590f07167aca 大师的总结果然精辟，对应到编程领域也是那么贴切：形成主见 -> 发现不能解释的事情 -> 融汇贯通 -> 以简御繁 -> 运用自如 -> 一览众山小 -> 通透。

为什么人们应该感谢程序员
http://mp.weixin.qq.com/s?__biz=MjM5MTE4Nzk1NA==&mid=2650741614&idx=1&sn=19d1f7039fe6bd4ce55d622952f04de2 程序员从对自己工作效率不满意开始，逐渐创造工具和方法论，最终形成一套完整的体系可以被其他行业使用。大部分人在做这些事情的时候，并没有改变其他行业的野心，只是为了解决自己的问题。但这个行业比较良好的工程意识逐渐让这些解决自己问题的思路和工作成果可以被抽象出来，推广开，影响更多的人。也提高了其他行业的效率和作出更重要成果的机会。这些都是软件行业给世界的礼物。

程序员从入门到精通
http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651223743&idx=1&sn=023a7ab2e897dc732bb6258f5b6c6d36
程序员的工作实际更贴近于工匠，既有创造性的工艺性工作，也有模式化的工程性工作。想清楚自己成为程序员的初衷是什么？只是为了进入一个相对高薪的行业，得到一份工资高于平均水准的工作？这样终究是走不了太远的。另附：怎样构建一个可持续发展的程序员能力成长模型

作者：nwind (http://wuduoyi.com/) - 知道得越多，不知道的就更多了