FEX 技术周刊 - 2018/10/22

业界会议

GitHub Universe

https://githubuniverse.com/

GitHub Universe is a conference for the builders, planners, and leaders defining the future of software.

附： Future of Software: Developers at the center of the universe 、 GitHub launches Actions, its workflow automation tool 、 GitHub发布史上最大更新，年度报告出炉 、 Get ready! Game Off returns in November .

IMWeb Conf2018

https://2018.imweb.io/

附： IMWeb Conf2018 Native跨端融合总结

深阅读

V8 release v7.0

https://v8.dev/blog/v8-release-70

V8 version 7.0, which is in beta until its release in coordination with Chrome 70 Stable in several weeks. V8 v7.0 is filled with all sorts of developer-facing goodies. This post provides a preview of some of the highlights in anticipation of the release.

Version 7 of Angular — CLI Prompts, Virtual Scroll, Drag and Drop and more

https://blog.angular.io/version-7-of-angular-cli-prompts-virtual-scroll-drag-and-drop-and-more-c594e22e7b8c

TThis is a major release spanning the entire platform, including the core framework, Angular Material, and the CLI with synchronized major versions. This release contains new features for our tool chain, and has enabled several major partner launches.

Modern Microprocessors A 90-Minute Guide!

http://www.lighterra.com/papers/modernmicroprocessors/

A brief, pulls-no-punches, fast-paced introduction to the main design aspects of modern processor microarchitecture.

33 Concepts Every JavaScript Developer Should Know

https://github.com/leonardomso/33-js-concepts

This repository was created with the intention of helping developers master their concepts in JavaScript. It is not a requirement, but a guide for future studies.

How does front-end debt grow

https://logrocket-blog.ghost.io/how-does-front-end-debt-grow/

You may not have control about the latest trends in the industry, but you can do things to keep debt down to make sure your applications are easier to work with.

另附： History of front-end frameworks .

展望 React 17，回顾 React 往事

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

要讨论未来（React 17），必须要了解过去。以 React 16 为分水岭，我们可以分为两方面来看这个问题：一是为什么，二是怎么办。

[译]每个Web开发者都应该知道的SOLID原则

https://mp.weixin.qq.com/s?__biz=MzUxMzcxMzE5Ng==&mid=2247489713&idx=1&sn=aebf7190cd0a07bdc01f40cfdf533b89

SOLID 原则是为构建模块化、可扩展和可组合的封装组件而设计的。Bit 是实践这一原则的一个强大的工具：它能够帮助你在不同的项目中、在团队范围内轻松地隔离、共享和管理这些组件。

前端职业生涯重要的几个阶段

https://mp.weixin.qq.com/s/HrDLBpoJqKAU7JW8v6s_5Q

做前端、后端还是全栈？做产品还是基础架构？业务和技术哪个更重要？软技能有多重要？那下面由 陈广琛（Cat Chen)来告诉你。本文内容来自于CatChen在第四届FEDAY上关于“点开你的技能树”的演讲，是通过演讲的录音整理而成。关于成长还可以看看： Interview with Gmail Creator and YC Partner Paul Buchheit 中的 How to Become a Great Engineer and Happiness。

Shine a light on JavaScript performance with Lighthouse

https://dev.to/addyosmani/shine-a-light-on-javascript-performance-with-lighthouse-1opf

Unsure if the cost of JavaScript is too high for your user-experience? Lighthouse has a JavaScript execution time audit that measures the total impact of JavaScript on your page’s load performance.

How Facebook 3D Photos Work

https://medium.com/@akella/how-facebook-3d-photos-work-8424cf48f061

Facebook recently rolled out a new feature, 3D Photos, or, as they call it in their javascript: 2.5D Photos. But how does it work under the hood? I like to learn new ideas by reading other people’s code. So I was curious enough to learn how they implemented this effect at Facebook. Here is the story. If you just want to know the tech, skip to the “how it all works” part.

npm and the future of JavaScript

https://slides.com/seldo/npm-future-of-javascript#/

Three parts: What you should know about npm. What npm knows about you. The future of JavaScript.

Why I no Longer use Redux with React

https://www.youtube.com/watch?v=pUlwhe-kmog

I used to use Redux with React all the time, but lately I’ve been using different libraries. Why do I no longer use Redux and what do I use instead?

另附： Avoiding unnecessary renders with React context

Rhythm in Web Typography

https://betterwebtype.com/rhythm-in-web-typography

Horizontal rhythm mostly impacts the legibility, while vertical rhythm impacts the readability of the text and establishes a sense of visual hierarchy.

CSS Border-Radius Can Do That

https://9elements.com/io/css-border-radius/

When you use eight values specifying border-radius in CSS, you can create organic looking shapes. WOW. No time to read it all ?— we made a visual tool for you .

