Alibaba Cloud Front-End Weekly - Issue 11

Summary: ##Recommended### 1. The current state of JavaScript modules https://zhuanlan.zhihu.com/p/26567790 There has been a lot of discussion on twitter recently about the current state of ES Modules, especially on Node.js, they plan to introduce New file extension *.mjs. There's good reason to be concerned and uncertain about this, because this topic is incredibly complex, and I'll try to make it clearer. ###

Recommended
1. The current state of JavaScript modules
https://zhuanlan.zhihu.com/p/26567790

There has been a lot of discussion on twitter recently about the state of ES Module, especially on Node.js, where they plan to introduce new file extensions Name *.mjs. There's good reason to be concerned and uncertain about this, because this topic is incredibly complex, and I'll try to make it clearer.

2. See through the ugly and magical JSX in one article
http://mp.weixin.qq.com/s/6stAmqneDm5GJbSCzoYppA

JSX, a language that mixes JavaScript and XML, looks "ugly" and magical at first glance, but The syntax and logic behind it are extremely simple. I believe that after reading this article, you can have a comprehensive understanding of JSX and components, and be able to use JSX to construct user interfaces intuitively. 3. The

Next Generation Web Application Model - Progressive Web App
https://huangxuan.me/2017/02/09/nextgen-web-pwa/

Software complexity and maintenance costs are getting higher and higher, and Web technology, especially Web client technology, has ushered in explosive development.

Others
1. ES6 modules are coming, is it time to consider new packaging solutions?
https://zhuanlan.zhihu.com/p/27276672

In recent years, building high-performance JavaScript applications is a complex project. A few years ago, from merging code to save HTTP overhead to compressing obfuscated variable names to squeeze the last bit of code into our project.
Now we need to tree shake our code and package our modules, and then go back and do code splitting to speed up loading above the fold without blocking the main process. We also replaced everything at the same time: use some future features? The answer is yes, thanks to Babel!

2. 10 Front-end PS Skills You May Not
Know

, Edit layer - export layer" process, this article mainly introduces some skills in this process.

3. In-depth understanding of the internal mechanism of Node Stream
http://www.barretlee.com/blog/2017/06/06/dive-to-nodejs-at-stream-module/

I believe many people are no strangers to Node's Stream, Whether it is a request stream, a response stream, a file stream or a socket stream, the bottom layers of these streams are encapsulated by the stream module. This article introduces the knowledge of Stream in an easy-to-understand manner.

4. Use ES decorators to build consistent APIs
http://taobaofed.org/blog/2017/04/27/building-consistent-api-with-es-decorators/

Reuse and consistency are two enduring topics in programming. In the latest ES Proposal, the "decorators syntax" brings some convenience for this, and it is very suitable for large class libraries.

5. JS Freeze Object
http://www.jianshu.com/p/23c003b044a5

This article discusses some locking features of objects in JS from shallow to deep. But they are all implementations of some basic grammars. I believe that even the front-end novice can generally understand.

6. Why will all web applications be rewritten?
http://mp.weixin.qq.com/s/yEqItZpgIXLPHQDIb39eyQ

In its life cycle, a web application must go through building a development environment, creating a build system, writing code, performing data analysis, etc., until the new system is finally used to replace this legacy system.
[url] http://click.aliyun.com/m/23215/[/url]