FEX 技术周刊 - 2018/03/19
Happy 29th Birthday to the World Wide Web
The web is under threat. Join us and fight for it. March 12, is the World Wide Web’s 29th birthday. Here’s a message from our founder and web inventor Sir Tim Berners-Lee on what we need to ensure that everyone has access to a web worth having.
Web transport, today and tomorrow
Daniel Stenberg, Mozilla engineer and creator/maintainer of the cURL project, shares a look at what’s ahead for HTTP and describes modern transport protocols.
Lighter than Lightweight: How We Built the Same App Twice with Preact and Glimmer.js
Profilo: Understanding app performance in the wild
The Facebook apps for Android and iOS are used by billions of people across the world. We have ambitious goals around delivering a delightful experience for people using Facebook and a strong belief that responsiveness and smoothness are keystones of a high-quality product experience. Together, these mean that, among other things, we need to quickly and efficiently investigate performance problems.
16 Best Practices for Shared UI Libraries
Recently, the New Relic Core UI team moved to React v16.0. In support of this move, we’ve had to upgrade a handful of shared UI libraries owned by teams across the company. As most of us know, upgrading cross-company dependencies can be quite the challenge, and it takes a lot of time. Often, during such work, we find that UI libraries are not always in the best shape for sharing. To that end, I’ve put together this list of some best practices and recommendations for building shareable UI libraries.
2017年下半年，金融平台发起了技术栈统一行动，行动分为后端、iOS、Android及前端等四个方向，在前端方向我作为组织者和参与者与金融平台 8 个事业部的前端技术代表进行讨论。 通过对各方意见进行归纳整理，结合各团队的情况，金融平台对于技术栈的选型达成了共识。本文将介绍美团点评金融平台前端的技术选型以及背后的思考。
刷新页面？路由拆分？No，动态加载组件。本文分为以下四部分：前端微服务化思想介绍；微前端的设计理念；实战微前端架构设计；基于 Mooa 进行前端微服务化。
How to NOT React: Common Anti-Patterns and Gotchas in React
React has matured as an UI library and with that a lot of best development practices have evolved over the years. We are going to learn from the collective wisdom of thousands of programmers and developers who learnt those things the hard way.
A Comprehensive Guide to learning React.js in 2018
This article was originally published in January of 2015 but was recently updated to React 16.3 and all the goodness it contains.
What’s the Deal with Margin Collapse?
Learn about the margin collapse, a fundamental concept of CSS layout. See visual examples of when margin collapse happens, and when it doesn’t. 科普文，基础不牢的同学可以翻翻.
Rust’s 2018 roadmap
This year, we will deliver Rust 2018, marking the first major new edition of Rust since 1.0 (aka Rust 2015). This new “edition” of Rust will be the culmination of feature stabilization throughout the year, and will ship with polished documentation, tooling, and libraries that tie in to those features. 另附：Making WebAssembly better for Rust & for all languages
Database Modelization Anti-Patterns
To get your interest into database normalization, we see what could happen when you neglect to normalize properly, with a selection of three classic anti-patterns: the infamous EAV, using multiple values in a single column, and how using UUIDs might be an anti-pattern too.
Serverless architecture is making cloud deployment even easier by removing the need to design your own server-side systems. Integrated properly, this paradigm can get your applications out the door faster and free up company resources to build more.
The complete guide to using Google sheets as database
Let’s talk about different advanced features of Google sheets, its limitations, alternate solutions and how to use those features and how to use google sheets as database!
Who will steal Android from Google?
It’s a good time to be competing to gain control of Android, if you’re into that sort of thing. Lots of companies are. Heck, even other teams at Google are doing it. Grab is not, though we are materially impacted by the outcomes. But there are a lot of big sharks circling the Android boat. Google needs to be careful.
Five Key Git Concepts Explained the Hard Way
This post uses the ‘hard way‘ method to teach the concepts by having you type out the commands and think through what’s going on, without having to worry about breaking anything.
A DIY Web Accessibility Blueprint
My intention is that you may use this article as a blueprint to guide you as you undertake a DIY accessibility remediation project. Before you begin, you’ll need to increase your accessibility know-how, familiarize yourself with the principles of universal design, and learn about the benefits of an accessible website. Then you may begin to evangelize the benefits of web accessibility to those you work with. 另附：Conversational Design.
Mobile Motion. 20 Creative Concepts of UI Animation
Tubik designers know how helpful the well-crafted animation can be for usability of digital products, especially for mobile applications. Adding to diverse design ideas and practical examples shown on our blog before, today a fresh set of concepts with sophisticated UI animations is ready for your attention. Let’s take a look at them.
Ethical Design: The Practical Getting-Started Guide
This article explains how unethical design happens, and how to do ethical design through a set of best practices. It also helps you understand how you can plant the seed to change the meaning within the company you work for and in the design community, even if you are not part of the management layer. Change starts with a movement!
The Ultimate UX Hook – Anticipatory, Persuasive, and Emotional Design in UX
The next frontier in UX design will embrace the science of advertising and persuasion to forge stronger human connections that drive positive, engaging product experiences.
Out of the Arcade: Designing the Uber Kiosk
One influence for the Uber kiosk came from arcade games, which, compared to a PC at home, creates a social environment inviting others to help the primary user. That attribute, along with a live support representative, brings in a human element we wanted to highlight. After initial success in supporting and signing up driver partners through our kiosk prototype program, we are looking at new uses, building on Uber’s core value of leveraging the digital world to enrich people’s experiences in the physical.
How to Design Programs, Second Edition
The typical course on programming teaches a “tinker until it works” approach. When it works, students exclaim “It works!” and move on. Sadly, this phrase is also the shortest lie in computing, and it has cost many people many hours of their lives. In contrast, this book focuses on habits of good programming, addressing both professional and vocational programmers.
Adding Websocket support to core
Node developers are revisiting the idea of adding WebSocket support as a standard part of the official Node distribution. Show your support (or otherwise).
A curated list of delightful Node.js packages and resources. Node 开放者必藏，分门别类地收录了常用的类库。另附：Dawn of the Dead Packages
MobX 4: Better, simpler, faster, smaller
Decorators without decorator syntax. Dynamically extend observable objects. await when and flow to further simplify asynchronous processes. onBecome(Un)Observed to automatically fetch data sources. Dedicated production build. Smaller & faster.
AWS Documentation is Now Open Source and on GitHub
We are adding over 138 additional developer and user guides to awsdocs, and we are looking forward to receiving your requests. You can fix bugs, improve code samples (or submit new ones), add detail, and rewrite sentences and paragraphs in the interest of accuracy or clarity. You can also look at the commit history in order to learn more about new feature and service launches and to track improvements to the documents.
Let’s Encrypt Introduces ACME v2 and Wildcard Certificates
We’re pleased to announce that ACMEv2 and wildcard certificate support is live! With today’s new features we’re continuing to break down barriers for HTTPS adoption across the Web by making it even easier for every website to get and manage certificates.
Repl.it 1.0: the IDE That Grows—from Playgrounds to Fullstack Apps
At Repl.it we come to work every day to explore a single idea—what if programming just worked? What if instead of fiddling around with packages, configurations, and mismatching versions, you just open your IDE and start coding. What if developers can go from an idea to coding and shipping software with no time in between. What if teachers who want to teach programming don’t have to also work as IT administrators. What if students can just code their homework without having to set up the development environment on every computer they wanted to code on.
CKEditor 4.9 released
CKEditor 4.9 comes with plenty of new features — including a brand new Easy Image plugin for inserting responsive images that are uploaded to and delivered straight from the cloud.
Open sourcing Resonance Audio
Spatial audio adds to your sense of presence when you’re in VR or AR, making it feel and sound, like you’re surrounded by a virtual or augmented world. And regardless of the display hardware you’re using, spatial audio makes it possible to hear sounds coming from all around you.
TOAST UI Chart
Terminal assistant to find and install node packages. Install the package you are looking for. Power by Algolia and Yarn.
Rough.js is a light weight (~8k), Canvas based library that lets you draw in a sketchy, hand-drawn-like, style. The library defines primitives to draw lines, curves, arcs, polygons, circles, and ellipses. It also supports drawing SVG paths.
A free and open-source XMPP chat client in your browser.
附作者的关于这个服务的缘由介绍：Slack’s bait and switch
Timeline for Sketch Is Now Available!
Timeline empowers designers to craft beautiful animations and export them. The first release of Timeline allows exporting to GIF or MP4 files, but as we mentioned in our Secret Plan — we have much bigger plans
Best React UI Frameworks And Libraries For 2018
React components help us build applications with components as reusbale Lego bricks. Popular libraries and UI frameworks can help you speed development with a pre-made set of components for your app. Great tools like Bit and StoryBook can help you master your development workflow. All that’s left for you to do build the next great app with React.js.
The 2018 Developer Survey Results are Live
GitLab Team Handbook
The GitLab team handbook is the central repository for how we run the company. Printed it consists of over 1,000 pages of text. As part of our value of being transparent the handbook is open to the world, and we welcome feedback. Please make a merge request to suggest improvements or add clarifications. 另附：How working at GitLab has changed my view on work and life .
Microsoft reaches a historic milestone, using AI to match human performance in translating news from Chinese to English
A33 team of Microsoft researchers said Wednesday that they believe they have created the first machine translation system that can translate sentences of news articles from Chinese to English with the same quality and accuracy as a person.
快手的累计注册用户已经超过 7 亿，日活跃用户超过 1 亿人，拥有基于 AI 强大的内容分发能力，让用户能够迅速找到感兴趣的人和事。这一惊人的数字和技术能力，让快手不仅能够做到记录和分享生活，它也开始拥有改变普通人命运的力量。在快手的价值观中，「普惠」是非常重要的一个元素。在快手记录世界的这一使命中，普世的价值观则让快手能够更好地为普通人服务。