初级：
1、position四个属性
```absoluterelativefixedstatic```2、移动端：CSS盒模型
``` display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; 父元素设置display:flex后，子元素宽度会随父元素宽度的改变而改变，display:box不会```3、递归实现斐波那契数列：1 1 2 3 5 8
```function Fibonacci (n) { if( n == 1 || n == 2) { // 递归结束的条件，求前两项 return 1; } else { // 如果是求其它项，先要求出它前面两项，然后做和。 return Fibonacci(n-1)+Fibonacci(n-2); }}```4、解释css sprites，如何使用 css sprites就是将网页中所有的图片放到一张里面,通过background-position使用
5、call和apply的区别
call 方法调用一个对象的一个方法，以另一个对象替换当前对象对于apply和call两者在作用上是相同的，但两者在参数上有区别的。对于第一个参数意义都一样，但对第二个参数：apply传入的是一个参数数组，也就是将多个参数组合成为一个数组传入，而call则作为call的参数传入（从第二个参数开始）。如 func.call(func1,var1,var2,var3)对应的apply写法为：func.apply(func1,[var1,var2,var3])同时使用apply的好处是可以直接将当前函数的arguments对象作为apply的第二个参数传入6、CSS选择符有哪些？优先级算法如何计算？内联和important哪个优先级高？
```*idclass标签名:visited :link :hover :active :checked :after :beforx+y 相邻选择符x>y后代直接选择符x~y兄弟选择符x[title]属性选择器x[href*="nettuts"]包含字符x[href^="http"]以什么开始x[href$=".jpg"]以什么结束x:not(selector) 非选择器x:nth-child(n) 从一开始的子元素x:nth-last-child(n) 倒序x:nth-of-type(n) 从一开始的子元素x:nth-last-of-type(n) 倒序x:first-child 第一个x:last-child 最后一个X::pseudoElement p::first-line { font-weight: bold; font-size: 1.2em; } p::first-letter { float: left; font-size: 2em; font-weight: bold; font-family: cursive; padding-right: 2px; } 分别用于匹配元素的第一行和第一个字母```7、闭包是什么，有什么特性，对页面有什么影响
闭包的实质是一个函数，是一个用于返回局部变量值的函数，因为在全局中，受Javascript链式作用域结构的影响，父级变量中无法访问到子级的变量值，为了解决这个问题，才使用闭包这个概念。由于闭包时，变量的值都保存到内存中，会导致页面加载时内存消耗很大，IE会导致内在泄露，因此尽量少用或用时要及时删除变量。8、解释jsonp的原理
就是利用<script>标签没有跨域限制的“漏洞”（历史遗迹啊）来达到与第三方通讯的目的。当需要通讯时，本站脚本创建一个<script>元素，地址指向第三方的API网址，形如：<script src="http://www.example.net/api?param1=1¶m2=2"></script>并提供一个回调函数来接收数据（函数名可约定，或通过地址参数传递）。第三方产生的响应为json数据的包装（故称之为jsonp，即json padding），形如：callback({"name":"hax","gender":"Male"})这样浏览器会调用callback函数，并传递解析后json对象作为参数。本站脚本可在callback函数里处理所传入的数据。补充：“历史遗迹”的意思就是，如果在今天重新设计的话，也许就不会允许这样简单的跨域了嘿，比如可能像XHR一样按照CORS规范要求服务器发送特定的http头。9、数组的前后增加、删除
unshift：将参数添加到原数组开头，并返回数组的长度 shift：删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefined push：将新元素添加到一个数组中，并返回数组的新长度值。pop：删除原数组最后一项，并返回删除元素的值；如果数组为空则返回undefined concat：返回一个新数组，是将参数添加到原数组中构成的 splice(start,deleteCount,val1,val2,...)：从start位置开始删除deleteCount项，并从该位置起插入val1,val2,... reverse：将数组反序 sort(orderfunction)：按指定的参数对数组进行排序slice(start,end)：返回从原数组中指定开始下标到结束下标之间的项组成的新数组 join(separator)：将数组的元素组起一个字符串，以separator为分隔符，省略的话则用默认用逗号为分隔符 10、数组的合并
concat方法a.push.apply( a, b );11、==与===的区别
"==="叫做严格运算符，"=="叫做相等运算符。严格运算符的运算规则如下，(1)不同类型值 如果两个值的类型不同，直接返回false。(2)同一类的原始类型值 同一类型的原始类型的值（数值、字符串、布尔值）比较时，值相同就返回true，值不同就返回false。(3)同一类的复合类型值 两个复合类型（对象、数组、函数）的数据比较时，不是比较它们的值是否相等，而是比较它们是否指向同一个对象。(4)undefined和null undefined 和 null 与自身严格相等。12、编程排序
插入排序、冒泡排序、选择排序、Shell排序、快速排序、归并排序 插入排序: ``` var insertSort = function (arr) { var len = arr.length, key; for (var i = 1; i < len; i++) { var j = i; key = arr[j]; while (--j > -1) { if (arr[j] > key) { arr[j + 1] = arr[j]; } else { break; } } arr[j + 1] = key; } }; ``` 冒泡排序: ``` var bubbleSort = function (arr) { var flag = true; var len = arr.length; for (var i = 0; i < len - 1; i++) { flag = true; for (var j = 0; j < len - 1 - i; j++) { if (arr[j] > arr[j + 1]) { var temp = arr[j+1]; arr[j+1] = arr[j]; arr[j] = temp; flag = false; } } if (flag) { break; } } }; ``` 选择排序: ``` var selectSort = function (arr) { var min; for (var i = 0; i < arr.length-1; i++) { min = i; for (var j = i + 1; j < arr.length; j++) { if (arr[min] > arr[j]) { min = j; } } if (i != min) { swap(arr, i, min); } } }; function swap(arr, index1, index2) { var temp = arr[index1]; arr[index1] = arr[index2]; arr[index2] = temp; }; ``` Shell排序： ``` var shellSort = function (arr) { var gaps = [5, 3, 1]; for (var g = 0; g < gaps.length; ++g) { for (var i = gaps[g]; i < arr.length; ++i) { var temp = arr[i]; for (var j = i; j >= gaps[g] && arr[j - gaps[g]] > temp; j -= gaps[g]){ arr[j] = arr[j - gaps[g]]; } arr[j] = temp; } } }; ``` 快速排序: ``` var quickSort = function(arr, left, right) { var i, j, t, pivot; if (left >= right) { return; } pivot = arr[left]; i = left; j = right; while (i != j) { while (arr[j] >= pivot && i < j) { j--; } while (arr[i] <= pivot && i < j) { i++; } if (i < j) { t = arr[i]; arr[i] = arr[j]; arr[j] = t; } } arr[left] = arr[j]; arr[j] = pivot; quickSort(arr, left, i - 1); quickSort(arr, i + 1, right); } ``` 归并排序: ``` function mergeSort(arr) { if (arr.length < 2) { return; } var step = 1; var left, right; while (step < arr.length) { left = 0; right = step; while (right + step <= arr.length) { mergeArrays(arr, left, left + step, right, right + step); left = right + step; right = left + step; } if (right < arr.length) { mergeArrays(arr, left, left + step, right, arr.length); } step *= 2; } } function mergeArrays(arr, startLeft, stopLeft, startRight, stopRight) { var rightArr = new Array(stopRight - startRight + 1); var leftArr = new Array(stopLeft - startLeft + 1); k = startRight; for (var i = 0; i < (rightArr.length - 1); ++i) { rightArr[i] = arr[k]; ++k; } k = startLeft; for (var i = 0; i < (leftArr.length - 1); ++i) { leftArr[i] = arr[k]; ++k; } rightArr[rightArr.length - 1] = Infinity; // 哨兵值 leftArr[leftArr.length - 1] = Infinity; // 哨兵值 var m = 0; var n = 0; for (var k = startLeft; k < stopRight; ++k) { if (leftArr[m] <= rightArr[n]) { arr[k] = leftArr[m]; m++; } else { arr[k] = rightArr[n]; n++; } } } ```中级： 1、多DOM节点事件触发时，如何事件代理委托 2、CCS媒体查询 3、正则去掉首尾空格 4、页面性能优化 5、跨域解决方案 6、编程：删除重复元素（重点：二重循环要倒序，map方案） 7、编程：取URL的参数 8、移动端：rem与px、em的区别及优势 9、移动端：转屏事件：onorientationchange；全屏方法：requestFullScreen 10、ES6箭头函数 11、编程：实现获取jsonp函数 12、数组的排序方法有哪些 13、编程：删除指定元素
高级： 1、正则去掉重复字符串 2、实现模块框架的define函数 3、模块框架：browerify、webpack、requirejs、seajs 4、node的web服务器：express、koa 5、ES6语法的语法及用法 6、移动端：video标签哪些属性方法，兼容性问题有哪些 7、移动端：开发工具和技术：adb、weinre、代理设置、抓包 8、MVVM意思，及框架介绍：angular、vue、avalon 9、移动端：android、ios与H5交互原理及实现 10、如何做前后端分离 11、开发模式及工具 12、对开发框架的认识和理解，有自己的见解 13、如何避免回调地狱 14、哪些工具可以用来保证一致性的代码风格 15、什么是异步编程？为什么在 Javascript 中这么重要？ 16、gulp顶层方法有哪些？ 17、模块解析并动态加载
