FEX 技术周刊 - 2017/03/27

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

深阅读

Angular 4.0.0 Now Available
http://angularjs.blogspot.jp/2017/03/angular-400-now-available.html
Angular version 4.0.0 - invisible-makeover - is now available. This is a major release following our announced adoption of Semantic Versioning, and is backwards compatible with 2.x.x for most applications.

V8 Release 5.8
https://v8project.blogspot.jp/2017/03/v8-release-58.html
V8 version 5.8, which will be in beta until it is released in coordination with Chrome 58 Stable in several weeks. V8 5.8 is filled will all sorts of developer-facing goodies. We’d like to give you a preview of some of the highlights in anticipation of the release.

How I Became a Better Programmer
http://jlongster.com/How-I-Became-Better-Programmer
Let me be clear that these are only a few tips for improving your skills. Ultimately you need to figure out what works best for you. These are just things that I have found helpful: Find people who inspire you, but don’t idolize them; Don’t devalue your work; Don’t feel pressured to work all the time; Ignore fluff; Dig into past research; Take on big projects. Get uncomfortable. 另附：I’ve been a Web Developer for 17 Years, and this is what I learned

Beyond The Browser: From Web Apps To Desktop Apps
https://www.smashingmagazine.com/2017/03/beyond-browser-web-desktop-apps/
In this article, we’ll look at the development of desktop applications using NW.js and Electron, the ups and downs of building one and living with one, using one code base for the desktop and the web, and more.

Can Google’s Guetzli JPEG Encoder Help Solve Web Page Bloat?
http://developer.telerik.com/content-types/opinion/can-googles-guetzli-jpeg-encoder-help-solve-web-page-bloat/
Given that I manage a site that uses a lot of images for its content, I was excited when I read about Google’s new Guetzli JPEG encoder. It claims to create JPEG images that are 20-30% smaller than the current standard encoder (libjpeg) that are still JPEG compatible but with better quality. Sounds almost too good to be true!

Practical CSS Grid: Adding Grid to an Existing Design
https://alistapart.com/article/practical-grid
Understanding and using CSS Grid is easier than you might expect. The day Grid support shipped in Firefox 52, I decided on the spur of the moment to convert the basic layout of my personal site to use Grid. And it was a fairly simple process—five minutes to write the grid styles, then 15-20 spent troubleshooting. 另附一篇介绍 CSS Grid 发展历史的文章：CSS Layout is Here to Stay.

Modern JavaScript for Ancient Web Developers
https://trackchanges.postlight.com/modern-javascript-for-ancient-web-developers-58e7cae050f9#.ixncd98qs
I’m an ancient web developer who is learning modern JavaScript. I’ve just gotten started and I’m having a ball, but I’ve also got whiplash. There are a few things I wish I’d understood and accepted about the world of modern JavaScript before I got started. Here are some of the changes I had to make to my own mindset and expectations around learning a new ecosystem based on an old language which has taken over my craft.

Update on HTML5 Video for Netflix
http://techblog.netflix.com/2017/03/update-on-html5-video-for-netflix.html
Netflix adoption of HTML5 has resulted in us contributing to a number of related industry standards including: MPEG-DASH, WebCrypto, Media Source Extensions (MSE), Encrypted Media Extensions (EME). We intend to remain active participants in these and other standards over time. This includes areas that are just beginning to formulate, like the handling of HDR images and graphics in CSS being discussed in the Color on the Web community group.

百度SSP单页式应用性能优化实践
https://mp.weixin.qq.com/s?__biz=MzIwNjQwMzUwMQ==&mid=2247485098&idx=1&sn=22955e9d5d7b46df67f927718174bff1
针对首页和部分页面打开速度慢的问题，百度SSP前端团队对单页式应用性能进行了优化。本文介绍其中一个方案：基于 HTTP Chunk 的首屏数据渐进式预加载方案，该方案总体减少了单页应用1.2s的首屏呈现时间。同时对比其与同构渲染方案的异同。

HULK 云平台的前端
http://mp.weixin.qq.com/s?__biz=MzIyNzUwMjM2MA==&mid=2247484358&idx=1&sn=7e1808679f5eab99bb63e0b5a2e22cca
HULK 云平台，承载着奇虎 360 云计算的战略核心。为了支持 HULK 私有云的产品化和平台化的同时，保证优秀的用户体验。HULK 的前端架构从 2.0 到 3.0 经历了一次蜕变，从原来的服务端渲染改成了基于 React 的技术架构，这次我们分享 HULK 前端架构演变的历程。

