想要成为一名web前端开发工程师，并顺利高薪就业，除了要有扎实的web前端技能外，还需要掌握一些面试技巧。提前了解一些企业需求和经典面试题的回答干货，会让你的面试成功率大大提高。下面，千锋武汉web前端培训老师就为大家分享五个经典web前端面试题，助力大家找到更好的工作，走向高薪前端之路。

　　1、如何利用Webpack把代码上传服务器以及转码测试?

　　(1)代码上传：

　　可以使用sftp-Webpack-plugin，但是会把子文件夹给提取出来，不优雅。可以使用gulp+Webpack来实现。

　　(2) 转码测试

　　Webpack应用babel来对ES6转码，开启devtool: “source-map" 来进行浏览器测试。应用karma或mocha来做单元测试。

　　2、Webpack打包文件太大怎么办?

　　Webpack 把我们所有的文件都打包成一个 JS 文件，这样即使你是小项目，打包后的文件也会非常大。可以从去除不必要的插件，提取第三方库、代码压缩、代码分割、设置缓存几个方面着手优化。

　　3、CSS，JS代码压缩，以及代码CDN托管，图片整合。

　　(1)CSS,JS 代码压缩：

　　可以应用gulp的gulp-uglify，gulp-minify-css模块完成;可以应用webpack的 UglifyJsPlugin压缩插件完成。

　　(2)CDN：

　　内容分发网络(CDN)是一个经策略性部署的整体系统，包括分布式存储、负载均衡、网络请求的重定向和内容管理4个要件。主要特点有：本地Cache加速，镜像服务，远程加速，带宽优化。关键技术有：内容发布、内容路由、内容交换、性能管理。CDN网站加速适合以咨询为主的网站。CDN是对域名加速不是对网站服务器加速。CDN和镜像站比较不需要访客手动选择要访问的镜像站。CDN使用后网站无需任何修改即可使用CDN获得加速效果。如果通过CDN后看到的网页还是旧网页，可以通过URL推送服务解决，新增的网页和图片不需要URL推送。使用动态网页可以不缓存即时性要求很高的网页和图片。CDN可以通过git或SVN来管理。

　　(3)图片整合

　　减少网站加载时间的最有效的方式之一就是减少网站的HTTP请求数。实现这一目标的一个有效的方法就是通过CSS Sprites——将多个图片整合到一个图片中，然后再用CSS来定位。缺点是可维护性差。可以使用百度的fis/webpack来自动化管理sprite。

　　4、不想让别人盗用你的图片，访问你的服务器资源该怎么处理?

　　目前常用的防盗链方法主要有两种：

　　(1)设置Referer：适合不想写代码的用户，也适合喜欢开发的用户

　　(2)签名URL：适合喜欢开发的用户

　　5、开发过程中遇到的内存泄露情况，如何解决的?

　　内存泄露的几种情况：

　　(1)当页面中元素被移除或替换时，若元素绑定的事件仍没被移除，在IE中不会作出恰当处理，此时要先手工移除事件，不然会存在内存泄露。

　　(2)由于是函数内定义函数，并且内部函数--事件回调的引用外暴了，形成了闭包。闭包可以维持函数内局部变量，使其得不到释放。

　　以上就是千锋武汉web前端培训老师为大家总结的面试中出现频次比较高的web前端问题，面对web前端开发的小伙伴可以多留意，想要了解更多web前端面试技巧，可以关注“武汉千锋”微信公众号!

上一篇

为什么有些人学完Java后找不到工作 原因是什么

下一篇

Java程序员薪资如何 现在就业机会多吗