FEX 专区

amis 发布 1.0.1 正式版
正式版本中去除了 react-bootstrap 依赖,并提供了 jssdk 文件,使得不会 react 的开发者也能方便使用。


On-Device, Real-Time Hand Tracking with MediaPipe
We are announcing the release of a new approach to hand perception, which we previewed CVPR 2019 in June, implemented in MediaPipe—an open source cross platform framework for building pipelines to process perceptual data of different modalities, such as video and audio. This approach provides high-fidelity hand and finger tracking by employing machine learning (ML) to infer 21 3D keypoints of a hand from just a single frame. Whereas current state-of-the-art approaches rely primarily on powerful desktop environments for inference, our method achieves real-time performance on a mobile phone, and even scales to multiple hands. 另附:Turbo, An Improved Rainbow Colormap for Visualization

Using Native JavaScript Modules in Production Today
Two years ago I wrote about a technique—now commonly referred to as the module/nomodule pattern—that allows you to write ES2015+ JavaScript and then use bundlers and transpilers to generate two versions of your codebase, one with modern syntax (loaded via <script type="module">) and one with ES5 syntax (loaded via <script nomodule>). The technique allows you to ship significantly less code to module-supporting browsers, and it’s now supported by most web frameworks and CLIs. But now, thanks to some recent advances in bundler technology, it’s possible to deploy your production code as ES2015 modules—with both static and dynamic imports—and get better performance than all non-module options currently available. In fact, this site has been using real modules in production for months.

WebAssembly Interface Types: Interoperate with All the Things!
Today’s WebAssembly, you wouldn’t want to use it in this way. You can run WebAssembly in all of these places, but that’s not enough. Right now, WebAssembly only talks in numbers. This means the two languages can call each other’s functions. But if a function takes or returns anything besides numbers, things get complicated. It should be possible to ship a single WebAssembly module and have it run anywhere… without making life hard for either the module’s user or developer. And with a new, early-stage proposal, we’re seeing how we can make this Just Work™. So let’s take a look at how this will work. But first, let’s look at where we are today and the problems that we’re trying to solve.

Software Architecture Guide
When people in the software industry talk about “architecture”, they refer to a hazily defined notion of the most important aspects of the internal design of a software system. A good architecture is important, otherwise it becomes slower and more expensive to add new capabilities in the future. This page outlines my view of software architecture and points you to more material about architecture on this site. 另附:Why Software Architects Must Be Involved in the Earliest Systems Engineering Activities.



NoahV | 百度智能运维前端框架开源了


解析 Antd Table 组件的错位和性能问题
在做活动引擎的过程中,发现 Antd 的 Table 组件会发送各种行错位,和列错位。关于行错位不是本节内容介绍的重点,本文主要介绍在启用固定列的时候(即使用fixed) 时发生的列错位 bug 以及其衍生的一系列性能问题。

Functional Programming in JavaScript: How and Why
How to write ultra-modular, easily testable, easily maintainable, and highly reusable Javascript w/o React

Microfrontends — when they aren’t the answer (React, Angular, Vue etc)
Taking a look at potential drawbacks of using Microfrontends and when it doesn’t make sense to adopt them.

Iframes are just terrible. Here’s how they could be better
In a nutshell: iframes let you build user experiences into embeddable ‘cross-domain components’, which let users interact with other sites without being redirected. There are a metric ton of awesome uses for that other than tracking and advertizing. Nothing else comes close for this purpose; and as a result, I feel we’re not using iframes to their full potential.

How to build a plugin system on the web and also sleep well at night
At Figma, we recently tackled one of our biggest engineering challenges yet: supporting plugins. Our plugins API enables third-party developers to run code directly inside our browser-based design tool, so teams can adapt Figma to their own workflows. They can enable accessibility checkers to measure contrast, translation apps to convert language, importers to populate designs with content, and anything else their heart desires.

How to Build Good Software
Software has characteristics that make it hard to build with traditional management techniques; effective development requires a different, more exploratory and iterative approach.

Lesson Learned from Queries over 1.3 Trillion Rows of Data Within Milliseconds of Response Time at Zhihu.com
In this post, I’ll dive deep into how we managed to keep milliseconds of query response time over such a large amount of data and how TiDB, an open source MySQL-compatible NewSQL Hybrid Transactional/Analytical Processing (HTAP) database, empowered us to get real-time insights into our data. I’ll introduce why we chose TiDB, how we are using it, what we learned and best practice and some thoughts about the future.

Understanding Apache Arrow Flight
Arrow Flight provides a high-performance wire protocol for large-volume data transfer for analytics, designed for the needs of the modern data world including cross-platform language support, infinite parallelism, high efficiency, robust security, multi-region distribution, and efficient network utilization.

