js-ui-angular实践与探索

js-ui-angular-blog 开发

• 克隆 repo，安装 Node.js，安装 Grunt。
• 在根目录运行 npm install。
• 通过命令 grunt 进行构建。
• 使用 grunt run-less 命令进行 LESS 编译。
  项目运行
• 克隆 repo 后，通过 localhost 运行 index.html。
  兼容性
• 支持 IE8+。
  自定义网格系统
• 使用自定义 12 列网格系统，类名从 .clmn-1 到 .clmn-12。
• 使用 .h-row 和 .row-wrapper 进行布局。
• 设置正确的视口支架（最小/最大宽度）。
• .offset-wrapper 用于主体宽度容器。
  文件

1. CSS

• 自定义 12 列网格：.clmn-1 到 .clmn-12。
• 包装类 .h-row、.row-wrapper。
• 视口支架设置：最小宽度和最大宽度值。
• .offset-wrapper 为主体宽度容器。

1. 模块声明与加载

• module.js 为模块工厂。
• 模块加载器实现模块的加载。