百度一面 凉经

1.HTML块级元素和行内元素的区别

块级元素独占一行,可以容纳其他块级元素以及行内元素,行内元素只能容纳文本和其他内联元素;行内元素设置宽高无效。
eg:span和img的区别?
img可以设置宽高

2.HTML5语义化的作用?

可以通过标签判断语义,如article,section,nav,header,foote等等
作用:
1.去掉或样式丢失css的时候能让页面呈现清晰的结构
2.方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以有意义的方式来渲染网页
3.有利于SEO

3.浏览器的内核

1、Trident内核:IE最先开发或使用的,也称IE内核,百360浏览器使用的也是IE内核;
2、Webkit内核:谷歌chrome浏览器最先开发或使用,也叫谷歌内核,Saferi枫树浏览器、太阳花使用的也是谷歌内核;
3、Gecko内核:度 Netscape6开始采用的内核,后来的Mozilla FireFox (火狐浏览器) 也采用了该内核,K-Meleon浏览器也是使用这种内核;
4、Presto内核:目前只有Opera浏览器采用该内核

4.存储方式知道哪些,有什么区别

cookie,session,token,Localstorage,SessionStorage
localstorage存储在客户端

5.CSS可以继承的属性

字体间距,行高,颜色,text-indent,text-align等等

6.伪类和伪元素的区别

基于是否操作原有DOM
伪元素不是已有DOM:::after
伪类是已有DOM:link,:visited

7.如何垂直水平居中一个盒子

垂直:verticle-align:middle
水平:两侧边距设为auto

8.如何清除浮动

1.后面加个clear空元素clear:both
2.加个:clear伪类清除
3.对父级元素设置overflow overflow:hidden/overflow:auto

9.如何写一个字体小于12px

10.ES6用过哪些API

Class类,Promise

11.promise.then返回什么

如果then()方法返回一个参数值,那返回的Promise就是fulfilled状态;
如果then()方法返回一个错误,那返回的Promise就是rejected状态;
如果then()方法调用了resolve方法,那返回的Promise就是fulfilled状态;
如果then()方法调用了reject方法,那返回的Promise就是rejected状态;
如果then()方法没有明确指定,那返回的新promise就是fulfilled状态,可以逐层向下传递
await返回什么
当不是个promise对象的时候返回值
是个promise对象时等待promise执行完返回reslove的值

12.ajax和fetch的区别

fetch基于promise设计的,优点:
1.语法简洁,语义化
2.基于标准Promise。支持async,await
3.脱离了XHR
ajax和axios的区别
ajax是一种异步请求技术;axios是一种基于promise封装的http客户端。axios是ajax技术的一种实现。
axios的特征:
1.从浏览器中创建XMLHttpRequest
2.支持promiseAPI
3.提供了一些并发请求的接口
4.防止CSRF:让用户的每一个请求都带一个从cookie中拿到的key
5.自动转换json数据

13.webpack的使用

14.DNS

百度一面 凉经

15.BFC和IFC

16.类数组