Serverless on GCP
GCP has a comprehensive set of compute options ranging from minimally managed VMs all the way to highly managed serverless backends. Below is the full spectrum of GCP’s compute services at the time of this writing. I’ll provide a brief overview of each of these services just to get the lay of the land. We’ll start from the highest level of abstraction and work our way down, and then we’ll hone in on the serverless solutions. 另附:Google Cloud Run Button: ‘Click-to-Deploy’ for your Git Repos.

Redesigning our systems to provide more control over Off-Facebook activity
At F8 2018, we shared our plan to build a tool that would allow people to see the apps and websites that choose to share activity with us and to disconnect that activity from their accounts. Today we are beginning to roll out that tool, which is called Off-Facebook Activity. Building Off-Facebook Activity required an extensive redesign of the way our systems store and process this activity and new methods for disconnecting information about a person’s off-site activity from their account.

Building a universal search system for Pinterest
As the types of content on Pinterest grow, our search results must adapt as well. Pinners can use filters to narrow down to the content type they want, but we can make the experience even better by predicting the most relevant answers for them. As a solution, we’re building a system to deliver content from various verticals within one integrated search results page. Today when you search you’ll already see these different types of formats (Video, Shopping, Pinners to follow). Over time these results will become even more personalized and relevant through advancements in machine learning ranking.

Building the New Uber Freight App as Lists of Modular, Reusable Components
As Uber Freight marked its second anniversary, we went back to the drawing board to redesign its app. The original carrier app was successful for owner-operators with one or two drivers, but it wasn’t optimized for larger fleets—feedback we were hearing directly from our carrier base. It let carriers find and move freight from point A to point B, but did not support multi-stop loads with multiple pick-ups and drop-offs.

YAML: probably not so great after all
Don’t get me wrong, it’s not like YAML is absolutely terrible – it’s probably better than using JSON – but it’s not exactly great either. There are some drawbacks and surprises that are not at all obvious at first, and there are a number of better alternatives such as TOML and other more specialized formats. Personally I’m not likely to use it again when I’ve got a choice.


Chrome Dev Summit is now open for registration!
Nov 11-12, San Francisco. Over the two days, we will focus on the latest best practices, tools and updates coming to the web platform and give developers a chance to hear directly from the Chrome product engineering teams.

GitLab 12.2 released with Directed Acyclic Graphs for Pipelines and Design Management
Faster, more flexible pipelines; Design Management; Cross Project Merge Request Dependencies.

The GitHub Student Developer Pack is back
The GitHub Student Developer Pack is back for another school year. The program has provided over 1.5 million students the best real-world developer tools and training for free since its introduction six years ago. As the Pack continues to grow and shape the next generation of developers, we’ve continued to listen. We’re here to better understand how you’re using these tools and what’s missing that you hope to see included. Whether you’re developing your portfolio, building a new desktop app, or creating an interactive map—the Pack was built to provide you with the exact tools you need to learn.

Introducing Microsoft Edge Beta: Be one of the first to try it now
Microsoft Edge is now available for all supported versions of Windows and macOS. Our goal with Microsoft Edge is to create better web compatibility with better performance for our customers while ensuring less fragmentation of the web for all web developers. Our community has been with us on this journey from the beginning and your feedback is making it possible to rapidly improve. 另附:evolt.org Browser Archive 20 Years Old.

Rails 6.0
Dealing with incoming email, composing rich-text content, connecting to multiple databases, parallelizing test runs, integrating JavaScript with love, and rewriting the code loader. These are fundamental improvements to the fundamentals of working with the web and building fast and fresh applications. This is the kind of work we’ve been doing for the past fifteen years, and we’re still at it. THIS IS RAILS SIX!

Announcing NodeGUI and React NodeGUI - Build native desktop apps with Javascript and CSS
NodeGUI is an open source library for building cross platform native desktop applications with JavaScript and CSS like styling. NodeGui apps can run on Mac, Windows, and Linux from a single codebase. NodeGUI is powered by Qt5 💚 which makes it CPU and memory efficient as compared to other chromium based solutions like electron. NodeGui wants to incorporate everything that is good about Electron: The ease of development, freedom of styling, Native APIs, great documentation, etc. At the same time NodeGui aims to be memory and CPU efficient.

Growing Web Template Studio
Web Template Studio (WebTS) is a user-friendly wizard to quickly bootstrap a web application and provides a ReadMe.md with step by step instructions to start developing. Best of all, Web Template Studio is open source on GitHub. Our philosophy is to help you focus on your ideas and bootstrap your app in a minimal amount of time. We also strive to introduce best patterns and practices. Web Template Studio currently supports React, Vue, and Angular for frontend and Node.js and Flask for backend. You can choose any combination of frontend/backend frameworks to quickly build your project.

