2018前端面试题1

1.css盒子模型概念

答：padding，margin，border

2.html渲染过程

答：解析HTML--构建DOM树--DOM树与CSS样式进行附着构造呈现树--布局--绘制

 

当浏览器遇到一个 script 标记时，DOM 构建将暂停，直至脚本完成执行。
JavaScript 可以查询和修改 DOM 与 CSSOM。
CSSOM 构建时，JavaScript 执行将暂停，直至 CSSOM 就绪。

3.移动web开发和pc开发有何不同

 

答：

1.pc端没有触摸的各种事件，移动端有；移动端没有鼠标移入移出事件，但是pc端有

2.Pc端最常用的布局是固定宽度为980px（也有960px，1000px，1200px）；而在移动端，因为有很多网页是可以横屏看也可以竖屏看，并且很多屏幕的饿分辨率都    是不一样的，所以只要牵涉到移动端都要考虑用响应式布局
3.Pc布局考虑更多的是浏览器的兼容性，但是在移动端，考虑更多的是手机兼容性，因为手机的型号类型非常的多，导致屏幕的分辨率是不一样的
4.移动端触摸弹出的手机键盘处理也是在pc端不会遇到的问题。
5.移动端和pc端适用的js框架也是不一样
6.Pc端浏览器内核有很多，webkit，Gecko，。。。。，但是移动端的浏览器内核比较单一，基本都是webkit以及webkit相关的blink
7.Pc端的交互是鼠标，键盘的交互而移动端变成了触摸，手势的交互

 

4.什么叫优雅降级和渐进增强