前端学堂-web前端开发工程师进阶学习教程前端学堂

前端学堂
学有所用
动画渲染-前端学堂
HTML5|CSS3

动画渲染

前端学堂阅读(134)

动画这部分要了解合成器动画和非合成器动画,这部分可以结合页面渲染阻塞分析课程理解 精心打造全新课程,欢迎吐槽!反馈宝贵意见! 在线视频课程:网易云课堂课程      思否课堂

CSS基础知识-前端学堂
HTML5|CSS3

CSS基础知识

前端学堂阅读(150)

contain block 关于containing block: 这部分是基础知识,需要掌握的点时width、height、padding、margin的百分比的数值是基于最近父元素的containing block 宽度计算的,但是tr...

页面渲染阻塞分析-前端学堂
HTML5|CSS3

页面渲染阻塞分析

前端学堂阅读(129)

这个图里面介绍的比较详细了,渲染阻塞其实也是加载阻塞中的一部分,上图也给出了优化解决方法。 精心打造全新课程,欢迎吐槽!反馈宝贵意见! 在线视频课程:网易云课堂课程      思否课堂 参考: https://developers.goog...

页面加载阻塞分析-前端学堂
HTML5|CSS3

页面加载阻塞分析

前端学堂阅读(165)

加载阻塞是最常见的问题,了解了HTML解析过程之后,我们也能很好理解有哪些环节会导致页面加载慢。 JS阻塞DOM解析 前面介绍了,JS执行引擎是在渲染进程中的内核线程,和dom解析在同一个线程,执行JS或者同步加载JS都会阻塞DOM解析,当...

Chrome浏览器引擎 Blink & V8-前端学堂
JavaScript|Node

Chrome浏览器引擎 Blink & V8

前端学堂阅读(144)

欢迎学习前端知识体系课程,本系列属于:前端增长教程 背景 这篇文章是我的前端技术系列文章中浏览器工作原理栏目中的第二篇。浏览器引擎(也被称作布局引擎或渲染引擎)是浏览器的重要组成部分。浏览器引擎最重要的工作就是将HTML文本和其他页面中的资...

浏览器渲染原理-前端学堂
HTML5|CSS3

浏览器渲染原理

前端学堂阅读(146)

欢迎学习前端知识体系课程,本系列属于:前端增长教程 一个 Chrome 浏览器一般会有一个 Browser 进程(运行UI线程、管理tab和运行插件线程等等的主进程),一个 GPU 进程,和多个 Renderer 进程,通常每个 Rende...

HTML解析过程-前端学堂
HTML5|CSS3

HTML解析过程

前端学堂阅读(170)

欢迎学习前端知识体系课程,本系列属于:前端增长教程 资源请求 浏览器第一步先请求资源,这过程和NavigationTiming中定义的一些关键时间节点类似,但有所区别。这块主要是在performance中ResourceTiming规范定义...