资讯专栏INFORMATION COLUMN

前端面试必问题答疑(1)

rollback / 2032人阅读

摘要:一,前端性能优化有哪些页面优化方面,减少请求数设计简化页面合理设置缓存资源合并与压缩图片嵌入,将外部脚本置底,异步执行脚本,,将外链放在中,异步请求,减少不必要的跳转,避免重复的资源请求代码优化方面,操作转为数组

一,前端性能优化有哪些?

a) 页面优化方面:
1,减少HTTP请求数--设计简化页面--合理设置缓存--资源合并与压缩--css sprites--图片嵌入--Lazy Load Images
2,将外部脚本置底
3,异步执行inline脚本
4,Lazy Load Javascript
5,将外链CSS放在HEAD中
6,异步请求Callback
7,减少不必要的 HTTP跳转
8,避免重复的资源请求


b)代码优化方面:
javascript
1,DOM操作--转为数组后再访问--减少Reflow和Repaint
2,慎用 with--增加了作用域链长度
3,避免使用 eval和 Function--需要将源代码转换成可执行代码
4,减少作用域链查找--全局变量在遍历之前用局部变量缓存该变量
5,数据访问--将数据放入局部变量--减少对对象以及数组深度查找
6,字符串拼接--使用数组的 join方法,少用+号

CSS选择符
1,实际上浏览器对选择符的解析是从右往左进行的

HTML
1,了解详细:[https://www.cnblogs.com/xy-milu/p/6091234.html][1]

Image压缩
1,找找压缩工具:[https://tinypng.com][2]


二,关于原型链

关于原型链最合适的文字+代码解释:
[点击链接:]([https://blog.csdn.net/web_yzm/article/details/79453916][3])

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/59165.html

相关文章

  • 前端面试问题答疑1

    摘要:一,前端性能优化有哪些页面优化方面,减少请求数设计简化页面合理设置缓存资源合并与压缩图片嵌入,将外部脚本置底,异步执行脚本,,将外链放在中,异步请求,减少不必要的跳转,避免重复的资源请求代码优化方面,操作转为数组 一,前端性能优化有哪些? a) 页面优化方面: 1,减少HTTP请求数--设计简化页面--合理设置缓存--资源合并与压缩--css sprites--图片嵌入--Lazy L...

    付永刚 评论0 收藏0
  • 前端面试问题答疑1

    摘要:一,前端性能优化有哪些页面优化方面,减少请求数设计简化页面合理设置缓存资源合并与压缩图片嵌入,将外部脚本置底,异步执行脚本,,将外链放在中,异步请求,减少不必要的跳转,避免重复的资源请求代码优化方面,操作转为数组 一,前端性能优化有哪些? a) 页面优化方面: 1,减少HTTP请求数--设计简化页面--合理设置缓存--资源合并与压缩--css sprites--图片嵌入--Lazy L...

    voyagelab 评论0 收藏0
  • 前端面试问题答疑1

    摘要:一,前端性能优化有哪些页面优化方面,减少请求数设计简化页面合理设置缓存资源合并与压缩图片嵌入,将外部脚本置底,异步执行脚本,,将外链放在中,异步请求,减少不必要的跳转,避免重复的资源请求代码优化方面,操作转为数组 一,前端性能优化有哪些? a) 页面优化方面: 1,减少HTTP请求数--设计简化页面--合理设置缓存--资源合并与压缩--css sprites--图片嵌入--Lazy L...

    fuchenxuan 评论0 收藏0
  • 前端面试问题答疑(2)

    摘要:解决了组件之间同一状态的共享问题。当我们的应用遇到多个组件之间的共享问题时会需要状态管理核心状态管理有个核心,分别是以及。当错误出现时,我们现在也会有一个记录之前发生了什么。此外,每个实例组件仍然可以拥有和管理自己的私有状态 一,css部分 1,简单介绍下css权重优先级: 默认样式 .father{ width:300px; ...

    wuyangchun 评论0 收藏0
  • 前端面试问题答疑(2)

    摘要:解决了组件之间同一状态的共享问题。当我们的应用遇到多个组件之间的共享问题时会需要状态管理核心状态管理有个核心,分别是以及。当错误出现时,我们现在也会有一个记录之前发生了什么。此外,每个实例组件仍然可以拥有和管理自己的私有状态 一,css部分 1,简单介绍下css权重优先级: 默认样式 .father{ width:300px; ...

    RayKr 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<