The Research And Application Of The Web UI Technology

With the rapid development of the mobile Internet,there are more and more types of mobile terminal devices on the market.In order to adapt the school's webpage to various new media mobile devices and strengthen the construction of webpage information.This paper studies the Web UI(Website User Interface)related technology,and apply it to websites such as the Digital Library of our school to keep up with the development of the Internet.Web UI is also called web page product design.The core is to enhance the user experience of the interface and provide users with a high-resolution adaptive responsive page design.As the development trend of Web UI is becoming more standardized and componentized,various responsive web frameworks and open source vector icon libraries have emerged,which can make web development more agile.This paper focuses on the current popular Bootstrap framework and open source font vector icon library FontAwesome to achieve the responsive design of web pages and combine HTML5,CSS3,Javascript and other technologies to make web pages adapt to mobile devices of different screen sizes.In the research of Web UI,it is found that the current open source vector font icons only support monochrome icons and provide limited icon styles,which cannot meet the needs of personalized web design.Therefore,the innovation point of the paper is to implement customizing vector icon library,selects the SVG vector icon format that supports multi-color map,and reduces the SVG vector icon to SVG Sprite(SVG Sprite)vector icon library by research.Combine HTML5,CSS3,Javascript,Ajax and Node.js technologies to implement a convenient online custom vector icon library tool.Using the SVG Sprite icon library in a web page,you can reuse it anywhere in the HTML with a single import,greatly improving the efficiency of web development.Studies have shown that responsive web technologies can be used to develop more lively,interactive and adaptable websites,while custom vector icon libraries make up for the shortcomings of existing open source icon libraries and have good prospects for development.The pace of school information construction will be accelerated by applying the research results to our school's website design.