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 –
