web前端教程分享如何提高面试成功率-阿里云开发者社区

开发者社区> 好程序员> 正文

web前端教程分享如何提高面试成功率

简介:
+关注继续查看

  好程序员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前端优化常用规则
一,尽量减少HTTP请求 二,使用CDN(内容分发网络) 三,添加Expire/Cache-Control头 四,启用Gzip压缩 五,将CSS放在层叠样式表放到head里面 六,将Script放到页面最下面 七,在CSS中使用Expressions 八,把Js和CSS放到外部文件...
852 0
好程序员web前端技术分享css3旧版弹性盒
 好程序员web前端技术分享css3旧版弹性盒1、display:box说明: (必须加前缀)设置弹性盒 使用如下属性,必须在父代设置display:box; 2、box-orient说明: 在父级上设置该属性,则子代按水平排列或竖直排列。
2979 0
好程序员web前端教程分享3种方法实现CSS隐藏滚动条并可以滚动内容
好程序员web前端教程分享3种方法实现CSS隐藏滚动条并可以滚动内容,隐藏滚动条的同时还需要支持滚动,我们经常在前端开发中遇到这种情况,最容易想到的是加一个iscroll插件,但其实现在CSS也可以实现这个功能,我已经在很多地方使用了,下面一起看看这三种方法。
1292 0
好程序员web前端技术分享移动端页面布局
好程序员web前端技术分享移动端页面布局一、弹性布局(100%布局)的特点顶部与底部的bar不管分辨率怎么变,它的⾼度和位置都不变; 中间每条招聘信息不管分辨率怎么变,招聘公司的图标等信息 都位于条目的左边,薪资都位于右边.特点:关键元素高宽和位置都不变,只有容器元素在做伸缩变换。
1270 0
好程序员教程分享webpack打包文件太大怎么办
好程序员教程分享webpack 打包文件太大怎么办,webpack 把我们所有的文件都打包成一个 JS 文件,这样即使你是小项目,打包后的文件也会非常大。下面就来讲下如何从多个方面进行优化。 去除不必要的插件 刚开始用 webpack 的时候,开发环境和生产环境用的是同一个 webpack 配置文件,导致生产环境打包的 JS 文件包含了一大堆没必要的插件,比如HotModuleReplacementPlugin, NoErrorsPlugin复制代码这时候不管用什么优化方式,都没多大效果。
1699 0
+关注
333
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载