1.7 css依赖顺序的解析
2015-07-16 10:57
477 查看
入口文件: login.js
加载顺序处理逻辑
// login.js的依赖 [ 'login.css' ] // login.css的依赖 [ 'account.css' ] // account.css的依赖 [ 'reset.css', //重置样式 'dialog.css', //弹窗 'validator.css' //验证 ] // dialog.css的依赖 [ 'reset.css' ] // reset.css & validator.css 没有依赖
加载顺序处理逻辑
// login依赖account // 因此第一步的依赖为 var deps = [ 'login.css' ] // 然后login.css的依赖 deps = [ 'account.css', 'login.css' ] // account.css依赖 reset.css, dialog.css, validator.css // 顺序应该是 deps = [ 'reset.css.deps', 'reset.css', 'dialog.css.deps', 'dialog.css', 'validator.css.deps', 'validator.css', 'account.css', 'login.css' ] // 即依赖顺序为 deps = [ // reset.css.deps为null 'reset.css', 'reset.css', // dialog.css.deps 'dialog.css', //validator.css.deps为null 'validator.css', 'account.css', 'login.css' ] // 去重得到最终依赖顺序 deps = [ 'reset.css', 'dialog.css', 'validator.css', 'account.css', 'login.css' ]
相关文章推荐
- 字体图标你还不知道你就out啦
- iText生成一个单元格中包含不同的样式的PDF表格
- DIV+CSS 入门
- Gradify - 提取图片颜色,创建响应式的 CSS渐变
- 设置超链接在各种状态改变的样式颜色
- CSS 动画之初识
- gridview的表头垂直居中以及表头多行显示
- 【java web】--css+div总结
- 幽灵按钮css3
- css学习笔记四
- CSS3实现的响应式字体:自适应视图窗口大小的新单位
- CSS 小知识
- 学习CSS(5)
- css text-overflow
- CSS3 伸缩布局盒模型记
- CSS 优化
- css3 多列布局使用
- VS2012不再有添加样式规则选项
- CSS3中box-shadow的用法介绍
- css3制作时钟