web前端高频面试题第十五波

今天忙碌了一天，开会开会还是开会，写的晚了些，还请大家原谅，现在开始咱们的web前端高频面试题教学！


第一题：常用的浏览器有那些？

答：chrome 谷歌、firefox 火狐、IE、safari 苹果、opera。

第二题：说一下渐进增强和优雅降级?

答：渐进增强 progressive +A1:B109：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。
优雅降级 graceful degradation：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。
区别：优雅降级是从复杂的现状开始，并试图减少用户体验的供给，而渐进增强则是从一个非常基础的，能够起作用的版本开始，并不断扩充，以适应未来环境的需要。降级（功能衰减）意味着往回看；而渐进增强则意味着朝前看，同时保证其根基处于安全地带。

第三题：常用的dom的操作方法？

答：创建节点，节点克隆，替换，删除，节点属性的操作。

第四题：事件代理的原理？

答：事件委托是利用事件的冒泡原理来实现的，何为事件冒泡呢？就是事件从最深的节点开始，然后逐步向上传播事件，举个例子：页面上有这么一个节点树，div>ul>li>a;比如给最里面的a加一个click点击事件，那么这个事件就会一层一层的往外执行，执行顺序a>li>ul>div，有这样一个机制，那么我们给最外面的div加点击事件，那么里面的ul，li，a做点击事件的时候，都会冒泡到最外层的div上，所以都会触发，这就是事件委托，委托它们父级代为执行事件。

第五题：前端安全问题？

答：、xss攻击。2、防止sql注入。3、文件上传漏洞  预防方法就是前端对所有用户输入的信息都需要验证，且后端也得需要验证。4、防短信轰炸，用图文验证码解决。5、会员登录是的cookie欺骗，用token解决。

第六题：jquery的优化方法？

答：1、选择器要用对，理论上ID选择器是最快的，学会使用缓存JQ对象。2、尽量减少dom操作。比如对某个元素插入数据的时候，先把数据都弄好一次性插入。3、 不要直接使用事件，通过绑定on的方法加事件。4、学会使用链式写法。

第七题：jquery添加插件？

答：两种开发模式，第一种是基于函数的函数，jQuery.extend。第二种是对象级别的插件开发$.fn.extend.

第八题：是否设计过通用的组件？

答：设计过，比如：toast，下拉加载，购物车等。

第九题：平时是如何学习的？

答：1、看技术文档。2、去github上下载开源代码读代码。3、网上找些视频来学习。

第十题：项目中负责了什么？

答：作为一个前端，首先是项目的页面和数据展示，有时候处理不同设备的兼容，再就是处理页面之间和数据之间的逻辑关系，提高用户体验。