zoukankan      html  css  js  c++  java
  • 前端【学习心得】电商网站前端架构#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目录 视图目录 控制目录 模型目录 ,模板目录,通用目录,辅助目录,等

  • 相关阅读:
    Beetl 3中文文档 转载 http://ibeetl.com/guide/
    Beetl模板引擎入门教程
    Spring+Stomp+ActiveMq实现websocket长连接
    5672端口引发的一个大坑
    GeoServer中WMS、WFS的请求规范
    常用网址
    JAVA方法参数传递
    针对开发的缺陷管理
    不同逻辑顺序产生相同的结果编码如何决策
    怎样做一个软件项目经理
  • 原文地址:https://www.cnblogs.com/iyueyao/p/4113581.html
Copyright © 2011-2022 走看看