资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

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前端的经典面试题有哪些-创新互联
本文地址:http://cdkjz.cn/article/cogoso.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220