史上前端面试最全知识点（附答案）
每一个构造函数都有一个属性叫做原型(prototype)。这个属性非常有用：为一个特定类声明通用的变量或者函数。prototype是一个对象，因此，你能够给它添加属性。你添加给prototype的属性将会成为使用这个构造函数创建的对象的通用属性。
由于js类的定义方法和函数的定义方法一样，所以定义构造函数的同时就定义了类。构造函数内的方法和属性也就是类中的方法和属性。
该方式利用了对象的prototype属性。首先定义了一个空函数，然后通过prototype属性来定义对象的属性。调用该函数时，原型的所有属性都会立即赋予要创建的对象
面向对象的语言有一个标志，即拥有类的概念
js创建对象的方式包括两种：对象字面量和使用new表达式。对应代码：
继承是指一个对象直接使用另一对象的属性和方法
对象冒充，及call（）Apply（）参见上述call和apply的用法。
js中每个对象均有一个隐藏的__proto__属性，一个实例化对象的__proto__属性指向其类的prototype方法，而这个prototype方法又可以被赋值成另一个实例化对象，这个对象的__proto__又需要指向其类，由此形成一条链。
那么__proto__是什么？我们在这里简单地说下。每个对象都会在其内部初始化一个属性，就是__proto__，当我们访问一个对象的属性 时，如果这个对象内部不存在这个属性，那么他就会去__proto__里找这个属性，这个__proto__又会有自己的__proto__，于是就这样 一直找下去，也就是我们平时所说的原型链的概念。
“事件处理程序过多”问题的解决方案就是事件委托。
事件委托利用的是事件冒泡机制，只制定一事件处理程序，就可以管理某一类型的所有事件（使用事件委托，只需在DOM树中尽量最高的层次上添加一个事件处理程序）。
这里要用到事件源：event 对象，需要用到target属性，其 事件属性可返回事件的目标节点（触发该事件的节点）
37.js自定义事件：
on（）是jQuery中的类似于bind（），live（），delegate（）等绑定事件的方法。
trigger() 方法触发被选元素的指定事件类型。先给固定元素绑定一个自定义事件”someclick”，然后必须通过trigger（）来使自定义事件可以使用。
函数a有一个参数，这个参数是个函数b，当函数a执行完以后执行函数b。那么这个过程就叫回调。函数b是你以参数形式传给函数a的，那么函数b就叫回调函数。回调函数可以继续扩展一个函数的功能，可以是程序非常灵活。
/，而"flex"是2012年的语法，是css3新规定的，也将是以后标准的语法。将父元素的display属性设置为-webkit-box（box），然后子元素通过属性-webkit-box-flex来指定一个框的子元素是否是灵活的或固定的大小，如上，定义两个灵活的p元素。如果父级box的总宽度为300px，＃P1将有一个100px的宽度，＃P2将有一个200px的宽度，也就是呈固定比例划分。当然了，也可以这样写：
当然了css3规定了，一系列的有关box的属性，比如 box-shadow。。。。。
String对象：处理所有的字符串操作
Math对象：处理所有的数学运算
Date对象：处理日期和时间的存储、转化和表达
Array对象：提供一个数组的模型、存储大量有序的数据
自适应指的就是指其长（宽）度可以根据浏器窗口的大小自动改变其长（宽）度（随浏览器长（宽）的改变而改变）,而不会被浏览器遮住。
实现方法（以左侧固定，右侧自适应为例）：
①采用左列 left 浮动，右列不浮动，采用 margin-left 定位的方式。
②左列使用绝对定位，右列使用 margin-left 定位。
43.我们给一个dom同时绑定两个点击事件，一个用捕获，一个用冒泡，你来说下会执行几次事件，然后会先执行冒泡还是捕获！！！
45.从输入 URL 到页面加载完的过程中都发生了什么事情？
①首先如果我们如果输入的不是ip地址，而是域名的话，就需要IP解析，DNS域名解析（具体见DNS工作机制）。
②解析出来对应的IP后，如不包含端口号，http协议默认端口号是80；https（http+ssl（传输层））是430！然后向IP发起网络连接，根据http协议要求，组织一个请求的数据包，里面包含大量请求信息。
③服务器响应请求，将数据返回给浏览器。数据可能是根据HTML协议组织的网页，里面包含页面的布局、文字。数据也可能是图片、脚本程序等。
④开始根据资源的类型，将资源组织成屏幕上显示的图像，这个过程叫渲染，网页渲染是浏览器最复杂、最核心的功能。
⑤将渲染好的页面图像显示出来，并开始响应用户的操作。
计算机发明后，为了在计算机中表示字符，人们制定了一种编码，叫ASCII码。
中国人利用连续2个扩展ASCII码的扩展区域（0xA0以后）来表示一个汉字，该方法的标准叫GB-2312。因为各个国家地区定义的字符集有交集，因此使用GB-2312的软件，就不能在BIG-5的环境下运行（显示乱码），反之亦然。
48.JS的数据类型：字符串、数字、布尔、数组、对象、Null、Undefined
undefined表示变量声明但未初始化时的值，javascript解释器不知道这是什麽东西,会抛出"未定义"的错误
null表示准备用来保存对象，还没有真正保存对象的值。从逻辑角度看，null值表示一个空对象指针，意思是你定义了它,但它没有分配内存空间。
css3总的说来大概就是边框的一些特殊样式，比如圆角，还有就是渐变，动画。
如果你在 border-radius 属性中只指定一个值，那么将生成 4 个 圆角。
有了CSS3的border-image属性，你可以使用图像创建一个边框：
round : 图像平铺（重复）来填充该区域。
Stretch 这里，图像被拉伸以填充该区域。
background-size指定背景图像的大小。CSS3以前，背景图像大小由图像的实际大小决定。
-ms代表IE浏览器私有属性
-o代表opera（欧朋浏览器）的私有属性
translate()方法，根据左(X轴)和顶部(Y轴)位置给定的参数，从当前元素位置移动:
scale()方法，该元素增加或减少的大小，取决于宽度（X轴）和高度（Y轴）的参数
skew()方法，该元素会根据横向（X轴）和垂直（Y轴）线参数给定角度：
Svg支持事件处理器，canvas不支持事件处理器
在 SVG 中，每个被绘制的图形均被视为对象，而canvas能够以 .png 或 .jpg 格式保存结果图像
如果 SVG 对象的属性发生变化，那么浏览器能够自动重现图形。
Html5的拖放功能、
HTML5 新的表单元素：
select：5个值里面选择1个；
datalist：你可以在文本框里填值，也可以在下面5个值里选1个。
<keygen> 元素的作用是提供一种验证用户的可靠方法。
<keygen>标签规定用于表单的密钥对生成器字段。
当提交表单时，会生成两个键，一个是私钥，一个公钥。
<output> 元素用于不同类型的输出，比如计算或脚本输出：
for element_id 定义输出域相关的一个或多个元素。
form form_id 定义输入字段所属的一个或多个表单。
name name 定义对象的唯一名称。（表单提交时使用）
15.placeholder 属性提供一种提示（hint），描述输入域所期待的值
16.required 属性规定必须在提交之前填写输入域（不能为空）。
17.step 属性为输入域规定合法的数字间隔。一个语义元素能够清楚的描述其意义给浏览器和开发者。
关键词：localStorage.clickcount
HTML5 应用程序缓存
1.离线浏览 - 用户可在应用离线时使用它们
2.速度 - 已缓存资源加载得更快
3.减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。
manifest 文件需要配置正确的 MIME-type，即 "text/cache-manifest"。必须在 web 服务器上进行配置。manifest 文件是简单的文本文件，它告知浏览器被缓存的内容（以及不缓存的内容）。
manifest 文件可分为三个部分：
CACHE MANIFEST - 在此标题下列出的文件将在首次下载后进行缓存
NETWORK - 在此标题下列出的文件需要与服务器的连接，且不会被缓存
FALLBACK - 在此标题下列出的文件规定当页面无法访问时的回退页面（比如 404 页面）
web worker 是运行在后台的 JavaScript，不会影响页面的性能。
当在 HTML 页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。
web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 web worker 在后台运行。
首先，检测浏览器是否支持web worker。 首先创建 web worker 文件，也就是外部的js文件
当我们创建 web worker 对象后，它会继续监听消息（即使在外部脚本完成之后）直到其被终止为止。
PS:新加一些问题，小伙伴们都会不会呀，不会赶紧去恶补呦。
1.html的doctype作用？严格模式和混杂模式都是什么？
2.列举js异步编程的方法
3.Css选择器（符）有哪些?哪些可继承？优先级如何？
4.setTimeout()的时间参数最小可以是多少？为什么？
