前端学堂
学有所用

HTML5|CSS3

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

CSS交互

前端学堂阅读(186)

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

动画渲染-前端学堂

动画渲染

前端学堂阅读(230)

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

CSS基础知识-前端学堂

CSS基础知识

前端学堂阅读(255)

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

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

页面渲染阻塞分析

前端学堂阅读(177)

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

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

页面加载阻塞分析

前端学堂阅读(287)

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

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

浏览器渲染原理

前端学堂阅读(197)

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