2018.10.22 - Modern Microprocessors A 90-Minute Guide

Title: 2018.10.22 - Modern Microprocessors A 90‑Minute Guide

Industry Conferences

GitHub Universe https://githubuniverse.com/
GitHub Universe is a conference for the builders, planners, and leaders defining the future of software. Attachments: Future of Software: Developers at the center of the universe, GitHub launches Actions, its workflow automation tool (https://techcrunch.com/2018/10/16/github-launches-actions-its-workflow-automation-tool/), GitHub releases its biggest update ever, annual report out (https://mp.weixin.qq.com/s/ccEYMl2_0QZ5B5VHSqDXLA), Get ready! Game Off returns in November (https://blog.github.com/2018-10-15-game-off-returns-november-2018/).

IMWeb Conf2018 https://2018.imweb.io/
Attachment: IMWeb Conf2018 Native跨端融合总结 (https://juejin.im/post/5bc5ae226fb9a05cfe489b6c)

In‑Depth Reading

V8 release v7.0 https://v8.dev/blog/v8-release-70
V8 version 7.0, currently in beta, will ship alongside Chrome 70 Stable in a few weeks. V8 v7.0 is packed with a variety of developer‑facing goodies. This post previews some of the highlights ahead 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
This is a major release spanning the entire platform—including the core framework, Angular Material, and the CLI—with synchronized major versions. The release adds new features to our toolchain and has enabled several major partner launches.

Modern Microprocessors A 90‑Minute Guide! http://www.lighterra.com/papers/modernmicroprocessors/
A brief, no‑holds‑barred, 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 to help developers master core JavaScript concepts. It isn’t a requirement but a guide for further study.

How does front‑end debt grow https://logrocket-blog.ghost.io/how-does-front-end-debt-grow/
You may not control the latest industry trends, but you can take steps to keep debt low so your applications stay easier to work with. Additional reading: History of front‑end frameworks (https://logrocket.com/blog/history-of-frontend-frameworks/).

Looking Ahead to React 17, Revisiting React History https://zhuanlan.zhihu.com/p/40160380
To discuss the future (React 17), we must understand the past. Using React 16 as a watershed, we can examine two aspects: the “why” and the “how”.

[Translation] SOLID Principles Every Web Developer Should Know https://mp.weixin.qq.com/s?__biz=MzUxMzcxMzE5Ng==&mid=2247489713&idx=1&sn=aebf7190cd0a07bdc01f40cfdf533b89
The SOLID principles are designed for building modular, scalable, and composable encapsulated components. Bit is a powerful tool for practicing these principles: it lets you isolate, share, and manage components across projects and teams with ease.

Key Stages in a Front‑End Career https://mp.weixin.qq.com/s/HrDLBpoJqKAU7JW8v6s_5Q
Front‑end, back‑end, or full‑stack? Product work or infrastructure? Business vs. technology importance? How crucial are soft skills? Cat Chen (陈广琛) answers these questions. The content comes from Cat Chen’s talk “Open Your Skill Tree” at the 4th FEDAY, compiled from the recording. For more on growth, see the “How to Become a Great Engineer and Happiness” section in the interview with Gmail creator and YC partner Paul Buchheit (https://triplebyte.com/blog/interview-with-gmail-creator-and-y-combinator-partner-paul-buchheit).

Shine a Light on JavaScript Performance with Lighthouse https://dev.to/addyosmani/shine-a-light-on-javascript-performance-with-lighthouse-1opf
Unsure whether JavaScript is hurting your user experience? Lighthouse includes a JavaScript execution‑time audit that measures the total impact of JavaScript on page‑load performance.

How Facebook 3D Photos Work https://medium.com/@akella/how-facebook-3d-photos-work-8424cf48f061
Facebook recently launched a new feature called 3D Photos (or, in their JavaScript, “2.5D Photos”). How does it work under the hood? I like learning new ideas by reading other people’s code, so I dug into Facebook’s implementation. Here’s the story. If you only want the technical details, skip to the “how it all works” section.

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, and the future of JavaScript.

Why I No Longer Use Redux with React https://www.youtube.com/watch?v=pUlwhe-kmog
I used Redux with React all the time, but lately I’ve been switching to other libraries. Why I stopped using Redux and what I use instead. Additional reading: Avoiding unnecessary renders with React context (https://frontarm.com/articles/react-context-performance/).

Rhythm in Web Typography https://betterwebtype.com/rhythm-in-web-typography
Horizontal rhythm mainly affects legibility, while vertical rhythm influences readability and establishes a visual hierarchy.

CSS Border‑Radius Can Do That https://9elements.com/io/css-border-radius/
When you specify eight values for border‑radius in CSS, you can create organic‑looking shapes. WOW. No time to read it all? — we built 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 has received a lot of attention lately, the way we ship front‑end assets has changed little. The average weight of JavaScript and CSS a site ships is rising—even though build tools are better than ever. With evergreen‑browser market share climbing and browsers rolling out new features in lockstep, is it time to rethink asset delivery for the modern web?

Replacing the Cache Replacement Algorithm in memcached https://memcached.org/blog/modern-lru/
This post explores a redesign of memcached’s Least Recently Used (LRU) algorithm, which became the default in version 1.5.0. Most of these features have been available via the “‑o modern” switch for years; the 1.5.x series enables them all to work together to reduce RAM usage.

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 catch regressions as small as 1 %. Earlier methods were good at spotting large performance shifts, but to improve accuracy we built a new system—MobileLab—where tests and environments are far more deterministic. Now in production, MobileLab has already prevented thousands of regressions from shipping, thanks to its ability to detect very small performance changes (as low as 1 % for many metrics).

Lumen: Custom, Self‑Service Dashboarding for Netflix [https://medium.com/netflix-techblog/lumen-custom-self-service-dashboarding-for-netflix-8c56b541548c](https://medi

*(content truncated) *

---

Originally written by Ping Xia (平侠) and published in Chinese on Web技术周刊 (Web Tech Weekly). Translated and adapted for DriftSeas with permission.