惊弓232
获得徽章 0
圣杯布局/ 双飞翼布局
圣杯布局使用padding控制两侧边距，双飞翼布局使用margin控制两侧边距。
DOM结构：中、左、右
使用浮动定位，统一向左浮动使其DOM总的位置处在同一行，中间列宽度width：100%自适应。
圣杯布局：最外层盒子设置内边距（left,right被挤压至下一行），left使用margin-left：-100%向左移动父元素宽度，再使用相对定位，margin：-100px向上移动自身高度。right使用margin-right：-100px向右移动自身宽度，浮动至上一行。
双飞翼布局：（center多一层DOM结点，解决了圣杯布局中当中间列宽度小于左右宽度时布局变形的问题）使用center内层的盒子inner设置外边距，为左右列空出位置。左侧left设置margin-left：-100%偏移父盒子的宽度，右侧right设置margin-left：100px将自身位置向左偏移自身宽度。
圣杯布局使用padding控制两侧边距，双飞翼布局使用margin控制两侧边距。
DOM结构：中、左、右
使用浮动定位，统一向左浮动使其DOM总的位置处在同一行，中间列宽度width：100%自适应。
圣杯布局：最外层盒子设置内边距（left,right被挤压至下一行），left使用margin-left：-100%向左移动父元素宽度，再使用相对定位，margin：-100px向上移动自身高度。right使用margin-right：-100px向右移动自身宽度，浮动至上一行。
双飞翼布局：（center多一层DOM结点，解决了圣杯布局中当中间列宽度小于左右宽度时布局变形的问题）使用center内层的盒子inner设置外边距，为左右列空出位置。左侧left设置margin-left：-100%偏移父盒子的宽度，右侧right设置margin-left：100px将自身位置向左偏移自身宽度。
展开
评论
点赞
GET请求和POST请求的区别
---
1. 浏览器回退表现不同：GET请求回退时浏览器可以从缓存中读取历史数据，POST请求会再次向服务器提交请求。
2. GET产生的URL地址可以被书签保存，POST请求中参数并不在URL地址中无法直接存储至书签中。
3. 浏览器对地址请求的处理不同：GET请求会主动被cache。
4. 编码方式不同：GET请求只能进行URL编码，POST请求支持多种编码方式。
5. 浏览器对响应的处理不同：GET请求中的参数会被完整保留在浏览记录中。
6. 参数长度不同：GET请求中URL的参数长度有限制，在兼容IE的情况下最长为2083字符。
7. 参数类型不同：GET请求只能接受ASCLL字符。
8. 安全性不同。
---
1. 浏览器回退表现不同：GET请求回退时浏览器可以从缓存中读取历史数据，POST请求会再次向服务器提交请求。
2. GET产生的URL地址可以被书签保存，POST请求中参数并不在URL地址中无法直接存储至书签中。
3. 浏览器对地址请求的处理不同：GET请求会主动被cache。
4. 编码方式不同：GET请求只能进行URL编码，POST请求支持多种编码方式。
5. 浏览器对响应的处理不同：GET请求中的参数会被完整保留在浏览记录中。
6. 参数长度不同：GET请求中URL的参数长度有限制，在兼容IE的情况下最长为2083字符。
7. 参数类型不同：GET请求只能接受ASCLL字符。
8. 安全性不同。
展开
评论
点赞