AdminBro v1.0.0 released
AdminBro is An automatic admin interface which can be plugged into your application. You, as a developer, provide database models (like posts, comments, stores, products or whatever else your application uses), and AdminBro generates UI which allows you (or other trusted users) to manage content.

A React component for visualizing profiling data.

Upload anything, from anywhere. A JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user experience.

Fusion.js gives you the developer experience you expect from a React/Redux setup and provides tools to take project quality to the next level.

date-fns provides the most comprehensive, yet simple and consistent toolset for manipulating JavaScript dates in a browser & Node.js. date-fns is like lodash for dates. It has 180+ functions for all occasions.

Chart.xkcd - xkcd styled chart lib
Chart.xkcd is a chart library plots “sketchy”, “cartoony” or “hand-drawn” styled charts.

Sunsetting Mercurial support in Bitbucket
After much consideration, we’ve decided to remove Mercurial support from Bitbucket Cloud and its API. Mercurial features and repositories will be officially removed from Bitbucket and its API on June 1, 2020. Read on to learn more about this decision, the important timelines, and get migration resources and support.

A data hoarder’s dream come true: bundle any web page into a single HTML file. You can finally replace that gazillion of open tabs with a gazillion of .html files stored somewhere on your precious little drive. Unlike conventional “Save page as…”, monolith not only saves the target document, it embeds CSS, image, and JavaScript assets all at once, producing a single HTML5 document that is a joy to store and share. If compared to saving websites with wget -mpk, monolith embeds all assets as data URLs and therefore displays the saved page exactly the same, being completely separated from the Internet.

Big Blue Open Sources Power Chip Instruction Set
It has been a long time coming, and it might have been better if this had been done a decade ago. But with a big injection of open source spirit from its acquisition of Red Hat, IBM is finally taking the next step and open sourcing the instruction set architecture of its Power family of processors.

OpenDrop: an Open Source AirDrop Implementation
OpenDrop is a command-line tool that allows sharing files between devices directly over Wi-Fi. Its unique feature is that it is protocol-compatible with Apple AirDrop which allows to share files with Apple devices running iOS and macOS. Currently (and probably also for the foreseeable future), OpenDrop only supports sending to Apple devices that are discoverable by everybody as the default contacts only mode requires Apple-signed certificates.

Tech Interview Handbook
Carefully curated content to help you ace your next technical interview.


The Untapped Power of Vulnerability & Transparency in Content Strategy
In marketing, transparency and vulnerability are unjustly stigmatized. The words conjure illusions of being frightened, imperfect, and powerless. And for companies that shove carefully curated personas in front of users, little is more terrifying than losing control of how people perceive the brand.

4 Rules for Intuitive UX
What I want to talk about today is four little rules that will help eliminate these pain points in your own designs. They’re the heuristics that are a level or two deeper than “use radio buttons if the user can only select one thing”. But, if you can remember to obey the things in this checklist, you’ll be that much closer to creating designs that your users can use easily right off the bat, freeing up your time for other, more important things. Here’s what we’ll be covering:

  • Obey the Law of Locality
  • ABD: Anything But Dropdowns
  • Pass the Squint Test
  • Teach by example

UI Design System and Component Library: Where Things Break
Is the workflow between designers and developers broken for UI components? And will it be better in 2020? 另附:OutSystems UI: A Design System Foundation, The ABCs of Design Systems.

Lexend is a variable font empirically shown to significantly improve reading-proficiency
As prescription eyeglasses achieve proficiency for persons with short-sightedness, Lexend employs variable font technology to prescribe a personalized axis setting according to the Shaver-Troup Formulations.

Richer Relationships with People-Centered Design
People and relationships are at the core of everything we do in our lives, from grabbing coffee to starting a new project. Understanding our relationships to other people, and the relationships among people we know, is a key part of the human experience. Sharing these nuances of identity and relationships in the tools we use every day is the next step in reflecting reality in our digital lives.

Uber Redesign Concept 2019
My goal was to redesign or we can say improve the design and the flow of the app to make it simpler and intuitive by finding inspirations and gaps among existing products and ease the process of booking a cab.


Every productivity thought I’ve ever had, as concisely as possible
I combed through several years of my private notes and through everything I published on productivity before and tried to summarize all of it in this post.




对数据可视化有兴趣的可以阅读由 AntV 带来的 墨者修齐 2019-08-26·手绘风可视化、可视分析效率改进、人体解剖学地铁图


作者:zhangzhao (https://github.com/loatheb) - Working in Progress

- 百度数据可视化
- 百度智能建站