Smart Bundling: How To Serve Legacy Code Only To Legacy Browsers

https://www.smashingmagazine.com/2018/10/smart-bundling-legacy-code-browsers/

While effective bundling of resources on the web has received a great deal of mindshare in recent times, how we ship front-end resources to our users has remained pretty much the same. The average weight of JavaScript and style resources that a website ships with is rising — even though build tooling to optimize the website has never been better. With the marketshare of evergreen browsers rising fast and browsers launching support for new features in lockstep, is it time we rethink asset delivery for the modern web?

Replacing the cache replacement algorithm in memcached

https://memcached.org/blog/modern-lru/

In this post we delve into a reworking of memcached’s Least Recently Used (LRU) algorithm which was made default when 1.5.0 was released. Most of these features have been available via the “-o modern” switch for years. The 1.5.x series has enabled them all to work in concert to reduce RAM requirements.

MobileLab: Highly accurate testing to prevent mobile performance regressions

https://code.fb.com/android/mobilelab/

At Facebook’s scale, that means checking thousands of commits per day to find regressions as tiny as 1 percent. Previous methods worked well for spotting large performance changes, but to refine the accuracy, we had to build a new system, called MobileLab, in which our tests and environment could be substantially more deterministic. Now in production, MobileLab has already prevented thousands of regressions from shipping, thanks to its ability to detect very small changes in performance (as small as 1 percent for many of our metrics).

Lumen: Custom, Self-Service Dashboarding For Netflix

https://medium.com/netflix-techblog/lumen-custom-self-service-dashboarding-for-netflix-8c56b541548c

Netflix generates a lot of data. One of the ways that we gain useful insights is by visualizing that data in dashboards which allow us to comprehend large amounts of information quickly. This is particularly important when operational issues arise as our engineers need to be able to quickly diagnose problem areas and work to correct them.

Uber’s Big Data Platform: 100+ Petabytes with Minute Latency

https://eng.uber.com/uber-big-data-platform/

In this article, we dive into Uber’s Hadoop platform journey and discuss what we are building next to expand this rich and complex ecosystem.

From Data to Action With Airbnb Plus

https://medium.com/airbnb-engineering/from-data-to-action-with-airbnb-plus-54f4d8f80361

This summer, I was a Data Science (DS) intern on the new Airbnb Plus team — I had fantastic role models, did meaningful work, developed valuable skills, and made great friends. In this post, I hope to answer some common questions about Data Scientists at Airbnb and shed some light on what a DS intern really does.

Behind the scenes of GitHub Token Scanning

https://blog.github.com/2018-10-17-behind-the-scenes-of-github-token-scanning/

Several years ago we started scanning all pushes to public repositories for GitHub OAuth tokens and personal access tokens. Now we’re extending this capability to include tokens from cloud service providers and additional credentials, such as unencrypted SSH private keys associated with a user’s GitHub account.

Automate Your Documentation

https://blog.readme.io/automate-your-documentation/

This is a blog version of a talk I gave last week at ReadMe’s conference: API Mixtape Vol. 2. The premise of the talk was how to automate your documentation as much as possible to keep your users happy.

另附： Google - Building great open source documentation .

Reinvent the Social Web

https://staltz.com/reinvent-the-social-web.html

This is a transcript of a talk I gave at Full Stack Fest that acknowledges the success of mobile social platforms, but shows the need to reinvent them with an open and peer-to-peer protocol. I talk about Scuttlebutt, and how to build apps using its tech stack, and I also highlight the importance of its ‘humane’ stack.

Machine learning engineers and data scientists biggest challenge: deploying models at scale

https://blog.algorithmia.com/machine-learning-engineers-and-data-scientists-biggest-challenge-deploying-models-at-scale/

Earlier this year we set out to understand how organizations are reacting and adapting to machine learning, its rate of adoption in the marketplace, and how the industry is evolving. We wanted to understand what our customers’ challenges are as Algorithmia plans to develop products, services, and content to help move the industry forward. We heard from over 500 decision makers at companies representing various sizes and industries. We want to share their knowledge with the industry at large.

How Lisp Became God’s Own Programming Language

https://twobithistory.org/2018/10/14/lisp.html

Lisp hasn’t survived for over half a century because programmers have begrudgingly conceded that it is the best tool for the job decade after decade; in fact, it has survived even though most programmers do not use it at all. Thanks to its origins and use in artificial intelligence research and perhaps also the legacy of SICP, Lisp continues to fascinate people. Until we can imagine God creating the world with some newer language, Lisp isn’t going anywhere.

新鲜货

Upcoming Workshop - Web Standardization for Graph Data

https://www.w3.org/blog/news/archives/7348

This workshop brings together people with an interest in the future of standards relating to graph data, and its ever growing importance in relation to the Internet of Things, smart enterprises, smart cities, etc., open markets of services, and synergies with Artificial Intelligence and Machine Learning (AI/ML).

