FEX 技术周刊 - 2018/05/07

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

业界大会

F8-2018
https://www.f8.com/
AI at F8 2018: Open frameworks and responsible development、React 360 replaces React VR for streamlined development focus。另附：Google - Open sourcing Seurat: bringing high-fidelity scenes to mobile VR.

深阅读

NodeJS 10: The New, The Changed, and the Deprecated
https://auth0.com/blog/nodejs-10-new-changes-deprecations/
Node.js 10 comes packed with significant performance improvements through V8 v6.6 and new experimental features such the fs promise API and time traveling. 另附：No More Updates for Node 4.x, Node 6.x Now in Maintenance Mode、探秘 Node.js 10 新功能的背后：V8 release 6.6、Node.js Africa

Adding BigInts to V8
https://v8project.blogspot.com/2018/05/bigint.html
Over the past couple of months, we have implemented support for BigInts in V8, as currently specified by this proposal, to be included in a future version of ECMAScript. The following post tells the story of our adventures. 另附：V8 release v6.7、BigInt: arbitrary-precision integers in JavaScript.

Version 6 of Angular Now Available
https://blog.angular.io/version-6-of-angular-now-available-cc56b0efa7a4
This is a major release focused less on the underlying framework, and more on the toolchain and on making it easier to move quickly with Angular in the future. Announcing NGXS 3.0 - A State Management Library for Angular、The Angular Framework Forces You To Learn More JavaScript, Making You A Better JavaScript Programmer

Rethinking Web Performance with Service Workers
https://medium.baqend.com/the-technology-behind-fast-websites-2638196fa60a
This article surveys the current state of the art in page speed optimization through Service Worker technology. It contains the gist of more than 30 man-years of research that went into Speed Kit, an easy-to-use web performance plugin to accelerate websites.

You Don’t Need Redux, MobX, RxJS, Cerebral
https://medium.com/@foxdonut00/you-dont-need-redux-mobx-rxjs-cerebral-6a735b150a02
For state management, try this simple pattern instead of a library Don’t get me wrong. Those libraries are great. But I’m suggesting a different, unique approach. I know what you’re thinking: Redux alternatives are a dime a dozen. But this isn’t yet another library. In fact, it’s not a library at all. It’s just a simple pattern: Meiosis.

React Suite v3.0 正式版发布
http://div.io/topic/2200
RSUITE（React Suite 的简写）是 一套 React 组件库，为后台产品而生。由 HYPERS 前端团队与 UX 团队打造，主要服务于公司大数据产品线。经历了三次大的版本更新后，累积了大量的组件和丰富的功能。我们的目标：让所有的企业都可以定制化一套属于自己产品风格的组件。

全栈虚拟机GraalVM初体验
https://juejin.im/post/5ad7372f6fb9a045e511b0a4
可以一个文件中同时写 node、ruby、java 等语言

Reported malicious module: getcookies
https://blog.npmjs.org/post/173526807575/reported-malicious-module-getcookies
Early May 2nd, the npm security team received and responded to reports of a package that masqueraded as a cookie parsing library but contained a malicious backdoor. The result of the investigation concluded with three packages and three versions of a fourth package being unpublished from the npm Registry.

A Guide To The State Of Print Stylesheets In 2018
https://www.smashingmagazine.com/2018/05/print-stylesheets-in-2018/
This article will explore how we can best create that second experience. We will take a look at how we should include print styles in our web pages, and look at the specifications that really come into their own once printing. We’ll find out about the state of browser support, and how to best test our print styles. I’ll then give you some pointers as to what to do when a print stylesheet isn’t enough for your printing needs.

Evolution of Couchbase at LinkedIn
https://engineering.linkedin.com/blog/2018/05/evolution-of-couchbase-at-linkedin
This blog post aims to: Tell the story of how our use of Couchbase and our support model evolved over the years; Describe the challenges with scaling and operating Couchbase at our scale and what we’re doing do solve it; Get a glimpse of where we want to take Couchbase into the future.

