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

  • 相关阅读:
    MySQL DROP 大表时的注意事项
    无主键指定字段补全的示例
    GoldenGate的监控
    mysql的root的权限被控制无法授权
    goldengate 过滤对某张表的复制操作
    给用户授予权限时应该尽量避免ANY系统权限
    OGG日常运维监控的自动化脚本模板
    异构GoldenGate 12c 双向复制配置
    异构GoldenGate 12c 单向复制配置(支持DDL复制)
    异构GoldenGate 12c 单向复制配置
  • 原文地址:https://www.cnblogs.com/iyueyao/p/4113581.html
Copyright © 2020-2023  润新知