Dweb: Decentralised, Real-Time, Interoperable Communication with Matrix

https://hacks.mozilla.org/2018/10/dweb-decentralised-real-time-interoperable-communication-with-matrix/

Matrix is an open standard for interoperable, decentralised, real-time communication over the Internet. It provides a standard HTTP API for publishing and subscribing to real-time data in specified channels, which means it can be used to power Instant Messaging, VoIP/WebRTC signalling, Internet of Things communication, and anything else that can be expressed as JSON and needs to be transmitted in real-time over HTTP. The most common use of Matrix today is as an Instant Messaging platform.

Watch video using Picture-in-Picture

https://developers.google.com/web/updates/2018/10/watch-video-using-picture-in-picture

Picture-in-Picture (PiP) allows users to watch videos in a floating window (always on top of other windows) so they can keep an eye on what they’re watching while interacting with other sites, or applications.

Redis 5 is out!

https://groups.google.com/forum/#!msg/redis-db/l0OXDAlwosU/JyYfeQpyBwAJ

Redis 5 is finally out… 1 year and 3 months after the release of Redis 4, making Redis having a gestation length surely greater than humans, and very similar to the one of whales.

MongoDB Issues New Server Side Public License for MongoDB Community Server

https://www.mongodb.com/press/mongodb-issues-new-server-side-public-license-for-mongodb-community-server

MongoDB issued a new software license, called Server Side Public License (SSPL), for MongoDB Community Server. The license clearly and explicitly states the conditions of deploying MongoDB - or any other open source project licensed under the SSPL - as a service. All versions of MongoDB’s Community Server released after today, including patch fixes for prior versions, will be licensed under the SSPL.

G2 3.3 琢·磨

https://www.yuque.com/antv/blog/g2-3.3-release

G2 是蚂蚁金服数据可视化解决方案 AntV 的一个子产品，是一套数据驱动的、高交互的可视化图形语法。自3.2版本发布以来，我们收到不少图表组件相关的需求和吐槽，团队的工程师们和设计师们倾力合作，经过两个多月密锣紧鼓的开发，G2 3.3版本今天终于和大家见面了。3.3版本为大家带来更丰富、体验更好的图表组件，也带来了新的图表成员：小提琴图，并为大家带来官方精选的图表案例等。

另附，来自 AntV 团队的 数据可视化入门教程 、 《F2 基金可视化方案》发布 .

Google - IPv6 breaks the 25% barrier

https://www.google.com/intl/en/ipv6/statistics.html?25%

Google collects statistics about IPv6 adoption in the Internet on an ongoing basis. We hope that publishing this information will help Internet providers, website owners, and policy makers as the industry rolls out IPv6.

The Illustrated TLS Connection

https://tls.ulfheim.net/

Every byte of a TLS connection explained and reproduced. In this demonstration a client has connected to a server, negotiated a TLS 1.2 session, sent “ping”, received “pong”, and then terminated the session. Click below to begin exploring.

Releasing styled-components v4 final

https://medium.com/styled-components/styled-components-v4-new-final-finalest-for-real-final-final-psd-fa4d83398a77

here’s a quick primer on what’s in this release: Smaller and much, much faster; A refreshed createGlobalStyle API, replacing the old injectGlobal; Support for the “as” prop, a dynamic alternative to .withComponent; Removal of Comp.extend in favor of unifying styled(Comp); Full StrictMode compliance for React v16; Native support for ref on any styled component.

InfernoJS v6.0.0

https://github.com/infernojs/inferno

Inferno is an insanely fast, React-like library for building high-performance user interfaces on both the client and server.

CSS Layout cookbook

https://developer.mozilla.org/en-US/docs/Web/CSS/Layout_cookbook

The CSS layout cookbook aims to bring together recipes for common layout patterns, things you might need to implement in your own sites. In addition to providing code you can use as a starting point in your projects, these recipes highlight the different ways layout specifications can be used, and the choices you can make as a developer.

LoopBack v4 Released: The Node.js API Framework

https://v4.loopback.io/

LoopBack makes it easy to build modern applications that require complex integrations.

Eagle.js

https://github.com/zulko/eagle.js/

A hackable slideshow framework built with Vue.js.

billboard.js

https://github.com/naver/billboard.js

Re-usable, easy interface JavaScript chart library based on D3 v4+.

Omi: Next Generation Web Framework in 4kb JavaScript

https://github.com/Tencent/omi

Next generation web framework in 4kb JavaScript (Web Components + JSX + Proxy + Store + Path Updating).

Rete.js - Rete is a modular framework for visual programming

https://github.com/retejs/rete

Rete allows you to create node-based editor directly in the browser. You can define nodes and workers that allow users to create instructions for processing data in your editor without a single line of code.JavaScript framework for visual programming.

