20200819_陈宇_
日志
UI框架：
bootstrap、layUI、minUI、easyUI、vant
bootstrap:
我们使用boot开发的一定是一个简单性的网页，复杂的网页我们不推荐使用boot
注意：boot是依赖于jQuery的
boot中的响应式，向上兼容
boot引入顺序：
第一步：引入jQuery； 第二步：引入Popper； 第三步：引入boot（包括css文件和js文件）； 不涉及mvvm框架
html最优质的解决方案：
normalize.css
文件类型：
-
压缩文件类型：文件中带有min，如：bootstrap.min.css
-
未压缩文件类型：文件中没有带有min，如：bootstrap.min.css
bootstrap.min.js
使用前提：
html5文件类型：lang：设置网页解析所参照的语言类型
移动端设备优先：viewport：设置视口
width=device-width：表示宽度是设备屏幕的宽度
initial-scale=1：表示初始的缩放比例
shrink-to-fit=no：自动适应手机屏幕的宽度
容器：
container：定宽容器，左右内边距15px，水平居中，每种不同的分辨率下，有不同的最大宽度(max-width)
container-fluid：变宽容器，宽度永远是父级的100%
注意：boot默认只支持4个屏幕尺寸 xl lg md sm 不支持xs，boot中默认1个rem是16px。boot的css reset使用的方案是normalize.css
注意：我们写的所有boot都要写在容器中
按钮：
按钮类名里面必须加btn
注意： 元素不支持 disabled 属性，你可以通过添加 .disabled 类来禁止链接的点击
文字：
boot中的文字默认大小为16px，行高是1.5，font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
table响应式：
.table-responsive 类用于创建响应式表格，此类名必须写在table的父元素中
表单：
注意：form-inline可以替代row，直接在子元素上写 col 在 form-inline 中依然有效。由于row自带15px左右外边距，很多时候布局会有对不齐，使用form-inline就没有左右外边距的问题
在
评论