刷前端面经笔记(一)

栏目: 数据库 · 发布时间: 6年前

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.addEventListen er(function(){

FastClick.attach(document.body);

1},false)`

7.HTTP的缓存机制

1)强制缓存:当所请求的数据在缓存数据库中尚未过期时,不与服务器进行交互,直接使用缓存数据库中的数据。

Expire / Cache-Control

2)协商缓存:从缓存数据库中取出缓存的标识,然后向浏览器发送请求验证请求的数据是否已经更新,如果已更新则返回新的数据,若未更新则使用缓存数据库中的缓存数据。

etag / last-modifind

刷前端面经笔记(一)


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

人工智能的未来

人工智能的未来

Jeff Hawkins、Sandra Blakeslee / 贺俊杰、李若子、杨倩 / 陕西科学技术出版社 / 2006.1 / 18.5

陕西科技出版社最新引进美国图书《人工智能的未来》(On Intelligence)一书,是由杰夫•霍金斯,一位在硅谷极其成功、受人尊敬的计算机工程师、企业家与桑德拉•布拉克斯莉,《纽约日报》的栏目作家共同撰写。本书对人类大脑皮层所具有的知觉、认识、行为和智能功能新理论提出了新的理论构想。这一理论的独到之处在于对大脑皮层的现行认识提出了新的观点,对大脑的工作原理,即霍金斯称之为“真正智能”而非计算机......一起来看看 《人工智能的未来》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具