Shulou(Shulou.com)06/03 Report--

[IT168 comment] Ten years of wind and rain are in the same boat, ten years of help each other! SACC (China system architect Conference) has become the most influential brand in the field of architects in China, and it is a feast for CTO, R & D director, system architect, R & D engineer, IT manager and so on.

On October 19, 2018, the 10th China system Architects Conference (SACC2018), hosted by IT168's ITPUB Enterprise Community platform, arrived on the third day, with unabated enthusiasm. The eight special shows, such as infrastructure operation and maintenance, container technology, architecture growth, front-end architecture, big data analysis, and blockchain application, are divided into two parts in the morning and afternoon. The scene was full of seats and continuous interaction.

This paper focuses on the special field of front-end development and mobile architecture, and interprets the specific practice of front-end architecture in different enterprises in detail.

Rabbit exhibition Lei Zongmin: the road of infrastructure construction for small teams

For the small teams of most startups, the problems include a high level of entry-level technical members and inadequate infrastructure, but require less time and fewer resources to complete the task.

Code development pays attention to the three key points of efficiency, standardization and quality, so it is difficult to unify the code and documentation under the previous background. Mr. Lei shared the Rabbit Exhibition interior through the code to describe the interface and automatically generate documents to solve such problems.

In the development team, the entanglement of the front end and the back end is also a big problem. The involvement between the project and the confusion of deployment authority occur from time to time between the front and rear teams, and the rabbit exhibition develops from the initial unified account submission to the later submission release management platform, so as to prevent problems such as unclear responsibilities and content modification.

SUNING and Li Xiaojian: the evolution of SUNING's video cloud front-end system architecture

Now many systems are also slowly transferred from the client to the WEB side, so the WEB side content is no longer only used for static content display, now the Web side has reflected a lot of logic and interaction that existed in the back end, the front end is also constantly adding business code, there are also higher requirements in the user experience, including the response speed of the page and the dynamic acquisition of data, and so on. These reasons are also the fundamental reasons for the rapid development of the front end in recent years.

With the increasing complexity of the front-end business, the amount of code will naturally increase, which brings a series of problems, such as the maintenance of the code is more difficult, the collaborative development of the team is more troublesome, and the page to load and parse these resources will become slower. In order to better solve these problems, we need a reasonable structure. The following picture shows how to build a suitable structure for SUNING video cloud shared by teacher Li Xiaojian.

Of course, the architecture is not the best, only more suitable, and different teams, different products are also quite different, so if we want to find a reasonable structure, we need to constantly summarize and improve according to our own situation.

Alibaba Lin Yang: H5 page rendering experience solution

In recent years, the front-end development is mostly focused on engineering solutions, and many frameworks also sort out the solutions based on this thinking, ignoring the fact that H5 has stronger advantages in interaction. When H5 is embedded in the client, combined with more diverse business scenarios, it poses new challenges to resource loading, performance requirements and high availability of modules.

The lecture focuses on how H5 pages go deep into the user experience, build a progressive Web App, make page loading and presentation comparable to native applications, and make the website load faster and more flexible. There are in-depth discussions on the poor controllability of H6, the slow loading speed of modules and the effect of page rendering.

At the meeting, teacher Lin Yang also shared the Apple operating system interface done with H6. In the demonstration demo, the loading of pictures is different from other frame-by-frame loading of H6. In demo, it is displayed after loading pictures. There are two ways to achieve this. One is to use JavaScript to control display when loading pictures. The second is to write the logic made by JavaScript to the css engine. Through the syntax of css, developers can achieve such a rendering effect. There are also a lot of page rendering and loading details, you can click on teacher Lin Yang's demo to view, address: http://ioing.com/#!demo/app-ios!/.

Automobile home Luo Feifei: automobile house React Native application practice.

In order to support the rapid development of business, Auto House has been in the process of continuous evolution in the client dynamic solution. From Hybrid, plug-in, card to the introduction of ReactNative scheme, the dynamic capability is becoming more and more powerful. As a Facebook open source technology to write native applications using JavaScript language, React Native takes into account both development efficiency and application performance. It is an excellent choice for cross-platform development framework and is suitable for large-scale use of business. But for developers, there are still many real technology holes in the practice of React Native.

Although the overall performance of RN is good, the scheme of RN is not perfect. There are not many components natively provided by RN; RN gives some very basic Api, which in many cases can not meet the needs of the rapid development of business. In some scenarios where interactions are very complex, pages are very complex, frequently updated, and some gesture interactions are required, RN still has some memory and performance bottlenecks. In terms of stability, there is also more room for improvement; for this reason, a supporting support platform (functional support) should be built between cars.

For students who use RN to do business development, provide a complete set of support from development, to online, to online quality assurance functions. These are very important to the business.

Summary: React Native takes into account both development efficiency and application performance, and is an excellent choice for dynamic solutions at present, which is suitable for the pursuit of high-performance, fast iterative, platform-level APP. At the same time, the React Native project is also in continuous evolution, large-scale use requires a team for customized transformation and maintenance. (of course, this is also a matter of abundance and thrift, depending on the specific business.)

In the special session of "Front-end Architecture and Mobile Development" at this year's SACC conference, we learned about the practical optimization of front-end architecture design in different enterprises. The 10th China system Architects Conference has prepared three days of traditional technology conference speeches, two days of in-depth thematic training, and more exciting topics. Welcome to visit the conference topic page (http://zt.it168.com/topic/sacc2018/)).

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.