프론트엔드 개발 사양 매뉴얼

---

프론트엔드 개발은 사용자에게 보여주기 위해 웹페이지나 앱과 같은 프론트엔드 인터페이스를 만드는 과정으로, HTML, CSS, JavaScript 및 다양한 파생 기술, 프레임워크, 솔루션을 사용하여 인터넷 제품의 사용자 인터페이스 상호 작용을 구현합니다. 웹페이지 제작에서 발전한 이름으로, 그 이름에는 시대적 특성이 뚜렷하게 담겨 있습니다. 인터넷의 진화 속에서 웹페이지 제작은 웹 1.0 시대의 산물이다. 초기 웹사이트의 주요 콘텐츠는 주로 그림과 텍스트로 정적인 내용이었고, 웹사이트를 사용할 때 사용자의 행동은 주로 브라우징이었다. 인터넷 기술의 발전과 HTML5 및 CSS3의 적용으로 현대 웹 페이지는 더욱 아름다워지고 상당한 대화형 효과를 가지며 더욱 강력해졌습니다.

---

为什么要有web网站前端开发规范手册？

因为人多不一定就力量大，还有可能一团糟。因此为了提升团队凝聚力，统一团队代码风格，优化团队协作效率，需要推出专门的《前端开发规范文档》来约束同一项目不同程序员的代码风格。

制定《前端开发规范手册》首先需要符合web标准，兼顾结构分明、兼容性优良、页面性能高、代码简洁明了等要求，再根据开发需求进行一定的调整。

文件命名统一采用小写英文字母，尽量不包含空格和特殊符号。

因为是团队协作，因此起的名字应方便每一位成员的理解，并且能够方便地进行查找、修改、替换、计算负载量等等操作。

文件规范

1. html, css, js, images文件均归档至约定的目录中;

2. html文件命名: 英文命名, 后缀.html或.htm. 同时将统一页面文件放于同目录中, 以方便后端添加功能时查找对应页面;

3. css文件命名: 英文命名, 后缀.css. 共用base.css, 首页index.css, 其他页面依实际模块需求命名.;

4. Js文件命名: 英文命名, 后缀.js. 共用common.js, 其他依实际模块需求命名。

其它前端开发相关学习参考资源

除了本页面右侧的知识拓展，还为大家精选了以下资源

• PHP中文网独孤九贱系列视频教程

• 玉女心经系列：前端入门_HTML5
  

• CSS视频教程-玉女心经版
  

• 2020年大前端面试题汇总（收藏）

• PHP资源下载频道