下载文档原格式
高级前端面试问题及答案解析前言：前端开发是当前互联网行业中的一项热门技术，其重要性不言而喻。
面试是升职加薪、求职换工作的必经之路。
为了帮助广大前端开发人员更好地备战面试，本文将结合自身经验和行业标准，整理了一些高级前端面试常见的问题及答案解析。
一、HTML/CSS1. 请解释一下HTML语义化的概念，以及为什么它对SEO有重要意义。
HTML语义化是指合理正确地使用HTML标签来描述页面结构及内容信息。
通过正确使用语义化标签，可以帮助浏览器和搜索引擎更好地理解页面结构，提升页面的可访问性和可读性，从而对SEO有重要意义。
例如，使用<p>标签表示段落，使得搜索引擎可以更好地理解其中的文本内容。
2. 请解释一下CSS盒模型的概念，并说明标准盒模型和IE盒模型的区别。
CSS盒模型是指一个网页元素在页面中所占空间的计算模型。
标准盒模型包含了元素的内容区域、内边距、边框和外边距；而IE盒模型则将内边距和边框都计算在了元素的宽度和高度之内。
这导致了标准盒模型和IE盒模型在计算宽度和高度时的差异。
例如，标准盒模型下，一个元素的宽度和高度等于内容区域的宽度和高度；而IE盒模型下，一个元素的宽度和高度等于内容区域、内边距和边框的宽度和高度之和。
3. 请解释一下CSS选择器优先级的计算规则，并给出一个例子。
CSS选择器优先级是用于确定当多个选择器作用在同一个元素上时，哪个选择器的样式会被应用的规则。
优先级的计算规则为：标签选择器的权重为1，类选择器的权重为10，ID选择器的权重为100，行内样式的权重为1000，以及通过!important声明的样式的权重最大。
例如，对于以下的样式规则：```p {color: green;}p#myId {color: red;}```其中，权重计算为：ID选择器权重100 + 标签选择器权重1 = 101。
因此，带有ID为"myId"的段落元素的文字颜色将会是红色。
htmlcss多选题及答案,前端⾯试题（含答案）——HTML、CSS相关HTML相关1、标签的定义与⽤法。
定义和⽤法声明位于⽂档中的最前⾯的位置，处于 标签之前。
此标签可告知浏览器⽂档使⽤哪种 HTML 或 XHTML 规范。
该标签可声明三种 DTD 类型，分别表⽰严格版本、过渡版本以及基于框架的 HTML ⽂档。
以下⾯这个 标签为例：在上⾯的声明中，声明了⽂档的根元素是 html，它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Strict//EN" 的 DTD 中进⾏了定义。
浏览器将明⽩如何寻找匹配此公共标识符的 DTD。
如果找不到，浏览器将使⽤公共标识符后⾯的 URL 作为寻找 DTD 的位置。
提⽰和注释：注释： 标签没有结束标签！HTMLHTML 4.01 规定了三种⽂档类型：Strict、Transitional 以及 Frameset。
HTML Strict DTD如果您需要⼲净的标记，免于表现层的混乱，请使⽤此类型。
请与层叠样式表(CSS)配合使⽤：HTML Transitional DTDTransitional DTD 可包含 W3C 所期望移⼊样式表的呈现属性和元素。
如果您的读者使⽤了不⽀持层叠样式表(CSS)的浏览器以⾄于您不得不使⽤ HTML 的呈现特性时，请使⽤此类型：Frameset DTDFrameset DTD 应当被⽤于带有框架的⽂档。
除 frameset 元素取代了 body 元素之外，Frameset DTD 等同于 Transitional DTD：XHTMLXHTML 1.0 规定了三种 XML ⽂档类型：Strict、Transitional 以及 Frameset。
XHTML Strict DTD如果您需要⼲净的标记，免于表现层的混乱，请使⽤此类型。
请与层叠样式表(CSS)配合使⽤：XHTML Transitional DTDTransitional DTD 可包含 W3C 所期望移⼊样式表的呈现属性和元素。
中级前端面试题1. HTML：HTML是用来描述网页结构的标记语言。
请简要介绍HTML的概念以及常用的HTML标签。
HTML（HyperText Markup Language，超文本标记语言）是一种用于创建网页和应用程序的标准标记语言。
它使用标记标签来描述网页的结构，通过标记标签将文本、图像、多媒体等内容展示给用户。
常用的HTML标签包括：- `<html>`：定义HTML文档- `<head>`：定义文档的头部- `<title>`：定义文档的标题- `<body>`：定义文档的主体部分- `<h1>`~`<h6>`：定义标题，从大到小对应不同级别的标题- `<p>`：定义段落- `<a>`：定义超链接- `<img>`：定义图像- `<ul>`：定义无序列表- `<ol>`：定义有序列表- `<li>`：定义列表项- `<table>`：定义表格- `<form>`：定义表单2. CSS：CSS（Cascading Style Sheets，层叠样式表）用于描述网页的样式和布局。
请介绍CSS的概念以及常用的CSS选择器和属性。
CSS是一种样式表语言，用于描述HTML文档的样式和布局。
通过CSS，我们可以对网页中的元素进行样式的修改和设置。
常用的CSS选择器包括：- 元素选择器：通过元素名称选择元素（如`p`选择所有`<p>`元素）- 类选择器：通过类名选择元素（如`.class`选择所有具有该类名的元素）- ID选择器：通过ID选择元素（如`#id`选择具有该ID的元素）- 后代选择器：选择某个元素的后代元素（如`div p`选择`<div>`内部的所有`<p>`元素）- 相邻兄弟选择器：选择紧接在另一个元素后的元素（如`h1 + p`选择紧接着`<h1>`后面的`<p>`元素）常用的CSS属性包括：- `color`：定义文本的颜色- `font-size`：定义字体的大小- `background-color`：定义背景颜色- `margin`：定义外边距- `padding`：定义内边距- `border`：定义边框样式- `width`：定义元素的宽度- `height`：定义元素的高度3. JavaScript：JavaScript是一种用于网页交互和动态效果实现的脚本语言。
前端开发工程师面试题及答案在前端开发领域，面试是选拔优秀人才的重要环节。
以下是一些常见的前端开发工程师面试题以及对应的参考答案。
一、HTML 和 CSS 相关问题1、解释一下盒模型以及它在布局中的作用。
答案：盒模型是 CSS 中用于布局的基本概念，它由内容（content）、内边距（padding）、边框（border）和外边距（margin）组成。
在布局中，理解盒模型对于准确计算元素的尺寸和间距非常重要，能够帮助我们实现各种复杂的页面布局。
2、如何实现一个两栏布局，左边固定宽度，右边自适应？答案：可以使用多种方法实现。
一种常见的方式是使用浮动（float），将左边栏设置为固定宽度并向左浮动，右边栏不浮动，并设置其左边的外边距（marginleft）为左边栏的宽度。
也可以使用 flex 布局，将父容器设置为 display: flex; ，左边栏设置固定宽度，右边栏设置flex: 1; 以实现自适应。
3、说一说 CSS 选择器的种类和优先级。
答案：CSS 选择器包括元素选择器、类选择器、id 选择器、属性选择器、伪类选择器、伪元素选择器等。
选择器的优先级从高到低依次为：内联样式（通过 style 属性设置）＞ id 选择器＞类选择器、属性选择器、伪类选择器＞元素选择器、伪元素选择器。
二、JavaScript 相关问题1、谈谈你对 JavaScript 中作用域和闭包的理解。
答案：作用域决定了变量的可见性和可访问性。
在 JavaScript 中有全局作用域和函数作用域。
闭包是指有权访问另一个函数作用域中的变量的函数。
闭包可以让函数记住其创建时的环境，即使外部函数已经执行完毕，闭包仍能访问外部函数中的变量。
2、如何实现 JavaScript 的继承？答案：常见的实现方式有原型链继承、借用构造函数继承、组合继承、寄生组合继承等。
原型链继承通过将子类型的原型指向父类型的实例来实现继承；借用构造函数继承通过在子类型的构造函数中调用父类型的构造函数来继承属性；组合继承结合了原型链继承和借用构造函数继承的优点；寄生组合继承是一种优化的组合继承方式，避免了不必要的父类实例属性的重复创建。
前端面试题含答案某某公司产品部-前端题-答案产品部Beijing前端开发知识点大纲：HTML&CSS：对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应JavaScript：数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存泄漏、事件机制、异步装载回调、模板引擎、Nodej、JSON、aja某等。
其他：HTTP、安全、正则、优化、重构、响应式、移动端、团队协作、可维护、SEO、UED、架构、职业生涯作为一名前端工程师，无论工作年头长短都应该必须掌握的知识点：1、DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。
2、DOM操作——如何添加、移除、移动、复制、创建和查找节点等。
3、事件——如何使用事件，以及IE和标准DOM事件模型之间存在的差别。
4、某MLHttpRequet——这是什么、怎样完整地执行一次GET请求、怎样检测错误。
5、严格模式与混杂模式——如何触发这两种模式，区分它们有何意义。
6、盒模型——外边距、内边距和边框之间的关系，及IE8以下版本的浏览器中的盒模型7、块级元素与行内元素——怎么用CSS控制它们、以及如何合理的使用它们8、浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。
9、HTML与某HTML——二者有什么区别，你觉得应该使用哪一个并说出理由。
10、JSON——作用、用途、设计结构。
（2）、严格模式的排版和JS运作模式是以该浏览器支持的最高标准运行。
（3）、在混杂模式中，页面以宽松的向后兼容的方式显示。
模拟老式浏览器的行为以防止站点无法工作。
（4）、DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。
二、行内元素有哪些？块级元素有哪些？空(void)元素有那些？（1）CSS规范规定，每个元素都有diplay属性，确定该元素的类型，每个元素都有默认的diplay值，比如div默认diplay属性值为“block”，成为“块级”元素；pan默认diplay属性值为“inline”，是“行内”元素。
前端常见的HTML+CSS⾯试题（附答案）HTML1. <image>标签上title属性与alt属性的区别是什么？alt属性是为了给那些不能看到你⽂档中图像的浏览者提供⽂字说明的。
且长度必须少于100个英⽂字符或者⽤户必须保证替换⽂字尽可能的短。
这包括那些使⽤本来就不⽀持图像显⽰或者图像显⽰被关闭的浏览器的⽤户，视觉障碍的⽤户和使⽤屏幕阅读器的⽤户等。
title属性为设置该属性的元素提供建议性的信息。
使⽤title属性提供⾮本质的额外信息。
参考《alt和title属性的区别及应⽤》2. 分别写出以下⼏个HTML标签：⽂字加粗、下标、居中、字体加粗：<b>、<strong>下标：<sub>居中：<center>字体：<font>、<basefont>3. 请写出⾄少5个html5新增的标签，并说明其语义和应⽤场景section：定义⽂档中的⼀个章节nav：定义只包含导航链接的章节header：定义页⾯或章节的头部。
它经常包含 logo、页⾯标题和导航性的⽬录。
footer：定义页⾯或章节的尾部。
它经常包含版权信息、法律信息链接和反馈建议⽤的地址。
aside：定义和页⾯内容关联度较低的内容——如果被删除，剩下的内容仍然很合理。
4. 请说说你对标签语义化的理解？a. 去掉或者丢失样式的时候能够让页⾯呈现出清晰的结构b. 有利于SEO：和搜索引擎建⽴良好沟通，有助于爬⾍抓取更多的有效信息：爬⾍依赖于标签来确定上下⽂和各个关键字的权重；c. ⽅便其他设备解析（如屏幕阅读器、盲⼈阅读器、移动设备）以意义的⽅式来渲染⽹页；d. 便于团队开发和维护，语义化更具可读性，遵循W3C标准的团队都遵循这个标准，可以减少差异化。
5. Doctype作⽤? 严格模式与混杂模式如何区分？它们有何意义?声明位于⽂档中的最前⾯，处于标签之前。
告知浏览器以何种模式来渲染⽂档。
前端面试题及答案在前端领域中，面试是获取工作机会的重要环节。
为了帮助准备前端面试的候选人们，本文将提供一些常见的前端面试题及其答案，以供参考。
一、HTML相关面试题1. 请简述HTML的概念和作用。
HTML是超文本标记语言的缩写，用于构建网页的标准标记语言。
它通过标签来定义页面的结构和内容，并与CSS和JavaScript等其他技术协同工作，实现页面的渲染和交互。
2. 请解释一下HTML5的新特性。
HTML5引入了许多新特性，例如语义化标签（如header、footer、nav等）、视频和音频元素、Canvas绘图功能、本地存储（localStorage 和sessionStorage）、WebSocket等。
这些特性提升了网页的功能和性能，使开发者能够更好地构建富交互、多媒体的网页应用。
3. 请描述一下HTML元素的块级元素和内联元素的区别。
块级元素会独占一行，相邻的两个块级元素会自动换行。
常见的块级元素有div、p、h1等。
而内联元素不会换行，会在一行内按照从左到右的顺序排列。
常见的内联元素有span、a、em等。
此外，块级元素可以包含内联元素，但是内联元素不能包含块级元素。
二、CSS相关面试题1. 请解释一下盒模型。
盒模型描述了一个HTML元素所占空间的模型。
它由内容区、内边距、边框和外边距组成。
其中，内容区的大小由width和height属性决定，内边距由padding属性决定，边框由border属性决定，外边距由margin属性决定。
2. 如何实现水平居中一个块级元素？要实现水平居中一个块级元素，可以设置其左右外边距为auto，同时将其display属性设置为block。
例如，假设元素的宽度为300px，可以使用如下CSS代码：```css.element {width: 300px;margin-left: auto;margin-right: auto;display: block;}```3. 请解释一下CSS选择器的优先级。
HTML+CSS习题及面试题1.[问答题]根据下面效果图设计页面：两点要求：1.自适应宽度，左右两栏固定宽度，中间栏优先加载；2.要考虑到换肤---------------------------------------------------------------------------------------------------------------------------- 来自：2011腾讯前端面试稿参考：1.自适应宽度，左右两栏固定宽度，中间栏优先加载，可以采用双飞翼布局。
<style type="text/css">*{ margin:0; padding:0px;}.header{ background:#666; text-align:center;}.body{ overflow:hidden;*zoom:1;}.wrap-2{ margin-top:30px;}.wrap-2 .main-2{ float:left; width:100%;margin-bottom:-3000px; padding-bottom:3000px;background:#F90;}.wrap-2 .main-wrap-2{ margin:0 200px 0 150px; }.wrap-2 .sub-2{ float:left; margin-left:-100%; width:150px; background:#6C0; margin-bottom:-3000px; padding-bottom:3000px;}.wrap-2 .extra-2{ float:left; margin-left:-200px; width:200px; background:#F9F; margin-bottom:-3000px; padding-bottom:3000px;}.footer{ background:#666; text-align:center;}</style><div class="wrap-2"><div class="header">Header</div><div class="body"><div class="main-2"><div class="main-wrap-2"><p>main-wrap</p><p>main-wrap</p></div></div><div class="sub-2"><p>sub</p><p>sub</p><p>sub</p></div><div class="extra-2"><p>extra</p><p>margin-left:350px; background:#CC0;margin-left:350px; background:#CC0;</p></div></div><div class="footer">Footer</div></div>2.使用最新的css3盒布局技术，它允许宽度自适应，改变元素显示顺序，优先加载重要区域。
40个重要的HTML5⾯试题及答案介绍我是⼀个 MVC的开发者，最近在我找⼯作的时候被问到很多与HTML5相关的问题和新特性。
所以以下40个重要的问题将帮助你复习HTML5相关的知识。
这些问题不是你得到⼯作的⾼效解决⽅案，但是可以在你想快速复习相关主题的时候有所帮助。
快乐地找⼯作。
SGML（标准通⽤标记语⾔）和HTML（超⽂本标记语⾔），XML（可扩展标记语⾔）和HTML的之间有什么关系？SGML（标准通⽤标记语⾔）是⼀个标准，告诉我们怎么去指定⽂档标记。
他是只描述⽂档标记应该是怎么样的元语⾔，HTML是被⽤SGML描述的标记语⾔。
因此利⽤SGML创建了HTML参照和必须共同遵守的DTD，你会经常在HTML页⾯的头部发现“DOCTYPE”属性，⽤来定义⽤于解析⽬标DTDXHTML1<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "/TR/html4/strict.dtd">现在解析SGML是⼀件痛苦的事情，所以创建了XML使事情更好。
XML使⽤了SGML，例如：在SGML中你必须使⽤起始和结束标签，但是在XML你可以有⾃动关闭的结束标签。
XHTML创建于XML，他被使⽤在HTML4.0中。
你可以参考下⾯代码⽚段中展⽰的XML DTDXHTML1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">总之，SGML是所有类型的⽗类，较旧的HTML利⽤SGML，HTML4.0使⽤派⽣⾃XML的XHTML什么是HTML5？HTML5是最新的HTML标准，他的主要⽬标是提供所有内容⽽不需要任何的像flash，silverlight等的额外插件，这些内容来⾃动画，视频，富GUI等HTML5是万维⽹联盟（W3C）和⽹络超⽂本应⽤技术⼯作组（WHATWG）之间合作输出的为什么HTML5⾥⾯我们不需要DTD（Document Type Definition⽂档类型定义）？HTML5没有使⽤SGML或者XHTML，他是⼀个全新的东西，因此你不需要参考DTD，对于HTML5，你仅需放置下⾯的⽂档类型代码告诉浏览器识别这是HTML5⽂档如果我不放⼊<! DOCTYPE html> ，HTML5还会⼯作么？不会，浏览器将不能识别他是HTML⽂档，同时HTML5的标签将不能正常⼯作哪些浏览器⽀持HTML5？⼏乎所有的浏览器Safari，Chrome，Firefox，Opera，IE都⽀持HTML5HTML5的页⾯结构同HTML4或者更前的HTML有什么区别？⼀个典型的WEB页⾯包含头部，脚部，导航，中⼼区域，侧边栏。
80道前端面试经典选择题1. HTML的全称是什么？2. HTML5的新特性有哪些？3. CSS的全称是什么？4. CSS3有哪些新特性？5. 行内元素和块级元素有什么区别？6. 什么是盒模型？7. 什么是浮动？8. 请解释一下什么是响应式设计？9. 什么是媒体查询？10. 什么是Flexbox布局？11. 请解释一下什么是CSS预处理器？12. 常见的CSS预处理器有哪些？13. 什么是JavaScript？14. JavaScript的数据类型有哪些？15. 请解释一下什么是事件冒泡和事件捕获？16. 什么是闭包？17. 请解释一下什么是原型链？18. 什么是AJAX？19. 请解释一下什么是跨域请求？20. 什么是JSON？21. 请解释一下什么是DOM操作？22. 什么是BOM？23. 请解释一下什么是前端路由？24. 什么是模块化开发？25. 请解释一下什么是ES6？26. 什么是箭头函数？27. 请解释一下什么是Promise？28. 什么是async/await？29. 请解释一下什么是SPA（单页面应用）？30. 什么是虚拟DOM？31. 请解释一下什么是Webpack？32. 什么是组件化开发？33. 请解释一下什么是MVVM？34. 什么是响应式框架？35. 请解释一下什么是跨站脚本攻击（XSS）？36. 什么是CSRF攻击？37. 请解释一下什么是同源策略？38. 什么是Web安全？39. 请解释一下什么是SEO？40. 什么是移动端适配？41. 请解释一下什么是渐进式Web应用（PWA）？42. 什么是WebGL？43. 请解释一下什么是Canvas？44. 什么是SVG？45. 请解释一下什么是Web动画？46. 什么是响应式图片？47. 请解释一下什么是网页性能优化？48. 什么是页面加载速度？49. 请解释一下什么是懒加载？50. 什么是CDN？51. 请解释一下什么是缓存？52. 什么是前端安全？53. 请解释一下什么是前端框架？54. 什么是React？55. 请解释一下什么是Vue.js？56. 什么是Angular？57. 请解释一下什么是React组件？58. 什么是Vue组件？59. 请解释一下什么是Angular组件？60. 什么是状态管理？61. 请解释一下什么是Redux？62. 什么是Vuex？63. 请解释一下什么是Angular服务？64. 什么是React生命周期？65. 请解释一下什么是Vue生命周期？66. 什么是Angular生命周期？67. 请解释一下什么是单向数据流？68. 什么是双向数据绑定？69. 请解释一下什么是虚拟DOM？70. 什么是服务端渲染？71. 请解释一下什么是SSR？72. 什么是CSR？73. 请解释一下什么是SSG？74. 什么是SPA？75. 请解释一下什么是PWA？76. 什么是Web组件？77. 请解释一下什么是Shadow DOM？78. 什么是Custom Elements？79. 请解释一下什么是HTML模板？80. 什么是ESlint？以上是80道前端面试经典选择题，希望能对你有所帮助。
2018前端面试题及答案汇总
1、什么是盒子模型？
在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容（content），元素的内边距（padding），元素的边框（border），元素的外边距（margin）四个部分。
这四个部分占有的空间中，有的部分可以显示相应的内容，而有的部分只用来分隔相邻的区域或区域。
4个部分一起构成了css中元素的盒模型。
?
2、行内元素有哪些？块级元素有哪些？空(void)元素有那些？
行内元素：a、b、span、img、input、strong、select、label、em、button、textar ea
块级元素：div、ul、li、dl、dt、dd、p、h1-h6、blockquote
空元素：即系没有内容的HTML元素，例如：br、meta、hr、link、input、img
?
3、CSS实现垂直水平居中
一道经典的问题，实现方法有很多种，以下是其中一种实现：
HTML结构：
<div class="wrapper">
? ? <div class="content"></div>
</div>
CSS：
.wrapper{position:relative;}
.content{
background-color:#6699FF;
width:200px;
height:200px;
position: absolute; ? ? ? ?est{color:red;}
?</style>
<![endif]-->
est{
color:#090\9; /* For IE8+ */
*color:#f00; ?/* For IE7 and earlier */
_color:#ff0; ?/* For IE6 and earlier */
}
est{color:#090;} ? ? ? /* For IE6 and earlier */
* + html .test{color:#ff0;} ? ? /* For IE7 */
?
6、简述同步和异步的区别
同步是阻塞模式，异步是非阻塞模式。
同步就是指一个进程在执行某个请求的时候，若该请求需要一段时间才能返回信息，那么这个进程将会一直等待下去，直到收到返回信息才继续执行下去；
异步是指进程不需要一直等下去，而是继续执行下面的操作，不管其他进程的状态。
当有消息返回时系统会通知进程进行处理，这样可以提高执行的效率。
?
7、px和em的区别
px和em都是长度单位，区别是，px的值是固定的，指定是多少就是多少，计算比较容易。
em得值不是固定的，并且em会继承父级元素的字体大小。
浏览器的默认字体高都是16px。
所以未经调整的浏览器都符合: 1em=16px。
那么12p x=, 10px=
?
8、什么叫优雅降级和渐进增强？
渐进增强progressive enhancement：
针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。
优雅降级graceful degradation：
一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。
区别：
a. 优雅降级是从复杂的现状开始，并试图减少用户体验的供给
b. 渐进增强则是从一个非常基础的，能够起作用的版本开始，并不断扩充，以适应未来环境的需要
c. 降级（功能衰减）意味着往回看；而渐进增强则意味着朝前看，同时保证其根基处于安全地带
?
9、浏览器的内核分别是什么?
IE: trident内核
Firefox：gecko内核
Safari：webkit内核
Opera：以前是presto内核，Opera现已改用Google Chrome的Blink内核Chrome：Blink(基于webkit，Google与Opera Software共同开发)
?
1、怎样添加、移除、移动、复制、创建和查找节点？1）创建新节点
createDocumentFragment()
，了解js原型链的都知道，实际上这种方法和第一中方法是一样的，但上面第一种方式相对效率更高。
c使用ES6中方法;
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,getItem,removeItem,clear等方法，不像co okie需要前端开发者自己封装setCookie，getCookie。
但是Cookie也是不可以或缺的：Cookie的作用是与服务器进行交互，作为HTTP规范的一部分而存在，而Web Storag e仅仅是为了在本地“存储”数据而生。
?
8、手写数组快速排序
关于快排算法的详细说明，可以参考阮一峰老师的文章快速排序
“快速排序”的思想很简单，整个排序过程只需要三步：
（1）在数据集之中，选择一个元素作为”基准”（pivot）。
（2）所有小于”基准”的元素，都移到”基准”的左边；所有大于”基准”的元素，都移到”基准”的右边。
（3）对”基准”左边和右边的两个子集，不断重复第一步和第二步，直到所有子集只剩下一个元素为止。
?
9、统计字符串”aaaabbbccccddfgh”中字母个数或统计最多字母数。
10、写一个function，清除字符串前后的空格。
（兼容所有浏览器）
1、一次完整的HTTP事务是怎样的一个过程？
基本流程：
a. 域名解析
b. 发起TCP的3次握手
c. 建立TCP连接后发起http请求
d. 服务器端响应http请求，浏览器得到html代码
e. 浏览器解析html代码，并请求html代码中的资源
f. 浏览器对页面进行渲染呈现给用户
?
2、对前端工程师这个职位你是怎么样理解的？
a. 前端是最贴近用户的程序员，前端的能力就是能让产品从90分进化到100 分，甚至更好
b. 参与项目，快速高质量完成实现效果图，精确到1px；
c. 与团队成员，UI设计，产品经理的沟通；
d. 做好的页面结构，页面重构和用户体验；
e. 处理hack，兼容、写出优美的代码格式；
f. 针对服务器的优化、拥抱最新前端技术。
