一、人生第一次做規划項目，以前都是跟着前端的老大，他把一切都規划好了，我跟着做就可以了，這次要自己規划前端目錄結構，好緊張，參考了眾多文章，結果還是看不太懂，百度前端工具框架–fis，沒怎么看得懂，所以沒用，還是自己好好想把，我還是主要參考了，我上次做項目時，那個項目負責人是怎么規划項目的。
二、前端結構
1、首先我想到需要的功能就是，把js、css、UI組件、庫文件、grunt，等這些工具分開擺放。
2、在不考慮html文件的位置情況下，在任何地方都可以調用到js文件、css文件、UI組件、庫文件。
3、存放壓縮文件的地方。還有一個存放所有完整庫文件、完整UI文件的地方
（1）src為主文件目錄。
（2）bower_components為所有庫文件、UI組件原文件的存放目錄。
（3）dep為刪減過后的所有庫文件、UI組件的存放地址
（4）grunt放置grunt需要的插件，以及配置。
（5）js、css文件用來存放所有的編寫的js文件、css文件。
（6）src_css、src_js為壓縮過后的js文件，以及壓縮過后的css文件。
（7）README.md文件為前端項目說明。
三、這么分類的考慮原因
1、擴展型，不管以后需要添加什么效果，我只需要在js、css目錄中添加相應的文件就可以了，命名方式我也想好了，可以用html頁面的名字作為前綴，然后在加上相應功能的名字，這樣就可以很好的形成命名空間。
2、復用性，我為什么沒有考慮html頁面的位置，因為還要和后端程序員合作，他肯定對頁面會有一定修改，這一部分我就不太管他怎么修改了，我只需保證好html頁面的制作，以及js文件，css文件的引入，我用src做為所有的主目錄就是考慮到和后台合作的原因，所有js、css、庫文件都是單獨的，不會有跟后端有任何交際，刪除掉也是可以的，后期修改也比較方便。
3、性能，到項目上線期，我只需要將src文件中的，src_css文件、src_js文件、dep文件，交個后台就可以了，這都是經過壓縮的文件，需要任何修改，我還有原文件可以作為備份。
4、README.md文件，我主要是考慮到，如果項目開發到一半，或者項目開發完成后，要有新人加入，或者是要移交項目時，我所需要提供的信息，將一切都寫好了，第一，我自己不會忘記，教別人也可以叫他直接看，項目移交這一階段，我也可以快速完成。
總結：說到底，這都是我想的，還有什么測試目錄、代碼規范等等東西我沒有想到，好吧，菜鳥前端的第一次規划的項目就要這樣開始了，以后再慢慢添加吧，