2017年前端面试题整理汇总100题.pdf

:除了基本个人信息以外,面试官更想听的是你与众不同的地方和你的优势。    ?  ?  ? position的值,relative和absolute分别是相对于谁进行定位的?absolute:生成绝对定位的元素,相对于最近一级的定位不是static的父元素来进行定位。fixed(老IE不支持)生成绝对定位的元素,通常相对于浏览器窗口或frame进行定位。relative生成相对定位的元素,相对于其在普通流中的位置进行定位。static默认值。没有定位,元素出现在正常的流中sticky生成粘性定位的元素,容器的位置根据正常文档流计算得出如何解决跨域问题JSONP:原理是:动态插入script标签,通过script标签引入一个js文件,这个js文件载入成功后会执行我们在url参数中指定的函数,并且会把我们需要的json数据作为参数传入。由于同源策略的限制,XmlHttpRequest只允许请求当前源(域名、协议、端口)的资源,为了实现跨域请求,可以通过script标签实现跨域请求,然后在服务端输出JSON数据并执行回调函数,从而解决了跨域的数据请求。优点是兼容性好,简单易用,支持浏览器与服务器双向通信。缺点是只支持GET请求。JSONP:json+padding(内填充),顾名思义,就是把JSON填充到一个盒子里<script>     function createJs(sUrl){          var oScript = ('script');          = 'text/javascript';          = sUrl;         ('head')[0].appendChild(oScript);     }      createJs('');      box({        'name': 'test'     });      function box(json){         alert();     } </script>12345678910111213141516171819CORS服务器端对于CORS的支持,ess‐Control‐Allow‐Origin来进行的。如果浏览器检测到相应的设置,就可以允许Ajax进行跨域的访问。:这两个域名必须属于同一个基础域名!而且所用的协议,端口都要一致,,该属性有个特征:即在一个窗口(window)的生命周期内,,,、在服务器上设置代理页面等跨域方式。,也能兼容到几乎所有浏览器,这真是极好的一种跨域方法。XML和JSON的区别?(1).数据体积方面。  JSON相对于XML来讲,数据的体积小,传递的速度更快些。  (2).数据交互方面。  JSON与JavaScript的交互更加方便,更容易解析处理,更好的数据交互。  (3).数据描述方面。  JSON对数据的描述性比XML较差。  (4).传输速度方面。  JSON的速度要远远快于XML。123456789101112131415谈谈你对webpack的看法WebPack是一个模块打包工具,你可以使用WebPack管理你的模块依赖,并编绎输出模块们所需的静态文件。它能够很好地管理、打包Web开发中所用到的HTML、JavaScript、CSS以及各种静态文件(图片、字体等),让开发过程更加高效。对于不同类型的资源,webpack有对应的模块加载器。webpack模块打包器会分析模块间的依赖关系,最后生成了优化且合并后的静态资源。webpack的两大特色: splitting(可以自动完成)   可以处理各种类型的静态文件,并且支持串联操作 monJS的形式来书写脚本滴,但对AMD/CMD的支持也很全面