刷前端面经笔记(一)

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定义伪类:afterzoom
`.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(必需定义widthzoom: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.addEventListener(function(){

FastClick.attach(document.body);

1},false)`

7.HTTP的缓存机制

1)强迫缓存:当所要求的数据在缓存数据库中还没有逾期时,不与服务器举行交互,直接运用缓存数据库中的数据。
Expire / Cache-Control
2)协商缓存:从缓存数据库中掏出缓存的标识,然后向浏览器发送要求考证要求的数据是不是已更新,假如已更新则返回新的数据,若未更新则运用缓存数据库中的缓存数据。
etag / last-modifield

《刷前端面经笔记(一)》

    原文作者:LHH大翰仔仔
    原文地址: https://segmentfault.com/a/1190000018106121
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