有理有据地展望未来 Web 开发体验
http://mp.weixin.qq.com/s?__biz=MzIyMjYyMzg3MA==&mid=2247483871&idx=2&sn=cad806a9dfbee0a6f6b24d14c8ddc48c
经历了超过十年的演变，Web 开发技术也已经和当年有着天壤之别了。我们今天可以从一些现有的线索中窥探“未来”，虽然这些都非常让人向往和着迷，不过我们也不能百分百地打包票这些最终都会实现。或许以后会出现更神奇更厉害的技术，也有可能在下一个十年时，我们所能看到的跟今天的没什么两样。不盲目、不跟风，也希望大家能积极地观望和学习不断推陈出新的技术，好让我们自己的技术价值和思维价值能跟得上时代的变化。

当前服务器配置能承受多大的QPS？如何评估
http://mp.weixin.qq.com/s?__biz=MzA5Nzc4OTA1Mw==&mid=2659599084&idx=1&sn=a67802f91645f2a3864b584842676803
介绍了 LinkedIn 如何 通过Redliner实现自动化的容量评估和准确的余量分析。Redliner在目标服务上运行压力测试，逐步增加流量，直到服务无法处理更多的流量为止，以此来评估服务的吞吐量。

Javascript Frameworks: A futile attempt at objectivity
https://medium.com/@mattburgess/javascript-frameworks-a-futile-attempt-at-objectivity-adf6e75d2fbe#.ih4vcrf0v
作者尝试了各个框架后的体会

Marko vs React: An In-depth Look
https://medium.com/@psteeleidem/marko-vs-react-an-in-depth-look-767de0a5f9a6#.3i9j9s39j
In this article we will take an in-depth look at the differences and similarities between Marko and React from the perspective of the maintainers of Marko.

Android Security 2016 Year in Review
https://www.blog.google/topics/connected-workspaces/diverse-protections-diverse-ecosystem-android-security-2016-year-review/
Today, we’re sharing the third annual Android Security Year In Review, a comprehensive look at our work to protect more than 1.4 billion Android users and their data. Our goal is simple: keep our users safe.

Introduction to nginScrip
https://www.nginx.com/blog/introduction-nginscript/
nginScript is a unique JavaScript implementation for NGINX and NGINX Plus, designed specifically for server‑side use cases and per‑request processing. It extends NGINX configuration syntax with JavaScript code in order to implement sophisticated configuration solutions.

JavaScript vs. Python in 2017
https://hackernoon.com/javascript-vs-python-in-2017-d31efbb641b4#.7rvfcrxk9
结合实践经验对比了用 JS、Python 开发的体验，分享了对 JS 社区的一些期待，比如：expanding the Node API to make it more comprehensive, and reducing the startup time for Node. modify their runtime to recognize things like type annotations and JSX natively. Getting TC39 to standardize either of those language features.

End-to-End Testing with Nightwatch.js
https://blog.risingstack.com/end-to-end-testing-with-nightwatch-js-node-js-at-scale/
In this article, we are going to take a look at how you can do end-to-end testing with Node.js, using Nightwatch.js, a Node.js powered end-to-end testing framework. If you did not read that article, or if you are unfamiliar with unit testing and TDD (test-driven development), I recommend checking that out before continuing with this article.

Best Practices for Modals / Overlays / Dialog Windows
https://uxplanet.org/best-practices-for-modals-overlays-dialog-windows-c00c66cddd8c#.ev19lhm3a
Modals, Overlays, Dialogs, whatever you call them it’s time to revisit this UI pattern. When they first came on the scene, modal windows were an elegant solution to a UI problem. The first being that it simplifies the UI, the second, it saves screen real estate. Since then designers have readily adopted the modal window and some have taken it to the extreme. Modals have become the today’s version of the dreaded popup window. Users find modals annoying and have been trained to instinctively and automatically dismiss these windows.

新鲜货

Android App 中都用了哪些跨端开发类库
http://weibo.com/1644288935/EAZgCbbEV
抓取豌豆荚 top 1000 应用（安卓），分析其中包含的库，看看目前这方面大家的选择是什么，结果是而除了 rn、weex、corvdova 这三个，其它的技术如 LuaView、Titanium、NativeScript、Xamarin、QT 全都没人用。另附：聊聊移动端跨平台开发的各种技术。

Egg.js 1.0.0 正式发布 - 企业级 Node.js 框架
https://zhuanlan.zhihu.com/p/25860846
时光如梭，转眼间 Egg.js 已经开源半年了，我们很荣幸地宣布，Egg.js 正式发布 1.0 版本。业界领先的『微内核 + 插件机制』，专为团队架构师量身打造的『框架定制』能力。内建的安全机制与多进程管理模型。沉淀自阿里各行各业不同领域最佳实践的插件，涵盖了常见的业务开发场景，稳定支撑了 15 和 16 年天猫双11大促，顶级流量压力。 渐进式，极具伸缩性，既适合个人小项目快速开发，也适合企业级的团队开发协作。

