recommended
1. Debug memory overflow and memory expansion in Node.js
Tech.residebrokerage.com/debugging-n…
Memory problems are one of the most common pain points in server applications. In this article, I share my debugging experience in Memory leaks and bloats. The so-called memory leak refers to the unused memory is not released, and memory inflation refers to the use of excessive memory; The authors describe the use of heap snapshots and Chrome DevTools to help track, collect, analyze, and resolve these memory problems. If you want to learn about JavaScript memory debugging in Web applications, refer to the article Memory Analysis and Memory Leak Location.
2. Extend the React server rendering practices
Arkwright. Making. IO/scaling – rea…
In this article, the author shares his practical experience in extending the React server rendering process. Although many of the discussion points in this article are React related, the general expansion challenges faced or the problems solved are worth repeating. This article does not discuss React server optimization directly. Instead, it starts with common load balancing and introduces common load balancing algorithms and strategies. Then it discusses the bottom-of-the-envelope solution of client rendering, that is, how to give users appropriate feedback when the server cannot respond in time due to the heavy traffic. Next, this paper also discusses hierarchical unloading, component caching, dependency handling, isomorphic rendering and other contents.
3. Front end test pyramid, rethink your tests
Medium.freecodecamp.org/the-front-e…
This paper focuses on front-end testing, starting from the so-called test pyramid structure, combing the key content and design concept of front-end testing. The author thinks that the so-called front-end test pyramid consists of unit test, snapshot test and end to end test from bottom to top. Then, taking simple modal pop-ups as an example, the design essentials of each test module are introduced. In general, unit tests are used to test atomic objects such as functions and classes in a code base, while snapshot tests can record the rendered state of components and compare them over time. End-to-end testing is used to ensure the final experience of the product in the black box.
4. Overview of data visualization
Antv.alipay.com/zh-cn/vis/b…
Scientific visualization, information visualization and visual analysis are usually regarded as the three main branches of visualization. The integration of these three branches forms a new subject “data visualization”, which is a new starting point in the field of visualization research.
More and more
1. Algorithms, Angels or demons?
Mp.weixin.qq.com/s/O7bxtiDGq…
With the advent of algorithms, it seems that Homo sapiens has finally created a tool that can do anything he wants. Today, algorithms are everywhere, in our work, social, medical, industrial, transportation, and trade. Algorithms are transforming the natural sciences and the humanities, pushing the boundaries of the impossible.
2. Research on the performance improvement of box-side CSS animation
www.cnblogs.com/coco1s/p/78…
Many Web animations can run smoothly on PC and mobile terminals, but due to the limitation of hardware level, the performance in box terminal is often unsatisfactory. To run high performance smooth animation on the box end, you have to dig deep into every possible way to improve.
3. H5 animation: Track movement
Aotu. IO/notes / 2017 /…
Animation, refers to many frames of static picture, with a certain speed (such as 16 per second) continuous playback, the naked eye due to visual residual image illusion, and mistakenly think the picture of the work of activity. In Web development, often need to achieve a variety of animation effects, such as: movement, deformation, transparency changes, and so on, today we mainly discuss the implementation of various movements.
4. Atom publishing code collaboration tool Teletype
Github.com/blog/2468-i…
Last week, Atom released Teletype, a remote collaboration tool that allows developers to pair program in P2P mode. Despite the bugs in the Beta, look for more convenient team collaboration tools in the future. At the same time, VS Code also released a so-called Live Share plan, which also allows developers to collaborate on real-time Code editing using Visual Studio 2017 or VS Code.
Migrate Slack Desktop 3.0 to BrowserView
Slack. Engineering/growing – pai…
Slack recently made version 3.0 available in the beta channel, which includes a lot of performance improvements and bug fixes. Most of the major changes revolve around the migration from the Electron component WebView to BrowserView, which is a newer and more stable alternative. Slack engineer Charlie Hess wrote a blog post outlining the migration process.