Front-end development specification manual

Front-end development is the process of creating front-end interfaces such as Web pages or apps to present to users. It uses HTML, CSS, JavaScript, and various derived technologies, frameworks, and solutions to realize user interface interaction of Internet products. It evolved from web page production, and its name has obvious characteristics of the times. In the evolution of the Internet, web page production is a product of the Web 1.0 era. The main content of early websites was static, mainly pictures and text, and users' behavior when using the website was mainly browsing. With the development of Internet technology and the application of HTML5 and CSS3, modern web pages are more beautiful, have significant interactive effects, and are more powerful.

Why is there a web website front-end development specification manual?

Because more people don’t necessarily mean more power, and it may be a mess. Therefore, in order to improve team cohesion, unify the team's coding style, and optimize team collaboration efficiency, a special "Front-end Development Specification Document" needs to be launched to constrain the coding styles of different programmers on the same project.

To formulate the "Front-end Development Specification Manual", you must first comply with web standards, take into account requirements such as clear structure, excellent compatibility, high page performance, and concise and clear code, and then make certain adjustments according to development needs.

File names should always use lowercase English letters and try not to include spaces and special symbols.

Because it is a team collaboration, the name should be easy for every member to understand, and it should be easy to search, modify, replace, calculate load, etc.

File specifications

1. html, css, js, images files are all archived in the agreed directory;

2. html file naming: English naming, suffix .html Or .htm. At the same time, place the unified page file in the same directory to facilitate the backend to find the corresponding page when adding functions;

3. css file naming: English naming, suffix .css. Shared base.css, Home page index.css, other pages are named according to actual module requirements.;

4. Js file naming: English naming, suffix .js. Common.js, other pages are named according to actual module requirements.

Other front-end development related learning reference resources

In addition to the knowledge expansion on the right side of this page, the following resources are also selected for everyone

• PHP中文网Dugujiujian series of video tutorials

• Jade Girl Heart Sutra Series: Front-end Introduction_HTML5
  

• CSS Video Tutorial-Jade Girl Heart Sutra Edition
  

• ##2020 Big Front-End Interview Questions Summary (Collection)

• PHP Resource Download Channel