WEB前端高频面试题第十八波

现在正在下雨，不知道大家带没带雨具，我在家接着给大家分享Web前端面试高频问题！


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

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

第二题：gulp，grunt，webpack这些工具的区别？

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

第三题：你们公司代码是怎么管理的？ git、svn及提交流程。

答：主要用git，小项目用svn；git提交流程：1、先拉取pull。2、选择要提交的问题add。3、提交文件commit。4、推送到服务端主分支push。svn提交流程：1、先更新。2、再提交。

第四题：对node了解多少？你使用过什么？觉得nodejs对于前端来说最大的作用是什么？

答：会用express可以对mysql、mongodb进行增、删、改、查；node可以做为中间件使用，对一些nosql操作比较好比如mongodb。如果用react做服务端渲染可以使用node的express来做中间件使用。

第五题：说下图片上传是如何实现的？

答：拿到服务端的图片上传接口。方法一：可以用jquery的jquery.form.js上传。方法二：可以用axios上传。方法三：可以用ajax配合h5的FormData来上传图片。然后服务端会返回图片名，将图片名提交到数据库。

第六题：后台管理系统开发的过程中你认为需要注意的地方有哪些？

答：1、安全性。2、业务流程。3、搭建好目录结构，功能模块化。4、权限角色分配。

第七题：ie火狐谷歌浏览器的兼容问题是如何解决的？

答：用float布局做好清除浮动，在公共样式里设置margin:0px;padding:0px;。如果子元素有float那么父元素用overflow:hidden清除浮动。

第八题：Vue组件通讯的实现方法有哪些？

答：1、父组件向子组件传值。2、子组件向父组件传值。3、用vuex传值。

第九题：vuex中action和mutation分别用来处理什么？

答：action处理异步数据最终提交到数据库，mutation用来同步数据做业务的处理。

第十题：封装针对自己公司需求的数据请求方法有什么好处？怎么封装？

答：封装后方便重用和维护，如果是原生js用面向对象封装，用jquery封装成插件，用vue或是react封装成组件。