How fast can you parse JSON?
https://lemire.me/blog/2018/05/03/how-fast-can-you-parse-json/
n a recent paper by Microsoft (Mison: A Fast JSON Parser for Data Analytics), the researchers report parsing JSON document at 0.1 or 0.2 GB/s with common libraries such as RapidJSON. It is hard to tell the exact number as you need to read a tiny plot, but I have the right ballpark. They use a 3.5 GHz processor, so that’s 8 to 16 cycles per input byte of data.

Previewing Elasticsearch 6.3 SQL Feature
https://medium.com/@mustafaakin/previewing-elasticsearch-6-3-sql-feature-2d3a1d60cab4
Elasticsearch 6.3 is announced to contain basic X-Pack features in the repo by default. X-Pack contains APM, Canvas, and most importantly (to me at least) the SQL support. 另附：TiDB 2.0 is Ready - Faster, Smarter, and Battle-Tested, eBay Open Sources ‘The Accelerator’, a Fast Data Processing Tool.

Learning from Source Code
https://www.microsoft.com/en-us/research/blog/learning-source-code/
Program analysis in the past has largely focused on either the formal, machine-interpretable semantics of programs or it has viewed programs as a (somewhat odd) instance of natural language. Approaches from the former are rooted in mathematical logic and require extensive engineering effort for every new case that needs to be handled. On the other hand, natural language approaches involve applications of natural language processing tools that work well on purely syntactic tasks but so far have not been able to learn semantics of programs. In a new paper presented at ICLR 2018, researchers from Microsoft Research and from Simon Fraser University Vancouver present a new way to combine these two worlds and show how to find bugs in released software.

Open-sourcing gVisor, a sandboxed container runtime
https://cloudplatform.googleblog.com/2018/05/Open-sourcing-gVisor-a-sandboxed-container-runtime.html
We’d like to introduce gVisor, a new kind of sandbox that helps provide secure isolation for containers, while being more lightweight than a virtual machine (VM). gVisor integrates with Docker and Kubernetes, making it simple and easy to run sandboxed containers in production environments. 另附：Introducing .app, a more secure home for apps on the web, Google Maps Platform、Introducing the Operator Framework: Building Apps on Kubernetes、Twitter - A new collaboration with Google Cloud.

新鲜货

Proton Native - React Native for the desktop
https://proton-native.js.org/#/
Proton Native does the same to desktop that React Native did to mobile. Build cross-platform apps for the desktop, all while never leaving the React eco-system. Popular React packages such as Redux still work. Same syntax as React Native , Works with existing React libraries such as Redux, Cross platform, Native components. No more Electron, Compatible with all normal Node.js packages. 另附：Electron 2.0.0

New version of the Roadmap of Web Applications on Mobile
https://www.w3.org/blog/news/archives/7006
W3C has published a new version of its Roadmap of Web Applications on Mobile, an overview of the various technologies developed in W3C that increase the capabilities of Web applications, and how they apply more specifically to the mobile context.

Dojo 2.0
https://dojo.io/blog/2018/05/02/2018-05-02-Dojo2-0-0-release/
竟然还健在…看看有几个人还认识这个

Announcing Babylon.js v3.2
https://blogs.windows.com/buildingapps/2018/05/01/announcing-babylon-js-v3-2/#kxuTEvI556G1cmJq.97
支持更多 WebGL2 的功能

Ember’s 2018 Roadmap: A Call for Blog Posts
https://www.emberjs.com/blog/2018/05/02/ember-2018-roadmap-call-for-posts.html
The Ember team would like you to write a blog post to propose goals and direction for Ember in the remainder of 2018. The content of these posts will help us to draft our first Roadmap RFC.

Is ServiceWorker Ready? (Yes.)
https://jakearchibald.github.io/isserviceworkerready/
IE 也支持了：What’s new in Microsoft Edge in the Windows 10 April 2018 Update

layerJS - UI composition & animation in pure HTML
https://layerjs.org/
UX patterns like menus, sliders, layers & lightboxes, parallax effects, page-swipes, zoom effects, etc. are really just interactive animated layers. layerJS is a simple open source library that provides one simple universal concept to create such patterns in pure HTML.

React Lifecycle Visualizer
https://github.com/Oblosys/react-lifecycle-visualizer
An npm package for tracing & visualizing lifecycle methods of arbitrary React components.

GitLab Web IDE
https://docs.gitlab.com/ee/user/project/web_ide/
基于 monaco 的 Web IDE

