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
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网
猜你喜欢:
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
Bulletproof Ajax中文版
Jeremy Keith / 刘申、宋薇 / 人民邮电出版社 / 2007-11 / 39.00元
本书介绍了如何构建无懈可击的Ajax Web应用程序，重点讲述如何在已有Web站点使用Ajax增强网站用户体验，从而尽可能地保证网站拥有最大限度的可移植性和亲和力，这正是目前大多数网站面临的需求。书中主要介绍了JavaScript、DOM、XMLHttpRequest、数据格式等，同时还提出了一种Hijax方法，即可以让Web应用程序平稳退化的方法。 本书适合各层次Web开发和设计人员阅读......一起来看看 《Bulletproof Ajax中文版》 这本书的介绍吧!
