Alibaba cloud front end Weekly – issue 16

Time:2020-2-13

Recommend

1. introduction to neural network

http://www.ruanyifeng.com/blo…

At present, the most popular technology is artificial intelligence. The underlying model of artificial intelligence is neural network. Many complex applications (such as pattern recognition, automatic control) and advanced models (such as deep learning) are based on it. Learning artificial intelligence must start from it.

2. React Redux concept and workflow list

https://github.com/uanders/re…

This paper includes a list diagram of Redux concept and workflow and a more detailed introduction to the basic concept of progressive redux. This paper first outlines the significance of using Redux in project development and the related technology stack of Redux, then introduces the meaning of store in redx and how to use it in collaboration with immutable; next, this paper introduces the hierarchical division of components in react Redux application, how to define the use of action, actioncreator, reducer, etc;

3. HTTP implementation analysis of node.js

http://mp.weixin.qq.com/s/KU5…

The strength of node.js is to process network requests. Let’s analyze how an HTTP request is processed in node.js, and how much overhead JavaScript introduces in this process.

4. PWA upgrade practice

https://huangxuan.me/2017/07/…

As the next generation of web application model, PWA tries to solve the fundamental problem of web platform itself: the hard dependence on Web and browser UI. Therefore, any web application can benefit from it, which has nothing to do with whether you are multi page or single page, desktop or mobile, react or Vue. Perhaps, it will eventually change the user’s expectation of mobile web. Now, who thinks that the web on the desktop is just a place to read documents?

Other

1. New features of upcoming regular expressions

https://developers.google.com…

Es2015 introduces many new features to JavaScript language, including some significant improvements in regular expression syntax, adding two modifiers of Unicode encoding (/ U) and sticky bit (/ y). After that, development did not stop. Working closely with other members of TC39 (ECMAScript Standards Committee), the V8 team proposed and jointly designed several new features to make regular expressions more powerful.

2. The practice of using webgl technology in echarts

http://www.infoq.com/cn/prese…

Why do you want to use webgl? Some pits and solutions will be encountered when using webgl to draw 3D charts
GPGPU tries to speed up the layout of diagram and how to extend the four parts of new webgl components in the existing architecture.

3. Five suggestions for using Redux in large-scale application development

https://techblog.appnexus.com…

Redux is an excellent application state management tool. The one-way data flow structure allows developers to focus on the development of business logic. Based on his own practice, the author summarizes the suggestions for using Redux in large-scale projects, including establishing data index and using selector to access data, making standard state independent of variable interface state and user editing state, reasonably sharing data between interfaces, extracting common reducer function, and how to better connect react component and Redux state tree Etc.

4. Use webgl to release the computing potential of GPU

http://www.vizitsolutions.com…

With the advent of the era of big data, computing power has become one of the key bottlenecks of performance. As we all know, GPU has more powerful computing power than CPU. This series of articles is to introduce how to use webgl to realize GPGPU (general purpose computing on graphics processing units) high-performance computing. This series of articles first discusses the feasibility of using webgl to calculate GPGPU, and then introduces the specific implementation steps. The main steps include matrix initialization, matrix calculation, result return, condition control, instability treatment, sample practice and so on.

5. Understand the infinite possibility of front-end processing big data through a scenario instance

https://zhuanlan.zhihu.com/p/…

With the rapid development of the front-end, it is not uncommon to complete complex computing, dominate and process a large number of data in the browser. So, how to efficiently and elegantly complete the processing of complex scenes on the premise of minimizing memory consumption, more and more tests the developer’s ability, and directly determines the performance of the program. This paper presents an example that can simulate the experience completely in the console, and through step-by-step optimization, realizes the production and control of multiple 1000000 (million level) objects.