| With the advent of modern times, internet technology develops rapidly:more and more internet apps gradually access to our daily life. The former Web products focus on their functions which can attract more users. However today, after entering into the age of Web 2.0, the competition between internet products becomes more fierce and it is not just about the functions but concerning more about the details. Thus, as the part which the users can interact with, the front-end will most directly reflect the applicability of the Web product. And it is also the reason why the development of front-end components is being emphasized and facing more higher demands. In order to solve this problem, the simplest method is to increase the developing efficiency and decrease the prime cost by constructing and improving the development process of front-end components, and increasing the robustness and reusability of code. The front-end components of current internet products are highly independent and reusable, so structuring a set of front-end components which has high decoupleness and reusability will perfect satisfy the demands in the circumstance of Web 2.0. Presently, there are already some pioneering front-end components in the market, but their functions are too simple to be applied to the most internet products. Therefore, this article will propose a constructing process of front-end components and explain how to develop high-qualified components based on jQuery.Firstly, this article will introduce the background information and the present situation of the development of internet product front-end. Then, it will make a detailed explanation of basic technical language of front-end, including HTML, CSS and JavaScript, the core technology jQuery which will be used to construct the front-end components in this article, and also the other new technology in the Web 2.0 environment. Afterwards, the article offers a detailed need analysis of the components, concludes the functional needs of each of them and expatiates on the prototypical designing process, including low-and high-fidelity design. The following part is the design and practice of the front-end components which, according to their functions, are categorized into CSS component, JavaScript component and page layout. Besides, the development of typical components is studied in detail as well. Finally, by applying the front-end component which is exploited in this research, taking the EMAP educational application and management platform as an example, the author analyzes the typical web page based on the fundamental method used to guide the construction of front-end components. This online project proves that the front-end components which are designed in the light of developing process are equipped with high applicability, and they are in accordance with the demands of the internet products in the Web 2.0 environment, both on the experience of interaction and the function of use. |
PDF Full Text Request