フロントエンド開発仕様書

フロントエンド開発は、ユーザーに提示する Web ページやアプリなどのフロントエンド インターフェイスを作成するプロセスであり、HTML、CSS、JavaScript、およびさまざまな派生テクノロジ、フレームワーク、ソリューションを使用して、インターネット製品のユーザー インターフェイス インタラクションを実現します。ウェブページ制作から発展したものであり、その名前には明らかに時代の特徴があります。 インターネットの進化において、Web ページ制作は Web 1.0 時代の産物であり、初期の Web サイトの主なコンテンツは画像やテキストを中心とした静的なものであり、Web サイトを使用する際のユーザーの行動は主に閲覧でした。インターネット技術の発展と HTML5 および CSS3 の適用により、最新の Web ページはより美しく、重要なインタラクティブ効果を持ち、より強力になりました。

为什么要有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资源下载频道