Research And Application Of The Front-end Dynamic Adaptive Software Framework

With the popularity of 4G network and the development of mobile terminal technology,all kinds of network access terminal equipment is emerging in endlessly.Due to the inherent portable and the convenience for network access of mobile terminal devices,making it a launched by the people's attention,and gradually becoming the main terminal access to the Internet beyond the PC desktop terminal Due to the many Internet sites are built specifically for the PC devices,so the display in mobile terminal is often unbearable,already could not satisfy people's daily use,while the cost of specifically designing for the mobile terminal is huge.So,how to design the websites which can be better presented in different sizes terminal equipment,become an urgent problem need the web page designers to solve.This paper based on the widespread concern technology responsive web design in recent years,with the help of SSH integration of web design framework and bootstrap front-page design technology,exploring the front-end dynamic adaptive page framework for different screen sizes and operating system.the main contents and working conditions as follows:(1)Elaborate the architecture of adaptive software,which based on interface teconologyResearch and analysis the existing web application development technology,combined with the class interface thoughts,and puts forward the overall framework of front-page dynamic adaptive software based on SSH integration framework,elaborate the software architecture of representation layer,business logic layer,data persistence layer and the working mechanism of the front-page dynamic adaptive software framework.(2)Present the design method of the front-end of the software,which based on Web technology.Through the study and analysis of the bootstrap front-page design framework,optimizing the page partitioning scheme,and determining the page layout style and the response plan of layout,and optimizing the breakpoint setting scheme and the page image processing technology based on adaptive page design,improving the website display in different sizes of the terminal,listing some adaptive page design rules combined with the actual development experience.(3)Present the optimization method of the Adaptive Web site performanceThis paper puts forward the optimization scheme of the frame from two aspects:the front end design of the page and the design of the server frame.The introduction of Modemizr browser feature detection technology to improve the compatibility of the adaptive page.optimizing the traditional CSS media query scheme by JS + CSS media query plan,improving the adaptive page loading rate;optimizing the code organization of representation layer to improve the code readability and code reuse rate;put forward server response scheme according to the group,increasing the page loading rate in the mobile terminal.In the end,through test in HP PC Lenovo notebook,DELL tablet computer,the Ipad tablet computer,mobile phone,mobile phone Samsung Apple terminal,verify the availability and reliability of the front-page dynamic adaptive software frame.