131.用原生 JavaScript 的实现过什么功能吗？

参考答案：轮播图、手风琴、放大镜、3D动画效果等，切记，所答的一定要知道实现原理！，不知道还不如不说！

参与互动

132.javascript 代码中的”use strict”; 是什么意思 ? 使用它区别是什么？

参考答案：意思是使用严格模式，使用严格模式，一些不规范的语法将不再支持

参与互动

133.简述创建函数的几种方式

参考答案：

 
第一种（函数声明）：
 Function  sum1(num1,num2){
   return num1+num2;
}
第二种（函数表达式）：
var sum2 = function(num1,num2){
   return num1+num2;
}
第三种（函数对象方式）：
var sum3 = new Function("num1","num2","return num1+num2");
  

参与互动

134.window.location.search() 返回的是什么？

参考答案：查询(参数)部分。除了给动态语言赋值以外，我们同样可以给静态页面, 并使用 javascript 来获得相信应的参数值 返回值：?ver=1.0&id=timlq 也就是问号后面的！

参与互动

135.window.location.hash 返回的是什么？

参考答案： 锚点 ， 返回值：#love ；

参与互动

136.window.location.reload() 作用？

参考答案：刷新当前页面

参与互动

137.为什么不能定义 1px 左右的 div 容器？

参考答案： IE6 下这个问题是因为默认的行高造成的，解决的方法也有很多，例如： overflow:hidden | zoom:0.08 | line-height :1px

参与互动

138. BOM 对象有哪些，列举 window 对象？

参考答案：

 
 1、window对象 ，是JS的最顶层对象，其他的BOM对象都是window对象的属性；
 2、 document 对象，文档对象；
 3、location对象，浏览器当前URL信息；
 4、navigator对象，浏览器本身信息；
 5、screen对象，客户端屏幕信息；
 6、 history 对象，浏览器访问历史信息；
  

参与互动

139.简述 readonly 与 disabled 的区别

参考答案：

参与互动

140.为什么扩展 javascript 内置对象不是好的做法？

参考答案：

参与互动

141.什么是三元表达式？“三元”表示什么意思？

参考答案：三元如名字表示的 三元运算符 需要三个操作数。

语法是 条件 ? 结果1 : 结果2; .这里你把条件写在问号(?)的前面后面跟着用 冒号 (:)分隔的结果1和结果2。满足条件时结果1否则结果2。

参与互动

142.我们给一个 dom 同时绑定两个点击事件，一个用捕获，一个用冒泡，你来说下会执行几次事件，然后会先执行冒泡还是捕获

参考答案：所有事件的顺序是：其他元素捕获阶段事件 -> 本元素代码顺序事件 -> 其他元素冒泡阶段事件 。

参考

参与互动

144.简述一下 Handlebars 的基本用法？

参考答案：没有用过的话说出它是干什么的即可

参与互动

143.简述一下 Handlerbars 的对模板的基本处理流程， 如何编译的？如何缓存的？

参考答案：

参与互动

145.前端 templating(Mustache, underscore, handlebars)是干嘛的, 怎么用?

参考答案：

• Web 模板引擎是为了使用户界面与业务数据（内容）分离而产生的，
• Mustache 是一个 logic-less （轻逻辑）模板解析引擎，它的优势在于可以应用在 Javascript、PHP、Python、Perl 等多种编程语言中。
• Underscore 封装了常用的 JavaScript 对象操作方法，用于提高开发效率。
• Handlebars 是 JavaScript 一个语义模板库，通过对 v IE w 和 data 的分离来快速构建 Web 模板。

参与互动

146.知道什么是 Webkit 么? 知道怎么用浏览器的各种工具来调试和 debug 代码么?

参考答案：Webkit 是浏览器引擎，包括 html 渲染和 js 解析功能，手机浏览器的主流内核，与之相对应的引擎有 Gecko（Mozilla Firefox 等使用）和 Trident（也称 MSHTML，IE 使用）。 对于浏览器的调试工具要熟练使用，主要是页面结构分析，后台请求信息查看，js 调试工具使用，熟练使用这些工具可以快速提高解决问题的效率

参与互动

147.如何测试前端代码? 知道 BDD, TDD , Unit Test 么? 知道怎么测试你的前端工程么(mocha, sinon, jasmin , qUnit..)?

参考答案：了解 BDD 行为驱动开发与 TDD 测试驱动开发已经单元测试相关概念

参与互动

148.JavaScript 的 循环语句 有哪些？

参考答案：while for do while forEach

参与互动

149. 作用域 -编译期执行期以及全局局部作用域问题

参考答案：js 执行主要的两个阶段：预解析和执行期

参与互动

150.如何添加 html 元素的事件，有几种方法？请列举

参考答案：直接在标签里添加；在元素上添加、使用事件注册函数添加

参与互动

151.列举浏览器对象模型 BOM 里常用的至少 4 个对象，并列举 window 对象的常用方法至少 5 个

参考答案：

对象：Window document location screen history navigator

方法：Alert() confirm() prompt() open() close()

参与互动

152.事件绑定的方式

参考答案：

• 嵌入 dom

 <button onclick="func()">按钮</button>  

