preface

It’s the end of the year again, and I’d like to talk a little bit about how the year ended, and some of the trends that may emerge in the coming 21 years. There is no doubt that 2020 is really an extraordinary year, for the front end, private think can be used to “big front end continued deep ploughing, extensive front end compatibility and package” these 14 words to describe. Here’s what I mean by “big front” and “broad front” : First of all, the big front end can be divided into a broad sense of “big front end” and a narrow sense of “big front end”. The big front end commonly said in the market is mainly divided into these two categories. The so-called broad “big front end” refers to the front-end technology that solves all the problems that belong to other fields. That is to say, as long as the use of front-end technology to solve can be defined as “big front-end”; In the narrow sense, “big front end” only refers to the front-end technology perpendicular to the back-end domain, which represents the technology mainly extended by Node.js to solve the back-end domain, such as the emergence of supporting back-end technology frameworks such as Express, KOA, Egg, Nest and so on, and even the micro-service framework of Node. I’m not going to explain here but I’m referring to the narrow sense of the big front end. The concept for the “front end”, without ambiguity, usually refers to is a lot of technology across the end, such as client, desktops, and even the HUB, etc., shown in the chart above only refers to the part of the framework, not completely, js, after all, Mrs Mrs/ts community is active, the following simple representative for the “front end” and “front end” some opinions of the individual, It is a horizontal and vertical framework discussion based on the three front-end frameworks, Vue, React and Angular

Discussion of pan-front-end technical framework

Vue React Angular
Web side Vue buckets The React buckets Presents buckets
The desktop Electron/Nw Electron/Nw Electron/Nw/Cordova/Ionic
Native mobile terminal Weex React Native Cordova/Ionic
The small program end uniapp/mpvue/mapx taro/Rax There is no

Discussion of big front-end technology framework

Vue React Angular
Web side Vue buckets The React buckets Presents buckets
SSR Nuxt Next Universal
The service side There is no specific There is no specific Can cooperate Nest

Ali front-end trainee plan this year will be divided into seven big direction in the field of front-end, engineering direction, the background in the front direction, Node. Js direction, cross direction of side direction, interactive technology, visualization technology direction, front-end intelligent direction, personally think that Node. Js is the front end of the basis of a whole, and can’t appear in one direction, Therefore, I replace it with audio and video direction. I think the front end direction can be divided into the following categories. Here I will make some personal statements and my humble opinions in these different direction dimensions:

  • Middle and background direction: micro front
  • Visual direction: ANTV
  • Intelligent direction: IMGCook
  • Interactive direction: Eva
  • Audio and video direction: WASM
  • Engineering direction: Severless, full link engineering
  • Cross-end direction: Kbone, RAX

Middle background direction

  1. For the background direction, this is the traditional Web direction, for the front end, 2020 for the landing application of micro front end has a lot of practice. Private thought micro front end will, therefore, as a trend of future front large applications, to the different technology stacks of summary of different team integration is a better solution, though different from the service side the sort of micro service can micro very thoroughly, but features such as front-end blessing with ts also can achieve the effect of micro, to optimize the working hours, improve efficiency, avoid duplication of work;

  2. Since the first mentioned the ts, that here, I want to say about the problem of ts in 19 years, my attitude of ts remaining on the sidelines, but this year, I think ts can serve as a kind of necessary skills to study and practice, not because you are using, but because of who I am with the development of the time, now the front to bearing capacity is more and more heavy, project is becoming more and more big, Ts can be well agreed, and can be well restricted for later maintenance and modification. For large teams and projects, TS is the best choice. On the other hand, if a team really wants to develop a server, THEN I really recommend you use TS. If you’ve used Nest. Js, you’ll find that it’s really no different than writing Java, and many of the concepts on the server can also be used by ts features such as generics, abstract classes, etc. Of course, if it is a small team and needs rapid development, for small and beautiful applications, I think JS is suitable, after all, JS is a flexible language, ha ha ha

Visual direction

  1. Visualization here, actually didn’t do much practice this year, but the individual thinks, in terms of the seven big, the easiest way to the results, or can the bosses, most likely it’s visual field, if can make it in the visual field of the top 5%, so I believe that the company will spend money with you, after all, I have you don’t important, But the opponent does not own you is very important to me, your technical barriers are presented, also in this volume of the river’s surface to get some lead and advantages, at least the priority of layoffs will not be so high, hahaha

  2. The first point is a bit far away. To be honest, PERSONALLY, I think We can take Ali’s ANTV as a benchmark in the visualization field, and carry out research in various specific fields, such as GIS, etc. Of course, in fact, the research in the visualization field is still relatively unpopular, and there will be some opportunities. WebGL /webAR/webVR and so on can be used as an entry point, with the following audio and video field, the combination of these two can actually make something

