2018.08.13 - From Front-end Technology to Experience Technology

Title: 2018.08.13 – From Front‑End Technology to Experience Tech

Deep Reading

V8 release v6.9 https://v8project.blogspot.com/2018/08/v8-release-69.html This post provides a preview of some of the highlights in anticipation of the release: Memory savings through embedded built‑ins; Liftoff, WebAssembly’s new first‑tier compiler; Faster DataView operations; Faster processing of WeakMaps during garbage collection;

Announcing Dart 2 Stable and the Dart Web Platform https://medium.com/dartlang/dart-2-stable-and-the-dart-web-platform-3775d5f8eac7 We’re announcing the immediate availability of the stable release of Dart 2, including a rewrite of the Dart web platform that offers a unique combination of productivity, performance and scalability. With the release of Dart 2, web developers can now leverage the same language, libraries and tools along with a number of web‑specific enhancements. 附：Dart重启！Dart 2正式发布，目标成为移动与Web开发主流语言.

New version of the Roadmap of Web Applications on Mobile https://www.w3.org/blog/news/archives/7227 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. The contents of the roadmap have been updated to follow the evolution of the Web platform since April 2018.

Community questions following the eslint security incident https://blog.npmjs.org/post/176488970320/community-questions-following-the-eslint-security Following the eslint incident on July 12, 2018, the community reached out to us with a few follow‑up questions. This post will answer those questions as well as provide some additional technical insight into the eslint‑scope malware that we haven’t seen discussed elsewhere.

From Front‑End Technology Evolution to Experience Tech https://mp.weixin.qq.com/s/IYddaaw2ps1wR2VT1dZWPg Yu Bo shares his personal reflections on progressing from front‑end work to experience technology, and gives a detailed overview of the history, future development, and the vision behind opening up experience tech. What is the essence of front‑end? With the rise of mobile and IoT, how will front‑end technology change? The article aims to give readers a deeper understanding of these questions and of experience tech.

Discussing Stacking‑Related Concepts in CSS https://www.w3cplus.com/css/understand-css-stacking-context-order-z-index.html For many CSS developers, reading the spec and grasping the related concepts can be tedious, and many struggle with them. This article covers concepts such as Normal Flow, Formatting Context, Stacking Context, Stacking Level, and Stacking Order. Although these are foundational CSS ideas, they often feel deceptively simple yet are actually quite complex. Spending time to understand them helps us better comprehend other CSS topics, especially the use of z‑index.

Meituan QR‑Code Payment Front‑End Availability Practices https://tech.meituan.com/qrcode_web_availability_guarantee.html In 2017, Meituan Finance’s front‑end team encountered many generic issues, especially when ensuring front‑end availability. We hit a lot of “gotchas,” and after sorting them out we held an offline salon to share our findings. Whether during interviews or internal discussions, we noticed a common problem: many engineers lack criteria for judging their work—how to assess delivery quality, product‑to‑customer reach, etc.—issues that are far more important than simply “coding away.” Today we’d like to spark a conversation by sharing our team’s thoughts, hoping to give a more comprehensive view of front‑end availability assurance.

Why Do Modern Front‑End Engineers Mostly Talk About Technology and Building Wheels, Ignoring UI/UX? https://www.zhihu.com/question/288641999 This is a thought‑provoking question. In fact, UI can become a core competitive advantage for a product—think Apple.

Close Reading: The Cost of JavaScript https://zhuanlan.zhihu.com/p/41292532 The author first condenses the whole piece into several key takeaways, then starts from how user experience changes the Web, discusses the various costs of JavaScript, why they’re so high, how to reduce overhead, and continuous integration. The article forms a very complete optimization workflow.

Pseudo Localization @ Netflix https://medium.com/netflix-techblog/pseudo-localization-netflix-12fff76fbcbe In the past 8 years Netflix has transformed from an English‑only product to supporting 26 languages and growing. As we add language support for members in 190 countries, scaling globalization at Netflix has never been more important. Along the way we’ve built countless solutions to achieve globalization at scale. In this article we’ll focus on one my team has been working on, Pseudo Localization.

A Breath of Life: Welcome the Brand‑New Mobile Web Dashboard https://engineering.tumblr.com/post/176808165864/javascript-a-breath-of-life-welcome-the-brand We rebuilt another piece of the site with React. The rewrite turned out really well. Even with more features like pull‑to‑refresh, a new activity popover, and modern audio and video players, we sped up our DOM content‑loaded time by 35 %! The new page also uses many modern web standards such as srcsets, flexbox, asynchronous bundle loading, and a web‑app manifest.

Webhint.io – hinting at a better web https://christianheilmann.com/2018/08/07/webhint-io-hinting-at-a-better-web/ we released a new, rebranded version of the tool. It is now called Webhint and you can find it on GitHub, use it at webhint.io or as a Node module via npm, Yarn, or any other package manager. By default webhint tests for these features of great web products: Performance, Accessibility, Browser Interoperability, Security, Sensible configuration of build tools and PWA Readiness.

How to Deal with Dirty Side Effects in Your Pure Functional JavaScript https://jrsinclair.com/articles/2018/how-to-deal-with-dirty-side-effects-in-your-pure-functional-javascript/ Now, when I say they cheat, they technically follow the rules. But they find loopholes in those rules and stretch them big enough to drive a herd of elephants through. There are two main ways they do this: Dependency injection, or as I call it, chucking the problem over the fence; and using an Effect functor, which I think of as extreme procrastination.

GLB: GitHub’s Open‑Source Load Balancer https://githubengineering.com/glb-director-open-source-load-balancer/ GLB Director is a Layer 4 load balancer which scales a single IP address across a large number of physical machines while attempting to minimise connection disruption during any change in servers. GLB Director does not replace services like HAProxy and Nginx, but rather sits in front of these services (or any TCP service) to allow them to scale across multiple physical machines without each machine needing a unique IP address.

GraphQL on the Server https://www.joyent.com/blog/graphql-on-the-server In the following post we'll quickly explain what GraphQL is and why you might want to consider it. GraphQL is a querying language for APIs, and we have been using it as an alternative to REST. 另附：[graphqurl – a curl‑like CLI for GraphQL] (https://github.com/hasura/graphqurl), Moving beyond REST vs. GraphQL to platform thinking.

Two Years Later: APIs Are the Destination https://www.ebayinc.com/stories/blogs/tech/two-years-later-apis-are-destination/ eBay speaks API! Two years ago, we started a journey to deliver a new, modern family of APIs to expose marketplace capabilities to sellers and buyers. The APIs evolved and grew with the business and enabled expansion to new experiences. They are built by developers for develo… (content truncated)

---

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