FEX 技术周刊 - 2018/01/08

微信搜索『FEX』关注我们的公众号，及时获得最新资讯。

业界会议

首届蚂蚁体验科技大会
https://seeconf.alipay.com/
附：蚂蚁金服 SEE Conf 2018 精彩回顾，参会体验 。

深阅读

Roadmap of Web Applications on Mobile
https://www.w3.org/2018/01/web-roadmaps/mobile/
还是期望能更快点

Aurelia 2018 Roadmap
http://blog.aurelia.io/2018/01/03/aurelia-2018-roadmap/
Platform Features and Capabilities. Server-Side Rendering (SSR). Aurelia UX. Web Component Export. Single-File Components…

Front-End Performance Checklist 2018
https://www.smashingmagazine.com/2018/01/front-end-performance-checklist-2018-pdf-pages/
if we created an overview of all the things we have to keep in mind when improving performance — from the very start of the process until the final release of the website — what would that list look like? Below you’ll find a (hopefully unbiased and objective) front-end performance checklist for 2018 — an overview of the issues you might need to consider to ensure that your response times are fast, user interaction is smooth and your sites don’t drain user’s bandwidth.

Ember Timer Leaks: The Bad Apples in Your Test Infrastructure
https://engineering.linkedin.com/blog/2018/01/ember-timer-leaks
This piece talks about test stability and makes mention of Ember in particular. While topics mentioned in this post will apply to all single page applications (SPAs), they’re covered here specifically from an Ember point of view, since that is the framework of choice at LinkedIn.

An Audit of Boomerang’s Performance
https://calendar.perfplanet.com/2017/an-audit-of-boomerangs-performance/
Boomerang’s mission is to measure all aspects of the user’s experience, while not affecting the load time of the page or causing a degraded user experience in any noticeable way (avoiding the Observer Effect). It can be loaded in an asynchronous way that will not delay the page load even if boomerang.js is unavailable. This post will perform an honest audit of the entire “cost” of Boomerang on a page that it is measuring.

[译]Pinterest的PWA实践
https://mp.weixin.qq.com/s?__biz=MzIwNjQwMzUwMQ==&mid=2247485707&idx=1&sn=60de1fcd951f76e1c057421bb8d02130
Pinterest 在他们新的移动端网页体验中使用了 PWA。在这篇文章中，作者对 Pinterest 是如何通过保持 Javasrcipt 包的精简和通过 Service Workers 保持网络弹性来确保该网站在移动设备上的高速加载进行一些讲解。

Node.JS — Best of 2017
https://codeburst.io/node-js-best-of-2017-6f81f4ccfea
另附：React & React Native — Best of 2017、Top Pens of 2017 on CodePen、JavaScript 2018: Things You Need To Know, and a Few You Can Skip

The Rise Of The State Machines
https://www.smashingmagazine.com/2018/01/rise-state-machines/
It’s 2018 already, and countless front-end developers are still leading a battle against complexity and immobility. Month after month, they’ve searched for the holy grail: a bug-free application architecture that will help them deliver quickly and with high quality. I am one of those developers, and I’ve found something interesting that might help.

8 Best Practices for Perfect CSS Documentation
https://webdesign.tutsplus.com/articles/css-documentation-best-practices–cms-30139
In this article I will explain the advantages of documenting CSS and share what my team and I at Bitovi consider to be the best practices to make documentation work for you–not the other way around. Let’s dive into it.

Sapper: Towards the ideal web app framework
https://svelte.technology/blog/sapper-towards-the-ideal-web-app-framework
Sapper is a Next.js-style framework that aims to meet the eleven criteria at the top of this article while dramatically reducing the amount of code that gets sent to the browser. It’s implemented as Express-compatible middleware, meaning it’s easy to understand and customise.

SQL Keys in Depth
https://begriffs.com/posts/2018-01-01-sql-keys-in-depth.html
The internet is full of dogmatic commandments for choosing and using keys in relational databases. At times it verges on a holy war: should you use natural or artificial keys? Auto-incrementing integers, UUIDs?