OPENRECORD
https://github.com/PhilWaldmann/openrecord
又一款 node ORM

ow - Function argument validation for humans
https://github.com/sindresorhus/ow

Impact - HTML5 Canvas & JavaScript Game Engine
http://impactjs.com/
Impact is a JavaScript Game Engine that allows you to develop stunning HTML5 Games for desktop and mobile browsers.

Pure CSS Francine
https://github.com/cyanharlow/purecss-francine
An ongoing series in which I create art using only CSS and HTML.

Introducing Elmstatic: an Elm-to-HTML static site generator
https://korban.net/posts/elm/2018-05-03-introducing-elmstatic-elm-static-site-generator/
I’ve been using Elm to generate this site for a few months. It’s still highly experimental and incomplete but I hope that other Elm enthusiasts may find it useful. At the moment, it works for my needs and allows me to generate this site with a single command, but it requires manual intervention if I’m doing things like deleting pages or adding new Elm dependencies, and I’m sure there are many use cases it doesn’t address. I think I have something barebones but useful so I published it on NPM under the name of Elmstatic.

HTML5 Boilerplate 6.1.0 Released
http://htmlcssjavascript.com/web/html5-boilerplate-6-1-0-released/
The biggest change was moving to eslint for JavaScript linting. That was a lingering change we were unable to get into 6.0 and that change ended up being my biggest personal contribution to this release.

8 Top Web Development Trends in 2018
http://merehead.com/blog/web-development-trends-2018/
Web technologies are developing at high-speed. What was popular yesterday doesn’t mean to be the same tomorrow, you should keep this in your mind… 另附：Best CSS Frameworks 2018

QCGPU-Rust
https://github.com/QCGPU/qcgpu-rust
Open Source, High Performance & Hardware Accelerated, Quantum Computer Simulation in Rust

ReLaXed - Create PDF documents using web technologies
https://github.com/RelaxedJS/ReLaXed
ReLaXed creates PDF documents interactively using HTML or Pug (a shorthand for HTML). It allows complex layouts to be defined with CSS and JavaScript, while writing the content in a friendly, minimal syntax close to Markdown or LaTeX.

Salsify — A New Architecture for Real-time Internet Video
https://snr.stanford.edu/salsify/
Salsify is a new design for real-time Internet video that jointly controls a video codec and a network transport protocol. Current systems (Skype, Facetime, WebRTC) run these components independently, which produces more glitches and stalls when the network is unpredictable.

Lobe - Deep Learning Made Simple
https://lobe.ai/
Lobe is an easy-to-use visual tool that lets you build custom deep learning models, quickly train them, and ship them directly in your app without writing any code. Start by dragging in a folder of training examples from your desktop. Lobe automatically builds you a custom deep learning model and begins training. When you’re done, you can export a trained model and ship it directly in your app.

TextQL
https://github.com/dinedal/textql
Allows you to easily execute SQL against structured text like CSV or TSV.

Stack Overflow for Teams is Now Available
https://stackoverflow.blog/2018/05/03/stack-overflow-for-teams-is-now-available/
It’s here. After months of designing, building, testing, and beta-ing, we’re happy to announce that as of today, Stack Overflow for Teams has launched and is available to everyone!

Custom domains on GitHub Pages gain support for HTTPS
https://blog.github.com/2018-05-01-github-pages-custom-domains-https/
We have partnered with the certificate authority Let’s Encrypt on this project. As supporters of Let’s Encrypt’s mission to make the web more secure for everyone, we’ve officially become Silver-level sponsors of the initiative. 另附：Introducing the GitHub Changelog

设计

The Ultimate Guide to Font Sizes in UI Design
https://learnui.design/blog/ultimate-guide-font-sizes-ui-design.html
One of the most common questions I receive from beginning UI designers is: what font size should I use for my project? Sometimes they’re asking about a website, sometimes an Android app, sometimes iPhone/iPad. And you know? I empathize. Material Design has nice guidelines, but they’re like 50 pages long. iOS… well, they don’t even have nice guidelines! And the web is (still) the wild west. Maybe some article pops up – whoa, new sheriff in town – and tells you what font sizes to use based on some dark magic involving the golden ratio, but come on people.