Chrome 58 Beta: IndexedDB 2.0, an improvement to iframe navigation, and immersive full screen for PWAs
https://blog.chromium.org/2017/03/chrome-58-beta-indexeddb-20_21.html
IndexedDB 2.0 is now fully supported. supports the new iframe sandbox keyword allow-top-navigation-by-user-activation, This keyword gives sandboxed iframes the ability to navigate the top-level page when triggered by user interaction, while still blocking auto-redirects.

npm - announcing free Orgs
http://blog.npmjs.org/post/158718200065/announcing-free-orgs
We’re excited to announce that npm Orgs, our collaboration tool for helping teams manage permissions and share their code, is free for all developers of open source packages. You may invite an unlimited number of collaborators to manage an unlimited number of public packages for $0.

GitLab 9.0 Released with Subgroups and Deploy Boards
https://about.gitlab.com/2017/03/22/gitlab-9-0-released/
Today we are releasing GitLab 9.0, 18 months after releasing 8.0. We’ve made significant advances to GitLab during this period, shipping a version every single month on the 22nd. Let’s quickly recap how far we’ve come since 8.0, and see those features dovetailing into today’s 9.0 release. Stack Overflow 2017 开发者调查报告
https://www.oschina.net/news/83164/stack-overflow-developer-survey-results-2017
Python 和 Node.js 等语言日益普及，而 C＃和 C 语言的使用却在减少，Python 在五年内首次超过了 PHP，已成为开发者最希望使用的语言。

SHA-1 collision detection on GitHub.com
https://github.com/blog/2338-sha-1-collision-detection-on-github-com
All SHA-1 computations on GitHub.com will detect and reject any Git content that shows evidence of being part of a collision attack. This ensures that GitHub cannot be used as a platform for performing collision attacks against our users.

React Conf 2017 视频资料
http://conf.reactjs.org/speakers
3.13-3.14 的会议视频，接下来还有好几场，见 https://facebook.github.io/react/community/conferences.html

C++17 is complete
https://herbsutter.com/2017/03/24/trip-report-winter-iso-c-standards-meeting-kona-c17-is-complete/
C++17 is now technically finished and being sent out for its final ISO balloting. All that remains for C++17 now is some ISO red tape and minor touch-up to get it officially published, which is expected to be just mechanical.

p5.js
https://github.com/processing/p5.js
p5.js is a JavaScript library that starts with the original goal of Processing, to make coding accessible for artists, designers, educators, and beginners, and reinterprets this for today’s web. Using the original metaphor of a software sketchbook, p5.js has a full set of drawing functionality. However, you’re not limited to your drawing canvas, you can think of your whole browser page as your sketch! For this, p5.js has addon libraries that make it easy to interact with other HTML5 objects, including text, input, video, webcam, and sound. 这是一个应用示例：Creating a Book Cover Using JavaScript and p5.js.

MoveTo
https://github.com/hsnaydd/moveTo
A lightweight (only 1kb gzipped) scroll animation javascript library without any dependency.

PDF Candy – User Friendly and Modern File Conversion Software
http://codecondo.com/pdf-candy-user-friendly-and-modern-file-conversion-software/
PDF Candy is a new free online service with 24 various tools for processing PDF files. Services are available for all users at no cost without requiring any account or subscriptions. PDF Candy is a website launched by Icecream Apps and that’s why the quality of this new online PDF service is really high since it’s based on offline PDF products by Icecream Apps.

AlloyTeam - omi
https://github.com/AlloyTeam/omi
Omi（读音 / [ˈomɪ] /, 汉字类似于 欧米） 是一款用于创建用户界面的组件化框架，开放并且现代，故得名：Omi。

Quokka.js - The Live Scratchpad for JavaScript
https://quokkajs.com/
一个 VS code 的插件，方便学习和尝试 JS

OSTINATO
http://ostinato.org/
Network Traffic Generator and Analyzer

Flashback
https://github.com/linkedin/flashback
通过代理记录下请求，后续回放来测试，相关介绍：Introducing and Open Sourcing Flashback, an Internet Mocking Tool

react-blessed
https://github.com/Yomguithereal/react-blessed
A React custom renderer for the blessed library. This renderer should currently be considered as experimental, is subject to change and will only work with the React’s latest version (0.14.x).