Good books for deep hacks
https://begriffs.com/posts/2017-04-13-longterm-computing-reading.html
The books here are emphatically not about “cracking” coding interviews, or any other demonstrative brainteasing. It’s all about intrinsically interesting things. I’ve also omitted the usual suspects like SICP, TAOCP or CLRS – my choice of books are higher-level. They are guides for jumping into fun deep hacks.

Ten Things I Wish I’d Known About bash
https://zwischenzugs.com/2018/01/06/ten-things-i-wish-id-known-about-bash/
Here I’ve focussed on the things that either confused me or increased my power and productivity in bash significantly, and tried to communicate them (as in my book) in a way that emphasises getting the understanding right.

设计让人印象深刻的LOGO
https://mp.weixin.qq.com/s?__biz=MTEwNTM0ODI0MQ==&mid=2653435075&idx=1&sn=1191fc2ec2a0fd74fe3197031b34b25b
LOGO（即商标）是品牌标识中最重要的图形或文字符号，在日趋激烈的市场竞争中越来越受到重视。一个优秀的LOGO可以让用户快速记住产品主体，传达品牌文化。 本文将从LOGO的四个组成部分（色彩+图形+性格+寓意）作为切入点，来简单谈谈如何设计一个让人印象深刻的LOGO

如果潜心研究Netflix微服务技术多年，能学到什么？
https://mp.weixin.qq.com/s?__biz=MzIwMzg1ODcwMw==&mid=2247487304&idx=1&sn=147bbf10cb316350e3e4a5ac612378db
Netflix 是业界微服务和 DevOps 组织的楷模，有大规模生产级微服务的成功实践。而且其技术栈大部分开源，模块化抽象好，整个体系是一个样板。相关技术资料也丰富，可以从其公司的 techblog 或者 slideshare 上直接获得。本文是作者多年研究 Netflix 技术资料的总结，可以认为是对 Netflix 微服务技术架构的一次全面系统的反向工程。

Difference Between a Web Developer and User Interface Developer
http://codecondo.com/difference-between-a-web-developer-and-user-interface-developer/
Both the UI developers and web developers are important. They operate differently but work towards achieving the same result and provide a solution to technological problems. How advanced one is; makes the professional difference between the two.

12 Mobile UX Design Trends For 2018
https://uxplanet.org/12-mobile-ux-design-trends-for-2018-5b4ce7e8445f
Things move quickly in the mobile app universe. To succeed in the field of mobile UX design, designers must have the foresight and prepare for new challenges around the corner. To simplify the task, I’ve listed the biggest, impactful trends for 2018 and, most likely, beyond.

新鲜货

Many packages suddenly disappeared
https://github.com/npm/registry/issues/255
npm 包的又一次重大事故

Time-travelling exploits with Meltdown
https://medium.com/@pwnallthethings/time-travelling-exploits-with-meltdown-1189548f1e1d
This past week there’s been a lot of speculation over two new processor vulnerabilities called Meltdown and Spectre. In this post I’ll talk about Meltdown. I’ll talk about Spectre elsewhere later. 另附：Firefox - Mitigations landing for new class of timing attack

Introducing Timeline for Sketch
https://medium.com/sketch-app-sources/introducing-timeline-for-sketch-fb2e1ccc6870
Create beautiful timeline animations in Sketch

Angular Developer Survey 2018
https://blog.angular.io/angular-developer-survey-2018-f3d09d31d495
This survey is designed to give you an opportunity to share your experiences, successes, and challenges with Angular so that we can make Angular better in 2018 and beyond.

immer
https://github.com/mweststrate/immer
Create the next immutable state tree by simply modifying the current tree.

Uppy
https://github.com/transloadit/uppy
Uppy is a sleek, modular file uploader that integrates seamlessly with any application. It’s fast, easy to use and lets you worry about more important problems than building a file uploader.

Stimulus
https://github.com/stimulusjs/stimulus
Stimulus is a JavaScript framework with modest ambitions. It doesn’t seek to take over your entire front-end—in fact, it’s not concerned with rendering HTML at all. Instead, it’s designed to augment your HTML with just enough behavior to make it shine.

object-explorer
https://github.com/sdras/object-explorer
A resource to help figure out what JavaScript object method would be best to use at any given time

