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.消灭浮动的几种要领
1)父级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.jswindow.addEventListen
er(function(){
FastClick.attach(document.body);
1},false)`
7.HTTP的缓存机制
1)强迫缓存:当所要求的数据在缓存数据库中还没有逾期时,不与服务器举行交互,直接运用缓存数据库中的数据。Expire / Cache-Control
2)协商缓存:从缓存数据库中掏出缓存的标识,然后向浏览器发送要求考证要求的数据是不是已更新,假如已更新则返回新的数据,若未更新则运用缓存数据库中的缓存数据。etag / last-modifield