1.什么是盒子模型？

CSS中的思维模型,每一个元素都包罗margin,padding,boder,content区域,占一个盒子形状,整体称为盒模型.

2.简述一下src与href的区别?

Href 超文本链接,指向网络资源地址位置,如果我们在文档添加<link href="http://www.mamicode.com/common.css"/>浏览器会下载资源并且不会遏制对当前文档的措置惩罚惩罚。

Src source,指向外部资源的位置,如果我们添加<script src ="http://www.mamicode.com/js.js"></script>浏览器会暂停其他资源的下载和措置惩罚惩罚,直到该资源加载,编译,执行完毕(图片和框架也是如此),这也就是为什么js脚本要放在底部。
src用于替换当前元素,href用于在当前文档和引入资源之间成立联系。

3.简述同步和异步的区别?

同步强调挨次性,谁先谁后,异步不存在这种挨次性.
同步:用户能看到页面刷新,请求发送,请求完成, 等请求完成,页面刷新,新内容呈现,用户看到新内容.
异步:用户正常操纵,浏览器进行后端请求,等请求完成,页面不刷新,用户看到新内容

4.怎样添加、移除、移动、复制、创建和查找节点？

createNode,createElement,createDocumentFragment
removeChild
appendChild insertBefore
cloneNode
getElementById,getElementsByNaem,getElementsBytagName,getElementByClassName

2道思考题

1.站点 Logo 是否因呈此刻 <h1> 标签中?
H1标签是标题标签,一个页面只能呈现1次.H1能提升网站搜索引擎优化排名,当你的logo足够有影响力的时候,可以再logo中放入H1,不然最好不要浪费一个页面独一的一次机会.
h1不要加在header里面，尤其是logo上。
2.是否应该撑持 IE6？
看你的网站的受众是谁,做好平稳退化。

5.一次完整的HTTP事务是怎样的一个过程？

1.域名解析
2.倡议tcp的3次握手
TCP 为什么需要3次握手？
举个例子：
假设一个老外在故宫里面迷路了，看到了小明，于是就有下面的对话：
老外： Excuse me，Can you Speak English?
小明： yes 。
老外： OK,I want ...
在问路之前，老外先问小明是否会说英语，小明回答是的，这时老外才开始问路
3.倡议http请求(get post)
4.处事器相应http请求,处事器发送给浏览器html源码
5.浏览器解析html源码,并请求html源码中的资源
6.浏览器对整个页面进行衬着,让用户得到最终的页面

6.你所了解到的Web打击技术?

（1）XSS（Cross-Site Scripting，跨站脚本打击）：指通过存在安适缝隙的Web网站注册用户的浏览器内运行犯警的HTML标签或者JavaScript进行的一种打击。
（2）SQL注入打击
（3）CSRF（Cross-Site Request Forgeries，跨站点请求伪造）：指打击者通过设置好的陷阱，强制对已完成的认证用户进行非预期的小我私家信息或设定信息等某些状态更新。

7.ajax是什么?ajax的交互模型?同步和异步的区别?如何解决跨域问题?

通过异步措置惩罚惩罚,提升用过体验;
优化了数据传输,减少了浏览器和处事器之间的数据往返,减少带宽占用;
ajax减少了本应由处事器承当的事情,减少了大量用户下的处事器负载;
ajax特点:
可以实现动态不刷新(局部刷新);
ajax错误谬误:
不撑持浏览器back按钮;
对搜索引擎的撑持较弱;
不容易调试;
粉碎了措施的异常机制;
袒露了与处事器之间的交互细节;

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

渐进增强 progressive enhancement： 针对低版本浏览器进行构建页面，保证最根基的成果，然后再针对高级浏览器进行效果、交互等改造和追加成果到达更好的用户体验。

优雅降级 graceful degradation： 一开始就构建完整的成果，然后再针对低版本浏览器进行兼容。

区别： a. 优雅降级是从庞大的现状开始，并试图减少用户体验的供应 b. 渐进增强则是从一个非常根本的，能够起感化的版本开始，并不停扩充，以适应未来环境的需要 c. 降级（成果衰减）意味着往回看；而渐进增强则意味着朝前看，同时保证其根底处于安适地带

2道思考题

3、前端网页制作怎么克服差别辨别率的问题？

使用媒体盘问器,结合响应式构造;

4.是否该继续使用 <b> 和 <i> 两个标签?

当只是想要造成粗体或者斜体时,应该使用css
当带有语义情况下,是对文本进行强调时,可以使用

9.在Javascript中什么是伪数组？如何将伪数组转化为标准数组？

无法直接挪用数组要领或期望length属性有什么特殊行为,但仍可以使用遍历数组的要领遍历他们.
Array.prototype.slice.call(fakeArr)

10.浏览器本地存储?

H5之前:
cookies,错误谬误是在请求头上带数据,且巨细最多是4k;
Html5之后:
LocalStorage 用于本地的永久存储,除非主动删除,否者永不过期;
SessionStorage 用于会话级另外姑且存储,这些数据只有在同一个窗口下才华访谒;当窗口封锁时,数据也会随之销毁;

11.线程与进程的区别?