cipm
https://github.com/zkat/cipm
libcipm installs npm projects in a way that’s optimized for continuous integration/deployment/etc scenarios. It gives up the ability to build its own trees or install packages individually, as well as other user-oriented features, in exchange for speed, and being more strict about project state.

FuseBox 3.0 — faster than ever
https://medium.com/fusebox/fusebox-3-0-faster-than-ever-5fae4254556c
FuseBox 3.0 has been finally released, it’s 20% faster and lighter. FuseBox is a blazing fast bundler/module loader, where you measure you build time in millseconds.

New flexbox guides on MDN
https://hacks.mozilla.org/2018/01/new-flexbox-guides-on-mdn/
With the current state of the specs, Flexbox now sits alongside Grid and Box Alignment to form a new way of thinking

Enyo JavaScript Application Framework
http://enyojs.com/
At the heart of Enyo is a simple but powerful encapsulation model, which helps you factor application functionality into self-contained building blocks that are easy to reuse and maintain. Each piece of an Enyo application is a Component, and Components are constructed out of other Components.

TeaVM
http://teavm.org/
TeaVM is an ahead-of-time translating compiler (transpiler) of Java bytecode, that’s capable of emitting JavaScript and WebAssembly. Its close relative is well-known GWT. The main difference is that TeaVM does not require to provide source code together with compiled class files. Moreover, source code is not required to be Java, TeaVM successfully compiles Kotlin and Scala.

Blazor
https://github.com/SteveSanderson/Blazor
An experimental web UI framework using C#/Razor and HTML, running client-side via WebAssembly

gitMask
http://www.gitmask.com/
Gitmask lets you hide the true origin of code, which can be useful for a variety of reasons.

耗子叔的极客时间专栏
https://coolshell.cn/articles/18246.html
付费的，感兴趣的可关注。

Track the progress of your projects
https://github.com/blog/2487-track-the-progress-of-your-projects
Get a more complete overview of how each of your projects is going. Now you’ll see a progress bar that tracks the to do, in progress, and done cards and visualizes the progress of each of your projects.

产品及其它

极客之选 - 过去一年最棒的硬件都在这里了
http://www.geekpark.net/news/225676
在 2017 年度众多令人眼花缭乱的科技新品中，选出 17 个最值得极客们拥有的硬件产品，相信这份年度评选一定不会让你失望。

吴晓波、罗振宇以及喜马拉雅三场跨年演讲观后
https://mp.weixin.qq.com/s?__biz=MjM5NzY2OTE2MQ==&mid=2652217921&idx=1&sn=ac70935dd4bcd9e1d07e8eaa30541340
这三场演讲，或多或少都有强行乐观的共性，与其说这是没能感受温度变化的迟钝，不如说鼓舞人心的表态已经成为压在各自肩头的一份责任，就像逢年过节的时候谁都难逃「万事如意」的场面致辞，说者无意听者同样无意，不会有人不如意时真的回来找你麻烦。

95后兴趣报告
http://www.alibuybuy.com/posts/90540.html
“特立独行”的95后把兴趣和生活紧密融合，无论是社交、还是择业，他们都更加把兴趣放在第一位，是“兴趣至上”的一代。 然而： 95后对什么感兴趣？ 他们可以为兴趣付出什么？ 他们如何设想兴趣和工 …另附：2017年70后80后90后00后网民研究报告

2018，写给每一个焦虑和迷茫着的互联网人
https://mp.weixin.qq.com/s?__biz=MzI2NTY4MDg1NA==&mid=2247490376&idx=1&sn=c0c2d79d61a2355199041052892b3e10
在2017这一年，甚至包括三节课团队的许多同学在内，在不断变化的业务方向面前，也纷纷经历了许多痛苦。身处这样一个行业中，我们总是会遇到有人问：该如何判断什么职业更适合我？什么职业更有前景？我该如何选择我未来的职业和如何更快速成长？我们的业务总是在变化，导致我无所适从怎么办？站在2018年的起点，我们想从这三方面来试着给这些时常处于迷茫和焦虑中的同学们一些建议，也以此作为三节课2018年给所有人的新年献词。

– THE END –