入行刚刚半年，工作中一般都是如下结构，特别是css，style里面后面越写越多，前面用过的类名都记不清楚了，有些页面又有些细微的差异需要区分，目前用的办法是在每个页面的body上添加一个唯一的id，然后在style.css里面区分开来，js的话，有些页面代码很少，但是也写在main.js里面了，然后又每个页面都引入了一边，css的style.css也是每个页面都引入，感觉好恶心啊，有什么好点的建议吗？
app
--css
--reset.css
--public.css
--style.css
--js
--jquery.js
--main.js
--imgages
index.html
about.html
contact.html
order.html
completeorder.html
前几年我也为这件事纠结苦恼过。。。直到我研究了各别的CSS和JS框架之后。。。。
CSS 方面，用 SCSS 吧
加 id 区分开的方法，还不如干脆分几个 CSS 文件出来
通用的样式单独一个 base.css
JS 那边也是一样。
所有页面公用的js和css放在common里，针对个别页面的css的样式，单独写在这个页面对应的同名css文件里，只这个页面引用即可。
谢谢邀请。嗯，这确实是个问题。命名上尽量保证名称和对应的功能区相对应，这样也好记忆，不过呢对于公共的css或者js之类的还是不要分文件的好，你可以采用压缩的。然后根据页面的不同引用不同的css或者js，这样也能减少页面的加载。在或者你使用第三方类库之类的有比较全面的css和js库也行。
使用sass/Less+模块化管理，推荐自动化工具fis，简单高效