【校招VIP】前端JS语言之优化相关

123 阅读3分钟

考点介绍:

JavaScript是手机和网页应用开发中的通用语言。 由于JavaScript的流行,为了提高应用程序的性能,它的优化变得越来越必要。

本期分享的前端JS语言之优化相关,分为试题、文章以及视频三部分。

答案详情解析和文章内容可扫下方二维码或链接即可查看!

一、考点题目

1、如果一个页面上有大量的图片(大型电商网站),网页加载很慢,可以用哪些方法优化这些图片的加载,从而提升用户体验?

解答: 对于图片懒加载,可以为页面添加一个滚动条事件,判断图片是否在可视区域内或者即将进入可视区域,优先加载......

2、移动端性能如何优化?

解答:
(1)尽量使用CSS3动画,开启硬件加速。
(2)适当使用 touch事件代替 click事件。
(3)避免使用CSS3渐变阴影效果。
(4)可以用 transform:translateZ(0)来开启硬件加速.....

3、请说出几种缩短页面加载时间的方法。

解答:
(1)优化图片
(2)选择图像存储格式(比如,GIF提供的颜色较少,可用在一些对颜色要求不高的地方)
(3)优化CSS(压缩、合并CSS)
(4)在网址后加斜杠.....

4、平时你是如何对代码进行性能优化的?

解答: 利用性能分析工具监测性能,包括静态 Analyze工具和运行时的 Profile工具(在Xcode工具栏中依次单击 Product→ Profile项可以启动).....

5、针对 JavaScript,如何优化性能?

解答:
(1)缓存DOM的选择和计算。
(2)尽量使用事件委托模式,避免批量绑定事件。
(3)使用 touchstart、 touchend代替 click。
(4)合理使用 requestAnimationFrame动画代替 setTimeOut.....

(答案点击下方链接或者扫海报二维码查看哦)

二、考点文章

1、 Web前端优化之如何缩短页面加载时间?

前端开发是创建Web页面或APP等前端界面呈现给用户的过程,其中会涉及到HTML、CSS、JavaScript等技术的使用,而从事前端开发的人也被称为Web前端工程师。网站开发是前端工程师日常工作的一部分,而网站加载时间是他们会考虑的一大问题。接下来千锋上海Web前端培训老师就给大家简单讲解缩短网站加载时间的技巧……

2、前端必须了解的网络协议

应用层(Application) 应用层 HTTP、TFTP、FTP、NFS、WAIS、SMTP

表示层(Presentation) Telnet、Rlogin、SNMP、Gopher……

3、【校招VIP】前端js性能优化方案

第一类是页面级别的优化,例如 HTTP请求数、脚本的无阻塞加载、内联脚本的位置优化等 ;

第二类则是代码级别的优化,例如 Javascript中的DOM 操作优化、CSS选择符优化、图片优化以及 HTML结构优化等等……

(扫下方海报二维码查看完整版)

三、考点视频

1、浮动和清除浮动的三种主要方法

只要做过简单CSS项目的同学,都会遇到浮动的问题,也就是子元素脱离了父元素,导致父元素的高度出现问题……

更多资讯可搜索校招VIP小程序查看哦!
移动端链接:m.xiaozhao.vip/dTopic/deta…
PC端链接:xiaozhao.vip/dTopic/deta…

校招考点专题宣传单 (9).png