点播 前端性能优化-通用的缓存SDK

课程时长 04小时27分钟

学习期限 12 个月 退款期限 30 天

市场价格 免费 会员价格 免费

难度级别 中级 学习人次 33899 综合评分 4.1

内容实用 4.2 分

简洁易懂 4.2 分

逻辑清晰 4.1 分

  • 详情
  • 目录
  • 评价4

简介:性能优化成神之路的必看之课,是前端性能优化基础简介的后续篇章,作为一门前端性能优化的进阶课程,本课程介绍了常用的性能优化方法,以及老师自己在工作中摸索出来的,并且在大厂使用的课程。

第1章实战项目初始化

  • 环境搭建
    02分钟35秒
  • 介绍nodejs、npm
    05分钟49秒
  • 项目安装
    16分钟21秒
  • 问题解决+结语
    02分钟31秒

第2章常用的图片优化方法

  • 图片与css
    02分钟31秒
  • 图片分类
    03分钟01秒
  • 图片的加载方式
    02分钟55秒
  • CSSSprites简介
    06分钟44秒
  • CSSSprites实战
    07分钟05秒
  • 未来方法+结语
    03分钟52秒

第3章常用视频优化方法

  • 视频播放器简介
    05分钟42秒
  • 自定义播放器
    09分钟43秒
  • js前置
    06分钟27秒
  • 资源提前
    03分钟38秒

第4章介绍常用缓存方式

  • 简介技术选型
    02分钟57秒
  • sessionStorage
    08分钟14秒
  • userData+cookie
    03分钟07秒
  • openData+localstorage
    14分钟39秒
  • localstroage边界值+结尾
    05分钟51秒

第5章做一个通用的缓存SDK

  • SDK功能简介
    01分钟
  • 网络功能拆解
    01分钟57秒
  • 网络请求1
    10分钟21秒
  • 网络请求2
    02分钟06秒
  • 前三个3
    06分钟16秒
  • 本地存储模块
    02分钟29秒
  • Ie开头
    03分钟04秒
  • startup
    03分钟10秒
  • SaveSDK
    06分钟31秒
  • startup填空
    05分钟40秒
  • 添加写入DomUtils
    08分钟24秒
  • SDK完成
    08分钟04秒
  • 代码引入
    05分钟14秒
  • 改正语法错误
    05分钟39秒
  • 代码死循环
    04分钟49秒
  • 死循环问题解决
    03分钟50秒
  • 写入缓存
    04分钟29秒
  • 请求发送XHR对象为Null
    13分钟18秒
  • 解决xhr为Null
    02分钟53秒
  • 解决回调失败问题
    05分钟45秒
  • 存储成功
    01分钟22秒
  • 读取成功
    08分钟06秒
  • 我们的SDK适合干什么
    06分钟35秒
  • 大功告成
    08分钟25秒

第6章高性能的dom

  • 什么是dom
    04分钟14秒
  • 回流和重绘
    02分钟49秒
  • 为什么避免回流和重绘
    04分钟51秒
  • 如何避免回流和重绘
    03分钟35秒
  • 如何分辨重绘
    06分钟58秒
  • 结语
    01分钟52秒
33899
4
0