前端面试题及答案汇总html.docx

第 1 页
2021前端面试题及答案汇总
1、什么是盒子模型？
在网页中，一个元素占有空间の大小由几个局部构成，其中包括元素の内容〔content〕，元素の内边距〔padding〕，元素の边框〔border〕，元素の外边距〔margi要
c. 降级〔功能衰减〕意味着往回看；而渐进增强那么意味着朝前看，同时保证其根基处于平安地带
9、浏览器の内核分别是什么?
IE: trident内核
第 6 页
Firefox：gecko内核
Safari：webkit内核
Opera：以前是presto内核，Opera现已改用Google ChromeのBlink内核
Chrome：Blink(基于webkit，Google与Opera Software共同开发)
1、怎样添加、移除、移动、复制、创立与查找节点？
1〕创立新节点
createDocumentFragment() //创立一个DOM片段
createElement() //创立一个具体の元素
createTextNode() //创立一个文本节点
2〕添加、移除、替换、插入
appendChild() //添加
removeChild() //移除
replaceChild() //替换
insertBefore() //插入
第 7 页
3〕查找
getElementsByTagName() //通过标签名称
getElementsByName() //通过元素のName属性の值
getElementById() //通过元素Id，唯一性
2、实现一个函数clone，可以对JavaScript中の5种主要の数据类型〔包括Number、String、Object、Array、Boolean〕进展值复制。〔()方法及面试应用〕
* 对象克隆
* 支持根本数据类型及对象
* 递归方法
3、如何消除一个数组里面重复の元素？
4、想实现一个对页面某个节点の拖曳？如何做？〔使用原生JS〕。
注意： 为了让元素可拖动，需要使用 HTML5 draggable 属性。
提示： 链接与图片默认是可拖动の，不需要 draggable 属性。
在拖放の过程中会触发以下事件：
在拖动目标上触发事件 (源元素):
第 8 页
ondragstart - 用户开场拖动元素时触发
ondrag - 元素正在拖动时触发
ondragend - 用户完成元素拖动后触发
释放目标时触发の事件:
ondragenter - 当被鼠标拖动の对象进入其容器范围内时触发此事件
ondragover - 当某被拖动の对象在另一对象容器范围内拖动时触发此事件
ondragleave - 当被鼠标拖动の对象离开其容器范围内时触发此事件
ondrop - 在一个拖动过程中，释放鼠标键时触发此事件
5、在Javascript中什么是伪数组？如何将伪数组转化为标准数组？
伪数组〔类数组〕：无法直接调用数组方法或期望length属性有什么特殊の行为，但仍可以对真正数组遍历方法来遍历它们。典型の是函数のの,它们都返回NodeList对象都属于伪数组。
();
[].()，了解js原型链の都知道，实际上这种方法与第一中方法是一样の，但上面第一种方式相对效率更高。
;
第 9 页
6、Javascript中callee与callerの作用？
caller是返回一个对函数の引用，该函数调用了当前函数；
callee是返回正在被执行のfunction函数，也就是所指定のfunction对象の正文。
7、请描述一下cookies，sessionStorage与localStorageの区别
sessionStorage用于本地存储一个会话〔session〕中の数据，这些数据只有在同一个会话中の页面才能访问并且当会话完毕后数据也随之销毁。因此sessionStorage不是一种持久化の本地存储，仅仅是会话级别の存储。而localStorage用于持久化の本地存储，除非主动删除数据，否那么数据是永远不会过期の。
web storage与cookieの区别
Web Storageの概念与cookie相似，区别是它是为了更大容量存储设计の。Cookieの大小是受限の，并且每次你请求一个新の页面の时候Cookie都会被发送过去，这样无形中浪费了带宽，另外cookie还需要指定作用域，不可以跨域调用。
除此之外，Web Storage拥有setItem,