• 直接绑定

 btn.onclick = function() {};  

• 事件监听

 btn.addEventListener("click", function() {});  

参与互动

153.事件循环

参考答案：事件循环是一个单线程循环，用于监视调用堆栈并检查是否有工作即将在任务队列中完成。如果调用堆栈为空并且任务队列中有 回调函数 ，则将回调函数出队并推送到调用堆栈中执行。

参与互动

154.事件模型

参考答案：

• DOM0
• 直接绑定

 
<input onclick="sayHi()"/>

btn.onclick = function() {}
btn.onclick = null
  

• DOM2
• DOM2 级事件可以冒泡和捕获 通过 addEventListener 绑定 通过 removeEventListener 解绑

 
// 绑定
btn.addEventListener('click', sayHi)
// 解绑
btn.removeEventListener('click', sayHi)
  

• DOM3
• DOM3 具有更多事件类型 DOM 3 级事件在 DOM2 级事件的基础上添加了更多的事件类型，全部类型如下：

 
UI事件，当用户与页面上的元素交互时触发，如：load、scroll
焦点事件，当元素获得或失去焦点时触发，如：blur、focus
鼠标事件，当用户通过鼠标在页面执行操作时触发如：dbclick、mouseup
滚轮事件，当使用鼠标滚轮或类似设备时触发，如：mousewheel
文本事件，当在文档中输入文本时触发，如： text Input
键盘事件，当用户通过键盘在页面上执行操作时触发，如： keydown 、 keypress 
合成事件，当为 IME （输入法编辑器）输入字符时触发，如：compositionstart
变动事件，当底层DOM结构发生变化时触发，如：DOMsubtreeModified
  

解析：参考

参与互动

155.如何自定义事件

参考答案：

1.原生提供了 3 个方法实现自定义事件 2.createEvent，设置事件类型，是 html 事件还是 鼠标事件 3.initEvent 初始化事件，事件名称，是否允许冒泡，是否阻止自定义事件 4.dispatchEvent 触发事件

MDN

参与互动

156.target 和 currentTarget 区别

参考答案：

• event.target
• 返回触发事件的元素
• event.currentTarget
• 返回绑定事件的元素

参与互动

157. prototype 和__proto__的关系是什么

参考答案：

所有的对象都拥有__proto__属性，它指向对象构造函数的 prototype 属性

 
let obj = {}
obj.__proto__ === Object.prototype // true

function Test(){}
var test = new Test()
test.__proto__ == Test.prototype // true
  

所有的函数都同时拥有__proto__和 protytpe 属性 函数的__proto__指向自己的函数实现 函数的 protytpe 是一个对象 所以函数的 prototype 也有__proto__属性 指向 Object.prototype

 
function func() {}
func.prototype.__proto__ === Object.prototype // true
  

Object.prototype.__proto__指向 null

 
Object.prototype.__proto__ // null
  

参与互动

158.什么是原型属性？

参考答案：从构造函数的prototype属性出发找到原型，这时候就把原型称之为 构造函数 的原型属性

参与互动

159.什么是原型对象？

参考答案：从实例的__proto__出发，找到原型，这时候就把原型称之为实例的原型对象。

参与互动

160.使用 let、 var 和 const 创建变量有什么区别

参考答案：

用 var 声明的变量的作用域是它当前的执行上下文，它可以是嵌套的函数，也可以是声明在任何函数外的变量。let 和 const 是块级作用域，意味着它们只能在最近的一组花括号（function、 if -else 代码块或 for 循环中）中访问。

 function foo() {
    // 所有变量在函数中都可访问
    var bar = "bar";
    let baz = "baz";
    const qux = "qux";

    console.log(bar); // bar
    console.log(baz); // baz
    console.log(qux); // qux
}

console.log(bar); // ReferenceError: bar is not defined
console.log(baz); // ReferenceError: baz is not defined
console.log(qux); // ReferenceError: qux is not defined  

 if (true) {
    var bar = "bar";
    let baz = "baz";
    const qux = "qux";
}

// 用 var 声明的变量在函数作用域上都可访问
console.log(bar); // bar
// let 和 const 定义的变量在它们被定义的语句块之外不可访问
console.log(baz); // ReferenceError: baz is not defined
console.log(qux); // ReferenceError: qux is not defined  

var 会使变量提升，这意味着变量可以在声明之前使用。let 和 const 不会使变量提升，提前使用会报错。

 console.log(foo); // undefined

var foo = "foo";

console.log(baz); // ReferenceError: can't access lexical declaration 'baz' before  initialization 

let baz = "baz";

console.log(bar); // ReferenceError: can't access lexical declaration 'bar' before initialization

const bar = "bar";  

用 var 重复声明不会报错，但 let 和 const 会。

 var foo = "foo";
var foo = "bar";
console.log(foo); // "bar"

let baz = "baz";
let baz = "qux"; // Uncaught SyntaxError: Identifier 'baz' has already been declared  

let 和 const 的区别在于：let 允许多次赋值，而 const 只允许一次。

 // 这样不会报错。
let foo = "foo";
foo = "bar";

// 这样会报错。
const baz = "baz";
baz = "qux";