起航学习网

今天小T要跟大家分享的文章是关于Web前端开发规范之文件命名规范。Web前端开发作为开发团队中不可或缺的一部分，需要按照相关规定进行合理编写(一部分不良习惯可能给自己和他人造成不必要的麻烦)。不同公司不同团队具有不同的规范和文档。下面是根据不同企业和团队的要求进行全面详细的整理结果。来和小T一起看一看文件命名规范的原则吧！

基本原则

符合Web标准(UTF-8，HTML5)，语义化html(HTML5新增要求，减少div和span等无特定语义的标签使用)，结构表现行为分离(HTML-CSS-JS代码分离，不同行为代码高内聚低耦合)，兼容性优良(早期版本浏览器兼容，移动端和PC端设备兼容).页面性能方面(减少请求次数，例如使用精灵图和sass语法)，代码要求简洁明了有序，尽可能的减小服务器负载，保证最快的解析速度(减小repaint和reflow).

文件命名规范

1、 html，css，js，lib，images文件均存放至项目的目录中。如果使用相关Web前端开发框架，根据框架的文件格式进行合理布局。

2、所有文件夹及文件使用英文命名(避免使用中文路径)。

3、html文件：入口文件使用index.html。如果有对应的设计组设计原稿，需要将对应的设计稿和html文件命名一致并合理存放。

4、css文件命名：后缀.css。通用initial.css，初始化base.css，首页index.css，其他页面按照对应的html命名。

5、Js文件命名：英文命名，后缀.js.通用common.js，初始化base.js。其他页面按照对应的html命名。

以上就是小T今天为大家分享的关于Web前端开发规范之文件命名规范的文章，希望本篇文章能够对正在从事Web前端开发工作的小伙伴们有所帮助，想要了解更多Web前端开发知识记得关注IT培训网Web培训官网，最后祝愿小伙伴们工作顺利，成为一名优秀的Web前端开发工程师。

【免责声明：本文图片及文字信息均由小T转载自网络，旨在分享提供阅读，版权归原作者所有，如有侵权请联系我们进行删除。】

Web前端开发工程师，是从事Web前端开发工作的工程师。主要进行网站的开发、优化、完善的工作。网页制作是Web 1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。

一位好的Web前端开发工程师在知识体系上既要有广度，又要有深度，所以很多大公司即使出高薪也很难招聘到理想的Web前端开发工程师。现在说的重点不在于讲解技术，而是更侧重于对技巧的讲解。技术非黑即白，只有对和错，而技巧则见仁见智。以前会Photoshop和Dreamweaver就可以制作网页，现在只掌握这些已经远远不够了。无论是开发难度上，还是开发方式上，现在的网页制作都更接近传统的网站后端开发，所以现在不再叫网页制作，而是叫Web前端开发。Web前端开发在产品开发环节中的作用变得越来越重要，而且需要专业的Web前端开发工程师才能做好，这方面的专业人才近两年来备受青睐。Web前端开发是一项很特殊的工作，涵盖的知识面非常广，既有具体的技术，又有抽象的理念。简单地说，它的主要职能就是把网站的界面更好地呈现给用户。

文章出自：http://qh.itpxw.cn/peixun/web/202186366.html

文章标题：Web前端开发规范之文件命名规范

免责声明：本站文章均由入驻起航学习网的会员所发或者网络转载，所述观点仅代表作者本人，不代表起航学习网立场。如有侵权或者其他问题，请联系举报，必删。侵权投诉