FEX 技术周刊 - 2020/01/13
Front-End Performance Checklist 2020
Below you’ll find a (hopefully unbiased and objective) front-end performance checklist for 2020 — an updated 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.
We’re Killing the Mobile Web
But we may be able to save it as well.
Micro Frontends Made Easy
Today we are going to explain it in a very simple way and show how to use it with an example
不四在 SEE Conf 跟大家分享也许是西湖区最复杂的 Node.js 应用的相关实践。另附：SEE Conf 2020 演讲资料。
小程序从诞生到现在，我们经常收到这样的询问：小程序能脱离微信在其他终端上运行么？例如，在跑步机上玩跳一跳；查看冰箱库存时顺手在显示屏使用生鲜网购小程序；酒店智能固话使用周边服务小程序，叫个送餐，定个电影票；甚至照个镜子都能用小程序。答案是，可以！1月9日，微信小程序硬件框架正式开放，小程序可以脱离微信在不同终端上运行，各种硬件上都能跑小程序啦。目前已经有一些硬件已经实现了上面的设想。另附：Mac 上可以打开微信小程序了！不仅支持多开，还有超好用的 4 大新发现、跨平台开发领域老兵：我眼中小程序的当下和未来可能。
Taro 1.x 版本自去年 9 月份发布以来，已经陪伴大家度过了一年多的时间，在此期间 Taro 一直保持高速成长，发布了多个具有重大意义的版本，让 Taro 成为如今一个功能完善，拥有众多忠实拥趸的多端统一开发框架。尽管 Taro 一直保持超高的迭代速度，Taro 的整体架构设计没有发生太大变化，这让 Taro 在这个时刻在变化的时代稍显佛系，且对于一个时刻想要突破自己的技术团队来说，常规性质的维护工作，显然无法安抚我们躁动的心，毕竟人的梦想，是永远不会停止的，所以我们决定启动一系列的颠覆式重构设计。
美团开源 Logan Web：前端日志在 Web 端的实现
Logan 是美团点评推出的大前端日志系统，支持多端环境运行，可为客户端、Web、小程序等用户端环境提供前端日志的存储、收集、上报及分析能力，能够帮助开发人员快速定位并解决端上问题，便于及时响应用户反馈与排除异常。本文将围绕 Logan 在 Web 端的应用背景、技术实现、美团点评的实践、开源整体进展以及未来规划这几个方面展开介绍，以方便读者对 Logan 大前端日志系统有更加深入的了解。另附来自美团金服大前端团队的：Serverless 与前端工程化结合：让项目 5 分钟上线成为可能。
UI Test Automation on Salesforce
Test automation can be tricky and it’s not unusual for test and quality engineers to struggle with aligning to best practices, what tools to use, and updating automation when transitioning to Lightning. This blog post covers the landscape for UI test automation on Salesforce, with a focus on unique considerations for Salesforce testing and available solutions, so you can make an informed decision on which UI test automation solution works best for your Salesforce org.
Ionic’s 2019: A Year in Review
2019 was a huge year for Ionic. We released new products (open source and commercial), shipped updates to our existing products, added so many wonderful customers, and continued to build the foundation to scale Ionic into a much larger business. Here’s a recap of everything that happened last year and what we’re doing this year.
npm Security 2019 in Review
A year in review from VP of Security Adam Baldwin (in the style of Harper’s Index). 另附：Node.js Legacy url API 的安全风险.
Things you can do with a browser in 2020
It’s almost 2020, and browsers can do amazing stuff. This repo contains a non-exhaustive list of less-known features implemented in browsers today. This list isn’t intended for a technical audience; instead it wants to be a “I don’t know we could that in a browser” list. In many cases, listed features aren’t yet part of the standard, and may only be available on certain browsers or configurations.
Intelligent DNS based load balancing at Dropbox
The Dropbox Traffic team is charged with innovating our application networking stack to improve the experience for every one of our users—over half a billion of them. This article describes our work with NS1 to optimize our intelligent DNS-based global load balancing for corner cases that we uncovered while improving our point of presence (PoP) selection automation for our edge network. By co-developing the platform capabilities with NS1 to handle these outliers, we deliver positive Dropbox experiences to more users, more consistently.
Handling webhooks with EventBridge, SAM and SAR
Applications I worked on in the last decade were rarely isolated from the rest of the world. Most of the time, they had many interactions with other applications out there. From time to time, some of these integrations are using WebSockets, which makes our integration realtime. But much more common integration is using webhooks to send us new changes, and give us some API or SDK to allow us to communicate in the other direction. There’s a big chance that you worked with many similar integrations, such as Stripe, Slack, Github, and many others. A typical integration looks similar to the diagram below.
SQL, NoSQL, and Scale: How DynamoDB scales where relational databases don’t
In this post, we got a peak behind the curtain into why DynamoDB can seem so inflexible when you first learn it. We saw how DynamoDB ‘shifts left’ on scalability by making you consider scalability during the table design phase. Then we saw the three reasons relational databases run into trouble at scale and the three design decisions DynamoDB has to avoid these issues. Finally, we looked at two areas where you could see performance problems with DynamoDB.
Goodbye, Clean Code
Don’t be a clean code zealot. Clean code is not a goal. It’s an attempt to make some sense out of the immense complexity of systems we’re dealing with. It’s a defense mechanism when you’re not yet sure how a change would affect the codebase but you need guidance in a sea of unknows.
Notes on Technical Writing
Over the past year, I’ve worked on and off documentation for WordPress. I started contributing during a freeze around launch to help developers transition to the new platform. I found writing documentation is something I enjoy, plus rewarding to help and educate people. Though it’s not a primary part of my job, I’ve continued to find time here and there to keep contributing. In this time, I’ve read various resources on technical writing and documentation. These are my notes, both to help me remember later, but also as a tool to help me think about writing now.
Build web applications with less tooling and 10x faster iteration. With Snowpack you can build modern web apps (using React, Vue, etc.) without a bundler (like Webpack, Parcel, Rollup). No more waiting for your bundler to rebuild your site every time you hit save. Instead, every change is reflected in the browser instantly.
The 2020 Web Developer Roadmap
Learn to become a Frontend, Backend, Fullstack, or DevOps developer with this visual guide — no CS degree required
Node.js Web-Server Frameworks Team
The Web-Server Frameworks Team is a place for Node.js framework authors and users to collaborate on the future direction and feature set of the frameworks and related Node.js core APIs. The main goal of the team is to improve collaboration across the ecosystem and foster a better dialog between all parties involved.
IFPS - Announcing collaborative clusters
Collaborative clusters are an easy way to join and help improving distribution and data availability of specific datasets in the IPFS Network.
Page editors are a great way to provide an excellent user experience. However, to build one is often a pretty dreadful task. There’re existing libraries that come with a fully working page editor out of the box with a user interface and editable components. However, if you wish to make customisations such as modifying the user interface and its behavior, it will most definitely involve modifying the library itself. Craft.js solves this problem by modularising the building blocks of a page editor. It ships with a drag-n-drop system and handles the way user components should be rendered, updated and moved - among other things. With this, you’ll be able to build your own page editor exactly how you want it to look and behave.
LuLu UI是阅文集团荣誉出品的前端UI组件库。形象气质如下图，更柔软，更亲近，同时简单单纯，对用户侧非常友好，因此，LuLu UI非常适合面向外部用户的网站开发。
Mocha - V7.0
Drop Node.js v6.x support.
HTTPX - A next-generation HTTP client for Python
HTTPX is a fully featured HTTP client for Python 3, which provides sync and async APIs, and support for both HTTP/1.1 and HTTP/2.
rqlite - The lightweight, distributed relational database built on SQLite.
rqlite is a lightweight, distributed relational database, which uses SQLite as its storage engine. Forming a cluster is very straightforward, it gracefully handles leader elections, and tolerates failures of machines, including the leader. rqlite is available for Linux, OSX, and Microsoft Windows.
Vugu - A modern UI library for Go+WebAssembly
Build a web front-end in Go that runs in your browser, today. Pure Go. Targets WebAssembly (and/or server). Modern browsers supported. Experimental, for now. Really cool.
A Compiler Writing Journey
In this Github repository, I’m documenting my journey to write a self-compiling compiler for a subset of the C language. I’m also writing out the details so that, if you want to follow along, there will be an explanation of what I did, why, and with some references back to the theory of compilers.
How Human Interaction is Shaping the Future of Technology
As a human-centric designer, my goal has always been to help people interact with new technologies by making them more intuitive and approachable. When I took on the role of head of design for Google Search & Assistant, I had an opportunity to realize my life’s goal and teach this nascent technology to interact with us in ways that are similar to how we interact with each other. The time I spent working on the Google Assistant has only strengthened my conviction that conversation, the most enduring form of human interaction, should be the design paradigm for future digital products and services.
Disney’s Motion Principles in Designing Interface Animations
How to craft the best digital user experience with interactions. Disney’s 12 Principles of Animation is one of the inestimable guides when traditional animations are considered. These principles were originally designed for traditional animations like character animations. However, these principles can still be applied in designing interface animations. So, this is just a curious attempt to relate some of those principles in designing interface animations.
The Design Principle — Kiss (Keep it Simple, Stupid)
We live in a complicated world. Consider how the majority of people live: they are constantly busy doing things to avoid boredom, their attention is continuously being distracted by superfluous things, they are constantly connected to their phones as some cyber zombies, and their minds are filled with an endless stream of conflicting thoughts.
Redefining the word “DESIGN”
7 design capabilities that every business person should have.
What are the 10 UX Trends for 2020?
Illustration and minimal language will define the user experience this year. But there’s more.
6 AI features Microsoft added to Office in 2019
After a couple of conversations with Microsoft, we settled on highlighting six major AI features added to Office this year. Three are generally available and three are in preview.
对数据可视化有兴趣的可以阅读由 AntV 带来的 墨者修齐 2020-01-13·2019 凯度信息之美、堆叠柱形图优化案例、利用深度学习实现手绘数据可视化生成
– THE END –