Research And Realization Of The Web Front-end Framework Based On Node.js

With the rapid development of Web developing technology,increasing expectation of product experiencing for customers,Web front-end has become a divided technical station acting as interface and dynamic interaction development.However,under traditional B/S architecture,front-end which worked in web browser box relying on basic frame-work proved by back-end is unable to be developed and adjusted individually.Under this circumstance,it has become a problem waiting to be solved for every large software company on how to lower front-back end coupling efficiency and increase front-end developing efficiency.Considering these problems without excluding the shortcoming of front-end developing under Web architecture,a front-end framework Bridge was designed based on Node.js platform to meet the front-end business need.So that the individual and swift developing ability of the front-end developers are improved.This framework is mainly consisted of three functional matrixes:interface matrix,module-engine matrix and micro-inner-core matrix.The main work of this article was presented in the following aspects:(1)Designing and achieving interface matrix of Bridge framework.By applying interface configuration file and interface configuration module mechanism to achieve unified management of back-end interface receptor.Based on that,applying custom assembling business Model item,creating request queue and merging customer-end fine grit receptor request optimization to achieve agent customer-end request.Interface matrix can provide the switch method among convenient regular environment,pre-made environment and online environment,which enabled the seamless connection for front-end and back-end on process even when developed separately.(2)Designing and achieving module engine matrix of Bridge framework.This engine applied the mainstream module engineering technology,rendering module and supporting rewrite mother set based on module heritage and matrix data filter.In addition,this article presented two module engine optimization strategy,split truncated analysis and variable reference prefetch.The module engine designed in this article was proved by experiment to present similar rendering performance when compared with artTemplate engine which is known for its speed.(3)Designing and achieving micro-inner-core matrix of Bridge framework.The micro-inner-core matrix packaged Node.js applied starting script app.js core business logic,realizing a highly configurable Web applying core with life cycle authorization,providing automatic applied configuring manage,add-on middle part,route mapping and so on.So that,the developers can create application more flexibly and swiftly.Finally,reassembling to the human affairs system of the company with the Bridge framework was performed.Comparison among coding quantity,coding quality and developing cycles were achieved on the system before and post reassembling.The result proved the capability for Bridge framework to improve front-end developing efficiency without losing significance and application value.