Web前端面试指导(四十九)：web前端项目的结构是怎样的？文件有哪些命名规范？

 项目结构规范

页面文件：以项目名命名，例如：shop

js文件：命名为js

css文件：命名为css

图片文件：命名为images

数据文件：命名为data

文件存储规范：按项目模块分类存储，例如：用户信息管理

页面文件存放： shop/userinfo/userlist.html

js文件：js/userinfo/userlist.js

css样式：css/userinfo/userlist.css

注意：图片的分类一般按照功能作用划分，比如： 小图标、动画图片

动画图片：images/gif/…

图标库：images/flags/…

项目文件命名规范

页面/js/css文件规范：项目名称-模块名称-页面名称，例如：shop-user-index.html用户模块的首页。

注意：js一般会包含 公共js 习惯命名commo.js；css样式会包含公共css，习惯命名为 common.css，