文档介绍：前端面试题整理汇总100题标签:前端面试目录一些开放性题目1•自我介绍:除了基本个人信息以外,面试官更想听的是你与众不同的地方和你的优势。项目介绍3•如何看待前端开发?平时是如何学****前端开发的?未来三到五年的规划是怎样的?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>functioncreateJs(sllrl){varoScript=('script');='text/javascript';=sllrl;('heacT)[O].appendChild(oScript);}createJs('');box({'name1:'test*});functionbox(json){alert();}</script>12345678910111213141516171819CORS服务器端对于CORS的支持,ess-Control-Allow-Origin来进行的。如果浏览器检测到相应的设置,就可以允许Ajax进行跨域的访问。:这两个域名必须属于同一个基础域名!而且所用的协议,端口都要一致,,该属性有个特征:即在一个窗口(window)的生命周期内,,,。,也能兼容到几乎所有浏览器,这真是极好的一种跨域方法。XML和JSON的区别?⑴.数据体积方面。JSON相对于XML來讲,数据的体积小,传递的速度更快些。.数据交互方面。JSON与JavaScript的交互更加方便,更容易解析处理,更好的数据交互。.数据描述方面。JSON对数据的描述性比XML较差。⑷•传输速度方面。JSON的速度要远远快于XMLo12345678910131415谈谈你对webpack的看法WebPack是一个模块打包工具,你可以使用WebPack管理你的模块依赖,并编绎输出模块们所需的静态文件。它能够很好地管理、打包Web开发中所用到的HTML、JavaScript>CSS以及各种静态文件(图片、字体等),让开发过程更加高效。对于不同类型的资源,webpack有对应的模块加载器。webpack模块打包器会分析模块间的依赖关系,最后生成了优化且合并后的静态资源。webpack的两大特色:codesplitting(可以自动完成),monJS的形式来书写脚本滴,但对AMD/CMD的支持也很全面,方便旧项目进行代码迁移。webpack具有requireJs和browserify的功能,但仍有很多自己的新特性:对CommonJS、AMD、ES6的语法做了兼容对js、css、图片等资源文件都支持打包串联式模块加载器以及插件机制,让其具有更好的灵活性和扩展性,例如提供对C