前端学堂
学有所用

HTML5|CSS3

基础知识HTML5、CSS3以及在PC和H5页面的适配和兼容
CSS交互-前端学堂

CSS交互

前端学堂阅读(44)

Pointer Events   touch event 主要了解下css相关控制的手势和触摸事件,大家手写slide或者拖拽的时候会用到,有兴趣可以扩展学习下 touch点击穿透与click与300ms延迟   参考 ...

动画渲染-前端学堂

动画渲染

前端学堂阅读(33)

动画这部分要了解合成器动画和非合成器动画,这部分可以结合页面渲染阻塞分析课程理解

CSS基础知识-前端学堂

CSS基础知识

前端学堂阅读(32)

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

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

页面渲染阻塞分析

前端学堂阅读(46)

这个图里面介绍的比较详细了,渲染阻塞其实也是加载阻塞中的一部分,上图也给出了优化解决方法。 参考: https://developers.google.com/web/fundamentals/performance/rendering/?...

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

页面加载阻塞分析

前端学堂阅读(45)

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

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

浏览器渲染原理

前端学堂阅读(36)

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

HTML解析过程-前端学堂

HTML解析过程

前端学堂阅读(41)

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