前端【学习心得】电商网站前端架构#4 目录
2014-11-30 17:09
316 查看
课程地址: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目录 视图目录 控制目录 模型目录 ,模板目录,通用目录,辅助目录,等
课程基础: 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目录 视图目录 控制目录 模型目录 ,模板目录,通用目录,辅助目录,等
相关文章推荐
- 前端【学习心得】电商网站前端架构#2 前端技术基础
- 前端【学习心得】电商网站前端架构#3 前端在产品设计中的作用
- Linux学习笔记之目录架构
- 学习心得:控件之Tree Control (仿系统目录树视图)
- cocos2d-x 学习点滴 cocos2d-x 架构和引擎目录
- cocos2d-x学习:架构与目录结构
- linux学习入门6——linux系統目录架构(linuxcast.net)
- 写得蛮好的linux学习笔记(linux目录架构)
- 小小六的前端学习心得
- cocos2d-x 学习点滴(4) cocos2d-x 架构和引擎目录
- linux学习入门4——linux系統目录架构(linuxcast.net)2.5
- 【学习笔记】Linux基本操作(4)--- Linux系统目录架构
- 学习心得:控件之CToolTipCtrl(加入仿系统目录树视图)
- zend架构的学习心得
- 写得蛮好的linux学习笔记(一)(linux目录架构)
- cocos2d-x 学习点滴(4) cocos2d-x 架构和引擎目录
- 写得蛮好的linux学习笔记一-目录架构(收藏)
- 写得蛮好的linux学习笔记 linux目录架构
- 简略的前端架构心得&&基于editor为例子的编码小技巧
- linux学习心得之目录树开端与/etc(图文)