WEB前端高频面试题每天5道题

1、jquery和zepto有什么区别？ 他俩对于现在的mv*框架及react这种专注视图层的框架有什么区别？

答：jquery体积比较大适合pc端，zepto体积适合移动端，zepto封装了h5的touch事件。

2、ajax和fetch有什么区别？jsonp是解决跨域的，还了解过哪些并实际使用过哪些跨域的解决方法？

答：ajax是用，fetch是用promise。配置服务器增加Access-Control-Allow-Origin:*。利用websocket也可解决。

3、你跟后端交互的时候需要注意那些问题？后端开发的接口字段是如何定出来的？后端开发的接口字段里面 你认为必须要有的是什么？

答：1、跨域问题。2、请求类型比如：post、get。3、是否有必填字段，字段类型；是根据业务需求、页面设计定制出来的；如果是用户登录接口，要有用户名和密码字段。如果是文章列表要有id,title,image等字段。

4、你了解过那些模块化规范？模块化开发有什么好处？他和组件化有什么区别？

答：CommonJS和requireJS；比如CommonJS规范：一个单独的文件就是一个模块，每一个模块都是一个单独的作用域，用import导入，用module.exports导出，可以做到按需加载，避免冗余代码的产生。AMD，requireJS解决js文件过多浏览器停止页面渲染。可以做到按需加载；模块化是一种编程思想，可以做到按需加载。组件化是自己封装的公共组件方便多次使用。

5、gulp，grunt，webpack这些工具的区别？

答：gulp和webpack是单页面应用的构建工具，目前webpack被vue，react广泛使用。Grunt是专业的代码合并、压缩工具用于传统的h5页面开发使用。nainaitea.com