Web front-end Development specification documentation

WEB Front-end Development specification documentation

Specification Purpose  

In order to improve the efficiency of team collaboration, it is convenient for background staff to add functions and post-end optimization maintenance, output high-quality documents, developed this document. Once this specification document is confirmed, front-end developers must follow this document specification for foreground page development. If this document is incorrect or inappropriate, please submit it in a timely manner, after the discussion of the decision can be changed

Basic Guidelines  

Conform to Web standards, semantic HTML, structure, performance, behavior separation, good compatibility. Page performance, code requirements concise and clear order, as far as possible to reduce the server load, to ensure the fastest resolution speed.

file Specification  

1. html, CSS, JavaScript, and images files are archived in the directory specified in the Web front-end development specification document.

2. HTML file name : English name, suffix ". html". At the same time, the corresponding interface draft in the same directory, if the interface is named Chinese, please rename the same name as the HTML file, in order to facilitate the back-end to find the corresponding page to add functionality.

3. CSS file naming : English named, shared: Base.css, Home: homepage.css, sub-page subpage.css, frame style: Bootstrap.css, other pages according to the actual module requirements named.

4. Javascript file naming : English name, Common jquery.js, angular, other according to the actual module requirements named.

Work flow

1. Basic process: The nature of the company determines the process, but generally is the demand--design--page production--effect production--Add the program.

2. Background management process: basic compliance with my development and debugging, back and forth, test on-line, formally on-line process specifications.

3. Process tools: Master the tool console console, FIS, Postman plug-ins, switchhosts, Sublime, webstorm and other ancillary tools.

Front-end Technology

1. Basic HTML, CSS, JS, get request, POST request, Form form request, JSON data format, JSONP data format, XML data format

2, manager Requirejs, Mod.js, other similar Seajs

3, single page frame angular.js, other similar Vuejs, Avalon. Js

4, tools, such as JQuery, Zepto, gum. Js, angular plug-in

5. Pre-processing language less, sass

5, build tools FIS, other similar webpack, gulp, Grunt

Web front-end Development specification documentation