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前端的经典面试题有哪些这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！