| As part of the web front-end engineering though very early already exist, but restrictions limited the browser’s performance and network bandwidth has not been very good attention and development. With the increasing popularity of the World Wide Web as well as speed and network transmission speed and bandwidth is not an important factor in the early development of the Internet obstacles. 2010 web front end for the entire sector is an important year. With the popularity of HTML5 in 2010, once again led the browser changes, the major browser development companies are beginning to support the latest W3 C standards, such as Google’s chrome, Microsoft’s IE9, Apple’s safari like. The front end also already no longer simply digging work, gradually turned into a rear end of the same complexity and engineering work. In 2015 I / O conference Google on web component technology has begun to emerge, such as has been achieved web GL technology, as well google map and gmail are based components. Google has been determined that the component is the future trend of front-end development.Web front-end technology to the present, various frameworks and libraries after another appeared, they have achieved the front-end components of the project with their own way. But the problem has cropped up. Currently the front-end modular and component-based standard is only in a preliminary stage, still some distance away from the official release. Therefore, the lack of official standards result is that major companies mainstream frameworks with their own ways of components. However, different implementations of each frame between the way leads to the frame between the components can not be reused, it lost the meaning of the component. Therefore, how to develop a common component of the standard and its application is a problem throughout the front-end engineering development.From the W3C standard web component analyzes the current component in the direction of the development of web front-end engineering, by understanding the source of different frameworks and implementation and performance, in contrast to the main frame and articles at home and abroad, the combination thereof advantage, through their own ideas to achieve a high-performance, agile, easy to maintain development programs. The program encapsulates the web component standard, but not a simple package, but the browser compatibility and performance considerations, including the rendering of virtual DOM, browser compatibility to achieve a stronger, writing systems and structure of the code more standard, front frame and view data binding model. In simple terms it is an implementation of declarative component development of front-end library, so that developers can use to label the form of components, improve development efficiency. The standard library for Web Components, solve all kinds of browser compatibility issues, especially mobile client browser. Custom Elements as component development, usage rule; section provides Shadow Dom function; introduction of assembly, the statement component dependencies using HTML Imports; support life cycle data and dynamic updates. While providing a dynamic interface similar to DOM operations, to meet the actual needs of the complex development scenarios.Then, as an example, by the front-end library we developed a component-based mobile-side web app, the app consists of several large components, these components are independent of each other, they can easily migrate to other projects. Based communication between data-driven components do not need to directly manipulate DOM, developers only need to focus on what data without the need to care about the view, and greatly reduces the probability of occurrence of the bug. |
PDF Full Text Request