On January 19, 2019, the second Front-end Technology Conference held by netease with the theme of “Sailing” was held as scheduled in the B1 Lecture Hall of netease Building. The conference was divided into 7 themes and invited 7 speakers from netease Kaola, Ant Financial, netease Cloud Music, Ali Cloud and People’s Net to deliver keynote speeches. On the day of the conference, nearly a thousand participants attended the conference. On behalf of the organizer, I would like to thank all of you for making this conference possible thanks to our speakers, participants, partners, volunteers and staff. Let us follow the xiaobian to review this audio-visual and ideological collision of the feast!

From 9:00 a.m., hundreds of front-end engineers and front-end enthusiasts arrived at netease Park and began to sign in and take seats. The scene was very lively.

After the speech, the keynote speech officially began.

Megalo– Netease Kaola’s small program solution

Speaker: Ziran Wu (Senior Front-end Engineer of Netease Kaola)

Joined Koala after graduation in 2016, member of mpregular, Megalo team

Since the advent of applets, there has been a development frenzy, followed by the emergence of various applets development frameworks, developers to adapt to their own scenarios have to maintain multiple sets of different code. Megalo is a small program development framework based on the popular technology stack (VUE) developed by koala front-end team. Developers can develop small program applications using VUE development method. In order to achieve cross-H5 and small program (Baidu, Alipay, wechat) two ends of the application to provide a more efficient solution, can quickly complete the code migration between H5 and small program. Megalo is closer to Vue’s native development model and supports more features than other applets.

As the core developer of Megalo, Ziran Wu shares the core implementation, present and future of Megalo.

Alipay applets best practice

Speaker: Gou Yu (Ant Financial front-end technology expert)

I joined Ant Financial in 2016 and am currently in charge of the front-end technology team of Alipay industry.

With the rise of mobile wave, various apps emerge in an endless stream, and the rapid business expansion increases the team’s requirements for development efficiency. However, compared with H5, the traditional ios & Android development APP will have higher development costs, so a new development mode suddenly emerged. Hybrid APP is the most Hybrid development mode. The bottom layer relies on the container provided by Native (UIWebview), and the upper layer uses Html&Css&JS for business development, combining transparency and diversification. Make the business iterate quickly.

At the same time, small program also gradually into the Internet family. Pay treasure small program also gradually appear in everyone’s field of vision. As ant Financial front-end technology expert, Gou Yu introduced the principle of Alipay small program at the conference, and shared some thought-provoking and thought-provoking contents in the business research and development process.

Evolution of NEI MockStore

Speaker: Bao Yongming (Front-end development expert of netease Cloud Music)

He has worked in Alibaba, Shanda Innovation Institute and other companies. He joined netease Hangzhou Research Institute in 2015 and is currently working in the public Technology group of netease Cloud Music front end

Mock data is more important in the development of the front-end, a link, for the front-end engineer, in addition to programming, maintenance and use of Mock data is the key to the early, in order to business iteration speed, some developers use is connected directly to the spot is the data or environmental data, but it seems like a save debugging time, However, it is not hard to imagine that such projects will become more and more difficult to maintain as the business accumulates over time. Mock data solves this problem, not only making debugging more concise and clear, but also providing a way for future maintenance.

There is an old saying in China that “sharpening knives does not mislead firewood workers”. As long as the underlying foundation is well done, the things behind will come naturally. At present, NEI interface management platform is used to store and maintain mock data, which not only improves the efficiency of front-end development but also promotes the cooperation and communication between front-end and back-end. Netease cloud music front-end development expert, Bao Yongming for the use of Nei platform carefully explained.

Is the world flat?

Speaker: Xu Fei (Ali Cloud senior front-end technology expert)

Engaged in the front-end architecture of enterprise software field for a long time, and have a lot of thinking about componentized development

Mentioned front-end componentization, I think we are not unfamiliar. Today, more and more people in the process of developing the components for extraction, state management pay close attention to, how to reasonably divided component content, how to deal with the information transmission between components, how to store the state of each form is particularly important, as is often the case, we divided components to function, the page is given priority to, but sometimes, when the page is relatively complex, When logical coupling is strong, component partitioning becomes a bit more difficult.

Ali Cloud senior front-end technology expert, Xu Fei has more thinking about componentization development, and share with you on the scene, so that you have a new experience and understanding on the road of front-end componentization.

How to build enterprise Node.js applications

Speaker: Xu Junyu (Senior Front-end Development Engineer of netease Kaola)

One of the main promoters of The implementation of Node.js in Koala, and the initiator of open source projects Foxman and Dubo.js.

Since its birth, Node.js has attracted the attention of developers due to its advantages of non-blocking IO. With the emergence of eggJS, NestJS and other frameworks, we are provided with a set of team specifications, log, multi-process, security and other universal solutions, making the use of Node.js in Web scenarios increasingly mature. Building Node.js applications with enterprise-level standards requires more than just framework considerations.

Xu Junyu, front-end development engineer of netease Kaola, discussed with us the topic of “how to build enterprise-level applications” with two concerns of “usability” and “performance” in combination with the practice of promoting the implementation of Node.js applications in Kaola.

Diving into Node.js Web Framework

Speaker: Dead Ma (Senior front-end technology expert of Ant Financial)

Focused on node.js field for 6 years, built internal Node.js module management system, middleware services and other infrastructure of Alibaba and Ant Financial, and took charge of internal Node.js Web framework research and development and open source. Core developer of Node.js Web framework koa.js and egg.js, maintainer of CNPM China image

With the rise of Node.js, there are a lot of Web frameworks in the Node.js community. For example: express, koa, sails, loopback, think. Js, an egg, and so on. Express is the most used framework. It extends the basic functionality required by Web applications and is recommended for beginners to get started. Koa is built by the original express team. It is a step up from Express and solves the biggest problem. It uses the new syntax feature of async await to solve the problem of callback hell. Sails, Loopback, ThinkJS, and Egg are all based on kAO or Express enterprise frameworks. Ant Financial senior front-end technology expert, Dead Ma explained to us, if you want to build a framework of your own. As the core developer of KOA and Egg, he shared koA and Egg as examples, and discussed the design ideas and practical experience behind node.js Web framework from the perspective of framework designers.

A controversial topic about class field

Speaker: Hax (Technical Consultant of People’s Net)

Known as “He Lao”, he has been active in the Web standards, front-end development and JavaScript communities for more than a decade, following and participating in several new drafts of ECMAScript. Zhihu programming, front-end development, JavaScript, CSS and other topics of excellent answers

As the grand finale of this technical conference. Hax shares the latest proposal for public class field and private Class Field, which brings us closer to ECMAScript. Through the draft, we can find that there are still many different ideas about class field. There is some controversy. As front-end developers or hobbyists, we are looking forward to it. Good customization and constraints can not only improve efficiency, but also bring unlimited advantages to the business. Let’s rub our hands and wait for a new wave of enthusiasm. Hax has given a lot of personal time to our front-end standards. Very influential in the front-end community.

At 17:00 p.m., the conference came to a successful end. All the distinguished guests are leaving. The meeting lasted six and a half hours. Nearly 1,000 participants actively asked questions and made speeches. The atmosphere was very lively. It’s not hard to see the enthusiasm for front-end technology.

For more information, you can download the PPT and watch the video on the official website.

Official website: Fc.netease.com/