前端【学习心得】电商网站前端架构#4 目录

课程地址:http://www.imooc.com/learn/186 讲师:远人

课程基础: html css js ,做过一些项目。

我们的代码类别有: css文件,js文件,html文件,随着项目的进行和需求的拓展 可能会延伸出其他类型的文件 比如sass less ejs jade tpl等文件。

好的目录是 好架构的开始。代码结构决定目录结构。

css js 和图片要分开存放:考虑到多人写作和迭代管理的方面,以及后期一些业务上划分(比如图片存在别的服务商那里)

如果你使用LESS、SASS或者Stylus去动态生成CSS的话,你还需要一个放置它们的文件夹来隔开它们与其他需要被HTML加载的代码。这个文件夹的名字自然是和它们的名字一致。

当然你还可以有一个名叫Coffee的文件夹用来装CoffeeScript文件用于动态生成Javascript。里面的结构甚至可以和你的Javascript一摸一样,这样就不会弄错地方了。

这个时候还有一些 node.js的模板文件(ejs,jade等)这属于模板目录。

有了这些,你还需要一个grunt/gulp这样的工具帮助你编译 LESS/SASS/EJS 等文件 或者合并 js/css文件。那这个时候就需要 一个辅助目录来存放这些玩意~

当你使用backbone 等MV*框架的时候 不可或缺的就会分离出 视图目录(views) 控制目录(control)模型目录(module)等等。

当然一切的最后,需求跟代码都是在不断的增长,你只需要在出现新的结构的时候 去调整你的目录,并将其融入现有结构中就好了。

可能会有的目录:分层目录,css目录 js目录 less/sass目录 视图目录 控制目录 模型目录 ,模板目录,通用目录,辅助目录,等

原文地址:https://www.cnblogs.com/iyueyao/p/4113581.html