An Introduction to GPU Programming in Julia

https://nextjournal.com/sdanisch/julia-gpu-programming

This article aims to give a quick introduction about how GPUs work and specifically give an overlook of the current Julia GPU ecosystem and how easy it is to get simple GPU programs running.

Model-Based Machine Learning

http://mbmlbook.com/

In this book we look at machine learning from a fresh perspective which we call model-based machine learning. Model-based machine learning helps to address all of these challenges, and makes the process of creating effective machine learning solutions much more transparent.

另附： TensorFlow-Course .

设计

Good Performance is Good Design

https://uxplanet.org/good-performance-is-good-design-the-5-principles-of-performant-design-54ca44c7c4e0

With more ways to shop and less time to do it, consumers are impatient and increasingly demanding of the products they give their time to. Crafting highly performant digital experiences to meet these expectations means going beyond technical processes that speed up load times. It’s time for designers to own performance as a fundamental principle of good UX. It’s time for Performant Design.

IMDb app redesigned UX & UI

https://medium.com/@nourdinediouane/imdb-redesigned-ux-ui-167a59c27642

I have been using IMDb’s application for a long time, and I always thought that this app could be better⏤ like so much better. But back then, I had no idea whatsoever about something called user experience, or user interface. Now that I do, I decided to update the whole experience, making it more efficient and better-looking.

Designing for Cognitive Differences

https://alistapart.com/article/designing-for-cognitive-differences

Many affective and anxiety disorders qualify as disabilities, with inattention causing challenges on the web as well. Whatever the cause, inattention, anxiety, and depression can have a major impact on internet usage for users dealing with them. The unique issues presented by cognitive differences and the design considerations they require can be tricky to understand for people who have never dealt with them. Through this article, I’ll share some methods to accommodate these users’ unique needs.

另附： Living in an accessible world 、 Inclusive Design and Accessibility

Stop building websites with infinite scroll!

https://logrocket.com/blog/infinite-scroll/

While infinite scroll does provide a solution in some cases, it can be less than ideal for users.

The Google+ project and exec team

https://threader.app/thread/1049523067506966529

Now that Google+ has been shuttered, I should air my dirty laundry on how awful the project and exec team was.

另附： Google+：谷歌社交梦碎背后的故事 、 谷歌计划关闭的可不止 Inbox 、 Ten years ago today, I had the idea for an app I thought was interesting .

产品及其它

稻盛和夫：真正塑造人格的并非天资和学历，而是所经历的挫折和苦难

https://mp.weixin.qq.com/s?__biz=MjM5NDg2NjA4MQ==&mid=2650944626&idx=1&sn=a1a3124788c6258412477cd34b8054a4 人生之路没有像自动扶梯那样的便利工具，只能依靠自己，一步一个脚印地前行。

另附： 一种神奇而罕见的能力——“略” ，论战略不得不提一下毛主席，绝对是 500 年一遇的雄才大略之人，见 为什么有的人年纪轻轻，思想深度却远高于常人 。

阿里云的故事https://mp.weixin.qq.com/s/1gL_R5rfyEzbc2Nvgpd4Tw

一群理想主义者的长征路上，一片落叶微微改变飞舞的方向，都有可能把他们引向另一个方向，另一种结局。如果重来一次，阿里云也许无法复现今天的疆域和荣耀。但历史没有假设，可叹阿里云这群人从第一天就无来由地相信，中国人有权拥有自己的云计算。

科技向善的愿景与落地

https://mp.weixin.qq.com/s?__biz=MjM5NzY2OTE2MQ==&mid=2652219958&idx=1&sn=4d84c376d03f3a35e0500903a4c7c309

互联网技术的普及应用呈现出了颠覆知识分配体系以及信息沟通渠道为核心的特色，前者将信息变成了最重要的生产资料之一，并且将它的分配形式进行了重塑，也正是这一威力巨大的特征让学者们诟病，认为科技正在制造社会中的断层——弱势群体正面对比以往更可怕的机会差异。在这样的背景下，那些掌握着先进技术与社会话语权的科技企业们，其自身形象就映射着社会走向——能否让包括但不限于弱势群体在内的任何人都有权力、平等、方便地享受到科技进步的普惠成果，将决定文明社会的最终高度。

Jeff Hawkins Is Finally Ready to Explain His Brain Research

https://www.nytimes.com/2018/10/14/technology/jeff-hawkins-brain-research.html

Mr. Hawkins says that before the world can build artificial intelligence, it must explain human intelligence so it can create machines that genuinely work like the brain. “You do not have to emulate the entire brain,” he said. “But you do have to understand how the brain works and emulate the important parts.” At his company, called Numenta, that is what he hopes to do. 他多年前写的人工智能的未来 这本书对我们理解 AI 非常有参考意义。

– THE END –