FEX 技术周刊 - 2018/01/08
Roadmap of Web Applications on Mobile
Aurelia 2018 Roadmap
Platform Features and Capabilities. Server-Side Rendering (SSR). Aurelia UX. Web Component Export. Single-File Components…
Front-End Performance Checklist 2018
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
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
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。在这篇文章中，作者对 Pinterest 是如何通过保持 Javasrcipt 包的精简和通过 Service Workers 保持网络弹性来确保该网站在移动设备上的高速加载进行一些讲解。
Node.JS — Best of 2017
The Rise Of The 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
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
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
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
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
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.
Netflix 是业界微服务和 DevOps 组织的楷模，有大规模生产级微服务的成功实践。而且其技术栈大部分开源，模块化抽象好，整个体系是一个样板。相关技术资料也丰富，可以从其公司的 techblog 或者 slideshare 上直接获得。本文是作者多年研究 Netflix 技术资料的总结，可以认为是对 Netflix 微服务技术架构的一次全面系统的反向工程。
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
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
Time-travelling exploits with Meltdown
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
Create beautiful timeline animations in Sketch
Angular Developer Survey 2018
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.
Create the next immutable state tree by simply modifying the current tree.
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.
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
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
With the current state of the specs, Flexbox now sits alongside Grid and Box Alignment to form a new way of thinking
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.
An experimental web UI framework using C#/Razor and HTML, running client-side via WebAssembly
Gitmask lets you hide the true origin of code, which can be useful for a variety of reasons.
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.
极客之选 - 过去一年最棒的硬件都在这里了
在 2017 年度众多令人眼花缭乱的科技新品中，选出 17 个最值得极客们拥有的硬件产品，相信这份年度评选一定不会让你失望。
“特立独行”的95后把兴趣和生活紧密融合，无论是社交、还是择业，他们都更加把兴趣放在第一位，是“兴趣至上”的一代。 然而： 95后对什么感兴趣？ 他们可以为兴趣付出什么？ 他们如何设想兴趣和工 …另附：2017年70后80后90后00后网民研究报告
– THE END –