Intelligent direction

  1. Intelligent field, personally think that actually core is not in the front, but in the artificial intelligence, and artificial intelligence is front end all the things, not just for encapsulated as TensorFlow. Js, we use them directly, but to get the model actually is the key, if students want to in the field of intelligent, Personal advice or to deep drill, it is best to further study, after all, this thing really needs academic research + industry practice

  2. In the front end field of industrial practice, Ali is still relatively ahead, such as IMGCook. Its core purpose is to convert pictures into front-end code, and use machine vision to identify different position information in the pictures, and then convert them into front-end code, which is the so-called D2C, namely: Design to Code, this year’s D2 conference again proposed P2C, namely: Product to Code, however, is not a direct conversion of human language into Code, but a business extension of D2C. For some business codes of D2C, some specific schemas are used to make conventions, so as to make more parameter constraints in the machine learning process, so as to improve the Code implementation degree. Although the transformed code is still very redundant, but for some primary projects or pages, it can be handed over to the machine to achieve, personally think that artificial intelligence will indeed replace the low-end repetitive work, also can be regarded as a front-end volume made a certain contribution, hand…

Interactive direction

  1. At present, the interaction direction is mainly in the game direction, but I still think that page game or front-end game implementation is mainly to make some appetizers, which can not really bring users into the immersive experience. As for the small game engine, Ali seems to have an Eva engine this year, those who are interested in it can have a look

  2. In terms of new experiences, AR/VR/MR may be put into practice when 5G is deepened next year, but it may still be tepid. The new concept of interactive direction and design may be a new breakthrough point

Audio video direction

  1. Although it is said that WASM will replace JS, it is not realistic at present. Wasm is mainly used in the audio and video field. In addition, there are some additional optimization measures, such as rust optimization. Wasm can indeed be stored

  2. Js, FLv. js, etc. We should also understand some protocols for video playback, such as RTMP/RTSP, etc. The relationship between the epidemic this year has driven the hot field of live broadcasting, and the front-end audio and video direction may be a vent

Engineering direction

  1. Engineering direction has to mention Serverless, this is the front end of the hottest topic this year, private serverless is not only the front end of the field of change, it may change the current development model, no later before and after the end of the point (PS: Is indeed has a tendency to us) at present, only cloud engineer or the engineer, for the front end, then, we can’t only pay attention to some content in the field of front-end, docker, k8s belongs to traditional back-end or part of the operations, we also need to know, for some backend thinking and noun also need to be familiar with, Such as flow limiting, peak shaving, service degradation and so on. Of course, the premise of Serverless is cloud native. If there is no cloud, the effect of Serverless should not be as good as the current one. Of course, I think this is an inevitable trend

  2. Front-end engineering another direction is the link of engineering, from the scaffold, low code and plug-in market link provided, all of them, and simplify the front-end development threshold, there can be reference for department of ice, the low code as well as the ide plug-ins are involved, and provide the UI component library, etc., to form a whole link the front end of the ecology. Here we can talk about low code and no code. No code is a ready-made tool that does not require any coding, that is, there is no programming entry at all. Low Code is a tool that requires partial coding. In order to be used by some non-professionals but also those who need programming, low Code is developed for others, such as h5 editor for operation personnel, such as Yiqixiu, MAKA, IH5, etc

Across the side direction

  1. Cross-end direction is a commonplace problem, the mainstream is to write once, run anywhere, the common is to use various frameworks to convert each DSL back and forth, but in fact, this is a false proposition, the essence is impossible to achieve a unified situation, abstract is difficult to represent, these two need to have a balance. Need to specific common specific analysis

  2. Private thought little program is an individual bosses to chase down while in the field of market, because their have basic form in the field of app, now to develop a phenomenal app is almost very difficult, but the app as an operating system, in small programs to drive user, user closed loop formation, or there is a big market, small class applications, For example, PWA, fast application and so on are different manifestations of this bearing mode. For the cross-end, this can yet be regarded as a development choice. For small program framework also appeared kbone, RAX, etc., there may also be a similar to w3c such a small program standard, but such a big application like wechat, whether it really will comply with is another matter, in short, it is also an option

conclusion

Looking back to 2020 and looking forward to 2021, the summary is as follows:

  1. Large front-end continuous deep ploughing, extensive front-end compatibility and package
  2. Micro service in the background, visualization industry refinement
  3. The intelligent side algorithm is deepened, and the mutual entertainment side shape changes
  4. Audio and video structure optimization, engineering side comprehensive transformation
  5. Cross end side specific change, the front end more inside roll

Well, 2021 is coming. I hope all of you can have your own skills, form your own core competitiveness, get promoted and raise salary, and create brilliant achievements.