一、先来看一个简单的例子： 
下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。 
frame.html 由上(top.html)下(bottom.html)两个页面组成，代码如下： 

常见问题：

一、你能描述一下渐进增强和优雅降级之间的不同吗?

如果提到了特性检测，可以加分。
 检测浏览器，渐进增强就是让牛b的浏览器的效果更好，优雅降级就是让2b的浏览器在功能ok的情况下效果一般。

二、线程与进程的区别

一个程序至少有一个进程,一个进程至少有一个线程. 
线程的划分尺度小于进程，使得多线程程序的并发性高。 
另外，进程在执行过程中拥有独立的内存单元，而多个线程共享内存，从而极大地提高了程序的运行效率。 
线程在执行过程中与进程还是有区别的。每个独立的线程有一个程序运行的入口、顺序执行序列和程序的出口。但是线程不能够独立执行，必须依存在应用程序中，由应用程序提供多个线程执行控制。 
从逻辑角度来看，多线程的意义在于一个应用程序中，有多个执行部分可以同时执行。但操作系统并没有将多个线程看做多个独立的应用，来实现进程的调度和管理以及资源分配。这就是进程和线程的重要区别。

前端面试题，不仅仅是应付面试用的，通过一份好的前端面试题，可以全方面的考察自己是否是一个合格的前端开发人员，本文末尾有部分答案的链接。

目录

1. 常见问题
2. HTML 相关问题
3. CSS 相关问题
...

input text框的动态赋值会不会触发onchange事件

答：不会。

oninput,onpropertychange,onchange的用法

      onchange触发事件必须满足两个条件：

a）当前对象属性改变，并且是由键盘或鼠标事件激发的（脚本触发无效）

b）当前对象失去焦点(onblur)；

• 购书
• 免费资源
• 博客
• 课程
• 在线帮助
• 目标
...

什么是前端单点故障？

简单理解,即因为某个静态资源(js,css,@font-face自定义字体)加载失败或者阻塞请求,导致页面主体非正常渲染.

出现的症状：页面空白

HTML文档已经加载完毕，但其他资源例如（CSS,JS,字体文件）等加载出现了阻塞，导致页面空白等待的时间。

出现的最主要原因：第三方资源

前端SPOF最频繁出现的原因是第三方内容，如果主站成功返回HTML文档，从主站返回的其他相关资源应该都成功返回，但第三方内容往往不是由主站控制，因此会出现不可预期的错误，所以一个网站的第三方资源不应该在主站资源之前被加载，这将有可能引起前端SPOF。

严格模式的好处

启用严格模式有以下好处：

1. 捕获一些编程错误，并抛出异常。
2. 阻止进行一些相对“不安全”的操作（例如访问全局变量），抛出异常。
3. 禁用一些让人迷惑的特性。

启用严格模式，需要从下面两个方面来做限制（检查）

1. 语法解析阶段：如果在语法检测时发现语法问题，则整个代码块失效，并导致一个语法异常。
...

用惯了jQuery的获取元素的高度（$('#camnprID').height();$('#camnprID').innerHeight();$('#camnprID').outerHeight();），那么js原生怎么获取高度呢？ 我们用到了javascript的offsetHeight属性。 offsetHeight, offsetWidth

返回元素的高度和宽度，以像素为单位。这是非标准的但却得到很好支持的属性。 类型：int。状态：只读。