Using Sketch’s Symbols as Links for Big Projects
https://medium.com/sketch-app-sources/sketch-symbol-links-ea4c32f63a16
A simple hack to navigate huge Sketch projects faster.

Building a UI Component Design System
https://blog.bitsrc.io/building-a-consistent-ui-design-system-4481fb37470f
Learn how Uber, Pinterest, Shopify and Airbnb are leveraging components to build a consistent UI/UX design system.

Previewing Material Design 2.0
https://uxdesign.cc/previewing-material-design-2-0-ec0215f0588f
I could (and probably should), wait a couple of weeks until Google I/O before publishing this post where I anticipate we’ll be hearing a lot about MD 2.0. However, that wouldn’t be fun, would it?

Great Questions Lead to Great Design - A Guide to the Design Thinking Process
https://www.toptal.com/designers/product-design/design-thinking-great-questions
Great designers help teams and stakeholders make better decisions by using questions to identify opportunities, reveal underlying needs, and understand user context.

Priority Guides: A Content-First Alternative to Wireframes
http://alistapart.com/article/priority-guides-a-content-first-alternative-to-wireframes
No matter your role, if you’ve ever been involved in a digital design project, chances are you’re familiar with wireframes. After all, they’re among the most popular and widely used tools when designing websites, apps, dashboards, and other digital user interfaces.

产品及其它

Jupyter receives the ACM Software System Award
https://blog.jupyter.org/jupyter-receives-the-acm-software-system-award-d433b0dfe3a2
It is our pleasure to announce that Project Jupyter has been awarded the 2017 ACM Software System Award, a significant honor for the project. We are humbled to join an illustrious list of projects that contains major highlights of computing history, including Unix, TeX, S (R’s predecessor), the Web, Mosaic, Java, INGRES (modern databases) and more.

当程序员突然想画画，AI+机器人就该登场了
http://new.qq.com/omn/20180501/20180501A0MI4U.html
澳大利亚人Jeremy Kraybill活了40多岁，突然对绘画产生了兴趣。横亘在他面前的就是那两个问题：既没有艺术灵感，也没有绘画基础。但，他有技术。为了完成一副幅画，他动用了人工智能（神经网络）来产生创意，然后又动用了机械臂，把创意画了出来，最终入围了2018年度 RobotArt设计大赛。

北大理科一号楼芯片往事
https://mp.weixin.qq.com/s?__biz=MzU5OTI0NTc3Mg==&mid=2247484759&idx=1&sn=06897e87a26cdc854954fc87a6482365
「甲子光年」采访了近20年以来，多位深入参与MPRC和众志创业历程的芯片从业者。他们的机会、突围、困局、兴奋、迷茫和无奈展示了CPU难题的更多侧面，是自主CPU探索中的一个难得样本。探寻答案的过程中，历史仿佛一个黑箱中复杂缠绕的线团。每当我们理清一个线头，总有下一个更大的线团在等着我们。事件盘根错节，追问抽丝剥茧，这场芯片往事，暗含着宏大的历史难题，也蕴藏着通往明天的答案。

腾讯没有梦想
https://mp.weixin.qq.com/s?__biz=MjM5MDczODM3Mw==&mid=2653028142&idx=1&sn=0dd174c676138016803af3d9ac77e919
腾讯正在丧失产品能力和创业精神，变成一家投资公司。这家快20岁的公司正在变得功利和短视，他的强项不再是产品业务，而是投资财技 。3Q大战过后这8年，腾讯刀枪入库马放南山，以流量和资本为核心动能，走上了开放投资道路。但与此同时，公司逐步失去了内部的产品和创新能力，在搜索/微博/电商/信息流/短视频/云等核心战场不断溃败。另附：燕雀安知腾讯（hóng hú）之志、还在被低估的阿里、腾讯发布“00后画像报告” 颠覆我们对这一代的认知

小米是谁，小米为什么而奋斗
https://mp.weixin.qq.com/s?__biz=MjM5NjgzMzkwMQ==&mid=2653646691&idx=1&sn=008521a8648190bcd47c1669d3a7942a
这是每个做产品、开公司的人都需要持续思考的问题，不妨先看看小米的。

– THE END –