w的eb前端面试题.docx

1、请将冒泡排序和快速排序的算法写出来实现冒泡排序：[html] var times=0; var bubbleSort=function(arr){ for(var i=0;iarr.length-1;i++){ for(var j=i+1;jarr.length;j++){ if(arr[i]arr[j]){//如果前面的数据比后面的大就交换 var temp=arr[i]; arr[i]=arr[j]; arr[j]=temp; } console.log(第+(++times)+次排序后：+arr); } } return arr; } console.log(The result is:+bubbleSort(arr)); 实现快速排序：[javascript] var times=0; var quickSort=function(arr){ //如果数组长度小于等于1无需判断直接返回即可 if(arr.length=1){ return arr; } var midIndex=Math.floor(arr.length/2);//取基准点 var midIndexVal=arr.splice(midIndex,1);//取基准点的值,splice(index,1)函数可以返回数组中被删除的那个数arr[index+1] var left=[];//存放比基准点小的数组 var right=[];//存放比基准点大的数组 //遍历数组，进行判断分配 for(var i=0;iarr.length;i++){ if(arr[i]midIndexVal){ left.push(arr[i]);//比基准点小的放在左边数组 } else{ right.push(arr[i]);//比基准点大的放在右边数组 } console.log(第+(++times)+次排序后：+arr); } //递归执行以上操作,对左右两个数组进行操作，直到数组长度为=1； return quickSort(left).concat(midIndexVal,quickSort(right)); }; console.log(quickSort(arr)); 2、position的值， relative和absolute分别是相对于谁进行定位的？absolute?:生成绝对定位的元素， 相对于最近一级的 定位不是 static 的父元素来进行定位。fixed?：（老IE不支持）生成绝对定位的元素，通常相对于浏览器窗口或 frame 进行定位。relative?：生成相对定位的元素，相对于其在普通流中的位置进行定位。static?：默认值。没有定位，元素出现在正常的流中sticky?：生成粘性定位的元素，容器的位置根据正常文档流计算得出3、 谈谈你对webpack的看法WebPack?是一个模块打包工具，你可以使用WebPack管理你的模块依赖，并编绎输出模块们所需的静态文件。它能够很好地管理、打包Web开发中所用到的HTML、Javascript、CSS以及各种静态文件（图片、字体等），让开发过程更加高效。对于不同类型的资源，webpack有对应的模块加载器。webpack模块打包器会分析模块间的依赖关系，最后 生成了优化且合并后的静态资源。webpack的两大特色：1.code splitting（可以自动完成）2.loader 可以处理各种类型的静态文件，并且支持串联操作webpack 是以commonJS的形式来书写脚本滴，但对 AMD/CMD 的支持也很全面，方便旧项目进行代码迁移。webpack具有requireJs和browserify的功能，但仍有很多自己的新特性：1. 对 CommonJS 、 AMD 、ES6的语法做了兼容2. 对js、css、图片等资源文件都支持打包3. 串联式模块加载器以及插件机制，让其具有更好的灵活性和扩展性，例如提供对CoffeeScript、ES6的支持4. 有独立的配置文件webpack.config.js5. 可以将代码切割成不同的chunk，实现按需加载，降低了初始化时间6. 支持 SourceUrls 和 SourceMaps，易于调试7. 具有强大的Plugin接口，大多是内部插件，使用起来比较灵活8.webpack 使用异步 IO 并具有多级缓存。这使得 webpack 很快且在增量编译上更加快4、javascript对象的几种创建方式1，工厂模式2，构造函数模式3，原型模式4，混合构造函数和原型模式5，动态原型模式6，寄生构造函数模式7，稳妥构造函数模式5、javascript继