摘要： a标签中间没有内容的情况下，很容易忽略闭合 a标签一定要闭合，否则会在后面每个div后面插入同一个a标签 要以如下形式闭合： <div class="v5-index-container3 v5-clearfix banner banner06" style="margin-bottom:15px; 阅读全文

摘要： 1.JSON.parse()：从字符串中解析出json string s = "[[1,2,3],[4.5,6]]" JSON.parse(s)//将得到一个二维数组 2.JSON.stringify() 把对象转成字符串，打印对象的时候可以用这个方法转化成字符串再打印 var a={a:1,b:2 阅读全文

摘要： 1.vue绑定class： <div v-bind:class="{ active: isActive }"></div>上面的语法表示 active 这个 class 存在与否将取决于数据属性 isActive 可以绑定多个class： <div class="static" v-bind:cla 阅读全文

摘要： 1.visibility:hidden; 隐藏并占位 visible--默认值，可见 display:none;--隐藏，不占位 2.用百分比的方式做屏幕适配 以下代码在不同屏幕表现不一样，可能是一行显示3个div，也可能是三行，每行各显示一个div 改用百分比方式： 无论多大屏幕都是两行（box1 阅读全文

摘要： 1.响应式网格系统随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列 2.规则 行必须放置在 .container class 内，以便获得适当的对齐（alignment）和内边距（padding）。 使用行来创建列的水平组。 内容应该放置在列内，且唯有列可以是行的直接子元素。 阅读全文

摘要： background-image: url("img/headimg.png"); height: 219px; background-size: 100% 100%; background-repeat: no-repeat; 背景图可能会拉升以充满元素 阅读全文

摘要： bootstrap4对iphone6及以下不支持，如果要支持，可以下载bootstrap3，下载完bootrap后，一般放入工程的lib/bootstrap目录下，bootstrap的js部分依赖jquery，所以还要下载一个jquery放到lib下 1.响应式布局就是网页能够响应各种各样不同分辨率 阅读全文

摘要： 外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。 合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者 水平方向不会发生合并 只有普通文档流中块框的垂直外边距才会发生外边距合并。行内框、浮动框或绝对定位之间的外边距不会合并。 情况1 当一个元素出现在另一个元素上面时，第一个元 阅读全文

摘要： 浮动会使元素尽量向左或向右移动，直到碰到包含框或另外一个浮动元素的盒子模型的边缘 包含框并不会改变里面浮动元素的宽高，浮动元素宽高不会限制在包含块以内 上例中，block1会保持500px的宽度，但container并不会移动位置让block1显示完全，container位置不会变，block1超出 阅读全文

摘要： 伪类和伪元素时对那些我们不能通过class、id等选择元素的补充 伪类的操作对象是文档树中已有的元素（可以给已有元素加了一个类替代），而伪元素则创建了一个文档数外的元素（可以添加一个新元素替代） CSS3规范中要求使用双冒号(::)表示伪元素，以此来区分伪元素和伪类。 伪类： first-child 阅读全文