1.CSS的盒子模型
content 、内边距
padding 、边框
border 、外边距
margin
box-sizing : border-box ; content-box ; inherit ;
1) content-box :总宽度= margin+border+padding+width ，即为标准模型；
2) border-box :总宽度= margin+width ，即为IE模型；
3) inherit :继承父元素的 border-sizing 属性。
2.AJAX的readyState几种状态
0 ——初始化
1 ——载入
2 ——载入完成
3 ——解析
4 ——完成
3.常见的post提交数据方式对应的content-type取值
4 种
1) application/x-www-form-urlencoded :数据被编码为名称/值对,这是标准的编码格式。
2) multipart/form-data :数据被编码为一条消息，页上的每个控件对应消息中的一个部分。
3) application/json :告诉服务端消息主体是序列化后的 JSON 字符串.
4) text/xml
4.清除浮动的几种方法
div 定义伪类：
after 和
zoom
`.clearfloat::after {display:block; clear:both; content:" "; visibility:hidden; height:0;}
.clearfloat {zoom:1}`
2)在结尾处添加空div 标签
clear：both
3)父级
div 定义
height
4)父级
div 定义
display:table
5)父级 div 也一起浮动
6)父级 div 定义 overflow:auto/hidden （必须定义 width 或 zoom:1 ，同时不能定义 height ，浏览器会自动检查浮动区域的高度）
5.Webpack解析ES6用的插件
babel-loader
6.移动端上click事件在某些浏览器有没有遇到延迟的问题
1)静止缩放
<meta name="viewport" content="width=device-width user-scalable='no' "> 或
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
2)引入`fastclick.js
window.addEventListen er(function(){
FastClick.attach(document.body);
1},false)`
7.HTTP的缓存机制
1)强制缓存：当所请求的数据在缓存数据库中尚未过期时，不与服务器进行交互，直接使用缓存数据库中的数据。
Expire / Cache-Control
2)协商缓存：从缓存数据库中取出缓存的标识，然后向浏览器发送请求验证请求的数据是否已经更新，如果已更新则返回新的数据，若未更新则使用缓存数据库中的缓存数据。
etag / last-modifind
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
HTTP/2基础教程
Stephen Ludin、Javier Garza / 罗正龙、郑维智 / 人民邮电出版社 / 2018-1 / 49.00元
让网站和应用更快速、更简洁、更稳健，从而有效提升用户体验，这无疑是众多开发者梦寐以求的。然而互联网发展日新月异，HTTP/1.1协议已经难以满足现今的需求。在众多Web性能提升方案中，HTTP/2值得尝试。 本书是HTTP/2实用指南，介绍了HTTP/2的设计初衷和新特性，以及如何才能充分利用这些特性来打造高性能网站及应用。作者用定量分析方法，对比了不同网络环境下及不同浏览器上HTTP/1.......一起来看看 《HTTP/2基础教程》 这本书的介绍吧!