Eruda - Console for Mobile Browsers
https://github.com/liriliri/eruda
Logging things out on mobile browser is never an easy stuff. I used to include window onerror alert script inside pages to find out JavaScript errors, kind of stupid and inefficient. Desktop browser DevTools is great, and I wish there is a similar one on mobile side, which leads to the creation of Eruda.

dawson - a serverless framework for Node.js on AWS
https://dawson.sh/
dawson is a serverless web framework for Node.js on AWS.
dawson uses AWS CloudFormation, Amazon CloudFront, Amazon API Gateway and AWS Lambda to deploy the backend code and to manage the infrastructure for you.

SuperScript
https://github.com/superscriptjs/superscript
SuperScript is a dialog system and bot engine for creating human-like conversation chat bots. It exposes an expressive script for crafting dialogue and features text-expansion using WordNet and information retrieval using a fact system built on a Level interface. breaks barriers between web and native. 另附：Building a Conversational Bot with JavaScript and Node.js.

Schiphol Flight API
https://developer.schiphol.nl/apis/flight-api/overview
阿姆斯特丹 Schiphol 国际机场开放了 API

WebStorm 2017.1增加对Vue.js的支持
http://mp.weixin.qq.com/s?__biz=MzIwNjQwMzUwMQ==&mid=2247485105&idx=1&sn=43811f1dd30b371093e2346014099f3f
WebStorm现在会识别.vue文件并在模板中增加代码补全功能。当引用其他视图组件时，WebStorm也将能够自动补全代码并自动增加import声明。

多说即将关闭
http://dev.duoshuo.com/threads/58d10f50e9a8cb4433fd5c5d
将于2017年6月1日正式关停服务，在此之前您可以通过后台的数据导出功能导出自己站点的评论数据。

产品及其它

程序员，这是你想要的技术leader吗
http://mp.weixin.qq.com/s/lHh79f8bwwsa0fW5LkOfZA
技术团队的领导总是在发愁怎样带团队，团队的程序员总是会抵触各种团队“文化”、规章制度。两者都有各自的角度和出发点，很难分出真正的对错。这篇文章里的技术leader，是身为程序员的你想要的吗？是同为技术leader的你所追求的吗？

王兴：格局上输了，再多努力都不可能赢
http://mp.weixin.qq.com/s?__biz=MjM5OTM5OTAyMQ==&mid=2654431063&idx=1&sn=70fcfd4b47961a3a236a70304e692af7
没有哪一条创业经验是完全能够适用的，不管是我自己的经验教训，还是别人的总结，每一条看似正确的建议，在实际的创业过程中你总能找到很多的反例。专注是事情聚焦，不要一下做很多事情，但如果你把自己的业务范围设得太小，有时候会固步自封，最后你会发现你在格局上完全输了，不管多么努力都是不可能赢的。创业归根到底是要解决问题的，如果你解决的问题不够大，那你创造的价值就不够大。创业者的价值不是融钱，而是如何让钱生钱。评判一个企业的价值也要看输入输出比，少出多入就是在创造价值；反之，你就是在做一件没意义的事情。对于创业者来说，最该考虑的是如何比对手花钱更有效率，创造出更多的价值。

musical.ly：一款中国APP为何让几千万欧美人“兴奋”
http://www.iheima.com/zixun/2017/0324/162106.shtml
最近，一款中国人开发并运营的应用musical.ly，在欧美青少年间风靡。他们成功的奥秘究竟是什么？在创业过程中又遇到了哪些坎坷？未来打算进军中国市场会遇到什么挑战？musical.ly首次披露自己的创业故事。本文带你一探究竟。

快手为什么成功
http://mp.weixin.qq.com/s?__biz=MjM5NTIyNTUyMQ==&mid=2709545368&idx=1&sn=ae18aeab3590950979f1a439c8b0b664
文中提到的信息流产品的两种属性挺有意思的：媒体（新闻）属性、社交属性。这两种属性在信息流上面通常会相互抑制，产品方案最终会偏向一种属性，抑制另一种属性。

凯文·凯利 - 未来20年的技术趋势，离不开这12个关键词
http://mp.weixin.qq.com/s?__biz=MzA5ODMzMDkzOA==&mid=2661080405&idx=1&sn=cf9623143a429e9184328e9fffaafaa5
回到现在，未来20年，技术会走向何方？3月25日，在混沌研习社讲台上，《失控》《必然》作者凯文·凯利KK说，它一定有一个确定的方向，就像重力一样，这些趋势是相互交织、可以预测的：形成、知化、屏读、流动、重混、过滤、互动、使用、共享、开始和提问。或者，还有颠覆。