考点介绍:
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…