前端开发高级调试 VIP

成为vip会员,免费看所有精品课程
  • 目录

    目录 收起>

    本课程介绍前端开发高级调试技巧。Google Chrome浏览器出来之前,FireFox的的插件非常丰富,更因为FireFox有强大的Firebug,对于前端开发可谓神器。后来由于开发Chrome的插件(现在的FaWave),且益于Google V8的快速,和对HTML5和CSS3的支持比较完善,html类的富客户端应用Chrome上无论是流畅性还是呈现的效果,都是比较出色,对于开发者更可谓一大利器。本节课主要给大家介绍Audits、Timeline、Profiles这三个面板掌握深入的调试技巧。

    1.前端开发高级调试-课程概要 00:01:15

    本课时主要介绍前端开发高级调试-课程概要,让同学们对课程大纲有大致了解。

    2.断点以及捕捉事件绑定 00:09:45

    本课时主要介绍断点以及捕捉事件绑定,不仅让大家对js代码可也掌握断点调试同时也让大家对Dom元素进行断点以及找到绑定事件的源代码。

    3.Audits和Chrome性能插件 00:10:15

    Audits和Chrome性能插件

    4.Timeline掌控帧渲染模式 00:30:51

    本课时着重介绍网页重绘与重排以及Webkit内核渲染页面原理以及CSS3D的加速原理配合Timeline进行调试。

    5.Profiles分析具体问题 00:13:42

    本课时主要介绍利用Profiles分析具体问题,包括内存泄露等。
  • 提问

    提交问题
  • 下载

  • 线路

    视频太卡?试试切换线路 √ 线路1 √ 线路2
  • 收藏

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

我们有两条线路可以选择,试试切换线路吧

前端开发高级调试

5课时,66分钟2015-12-01
Ijason_zj
Ijason_zj

极客学院金牌布道师

课程背景:
很多同学开发前端很多年调试一直主要就是用Console以及NetWork和审查元素进行调试,实则作为高级前端开发人员必须要掌握深层次的调试,比如重绘重排FPS等等。本节课带大家深入的学习前端调试。

核心内容:
1.断点以及捕捉事件绑定
2.Audits和Chrome性能插件
3.Timeline掌控帧渲染模式
4.Profiles分析具体问题

软件环境:Chrome

是否提供资料:

课程等级:高级

适合人群:
有一定经验的前端开发人员
  • 技术问答

相关课程

  • CSS3 实现立体线框球形旋转动画特效

    本课程讲解,使用 CSS3,完成立体的线框球形旋转动画特效,能够熟练运用 CSS3 中有关 3D空间的相关属性,实现立体动画效果。

    3课时 23分钟
    中级
    12461人学习
  • gulp 项目构建实战

    本课程通过实战的方式讲解 gulp 在实际开发中的应用。内容包括使用 gulp 对代码进行模块化编译、es6 转码、jsx 转换、代码压缩和代码测试功能等。

    5课时 31分钟
    中级
    12612人学习
  • WebGL Three.js 纹理

    本课程讲解 WebGL Three.js 纹理,内容包括使用凹凸贴图和法向贴图创建皱纹,用光照贴图创建阴影,用环境贴图创建反光效果以及高光贴图等。

    5课时 42分钟
    中级
    5108人学习
  • Phaser.js 中的显示对象(三)

    本课程是 Phaser.js 中显示对象课程的第三部分,将讲解 Phaser 中的粒子系统以及瓦片地图的创建和使用方法。

    3课时 50分钟
    初级
    3664人学习