前端学习路线

什么是css模块化 css发展 css随着时代的发展也发生了很大的转变，主要经历了以下几个历程 手写原生CSS 手写原生css指的是在html文件中写行内样式，内嵌样式，link引入外部样式，@imp

层叠上下文 层叠水平 其中，对于普通元素来说，层叠上下文决定了层叠水平，但是对于flex元素或者定位元素，层叠水平是由层叠水平和z-index共同决定的。 需要注意的是，层叠水平是元素的属性决定的，不

什么是BFC BFC具有以下几个特点： BFC是一个独立的布局环境，BFC内部的元素布局与外部互不影响 可以通过一些条件触发BFC，从而实现某些特殊的布局 BFC布局规则 BFC布局在布局时会遵从以下

水平居中 1）内联元素，也包括文本 text-align: center; 2） 块级元素 设置margin: 0 auto; 绝对定位：position: absolute; left: 50%;

什么是定位 翻看我们前面的文档流文档，我们已经介绍过，正常的元素是会按照块级元素和内联元素的特性进行依次排列，而如果想要将一个元素放在另一个元素上，或者将一个元素固定显示在页面的某些位置，正常文档流是

伪类 伪类的特点 伪类就是开头为冒号的关键字 常见伪类 选择器 描述 :active 在用户激活（例如点击）元素的时候匹配。 :any-link 匹配一个链接的:link和:visited状态

什么是选择器 选择器列表 如果你有多个使用相同样式的CSS选择器，那么这些单独的选择器可以被混编为一个选择器列表，这样，规则就可以应用到所有的单个选择器上了。 将多个选择器组合起来，在它们之间加上一个

盒模型的介绍 什么是盒模型 盒模型是css的基石，它规定了网页元素如何显示以及元素之间的相互关系。css定义所有的元素都可以拥有像盒子一样的外形和平面空间。 盒模型的组成 盒模型由content, p

css单位的介绍 css单位就是我们在写css样式中会用到的单位。一般主要分为相对单位和绝对单位。 那么问题来了，为什么要有这么多不同的css单位呢？ -- 因为前端浏览器的窗口是可以调节的，而且不同

什么是文档流 文档流(normal flow)是浏览器在渲染显示网页内容时默认采用的一套排版规则，规定了应该以何种方式排列元素。及标签默认的排版方式。也就是我们通常所说的普通文本流。 什么是文本流 从

什么是离线缓存 离线缓存通俗地讲，就是把资源缓存下来，即使后面没有网处于离线状态也可以访问应用。 主要用到的技术就是web应用程序清单（Web App Manifest）或者使用Service Wor

web worker和service worker都是运行在浏览器主线程之外的线程中的脚本，它们之间主要的区别就是应用场景和作用不同

如何从初级前端晋升为中高级前端？以下是我工作快三年结合近来招聘要求总结的初级前端前端晋升为中高级前端的学习路线，为你拿到高薪收入助力

canvas 什么是canvas canvas是一种可供绘图的平面，我们用JavaScript对它进行配置和操作。它很灵活，相对容易使用，并且提供了足够多的功能来替代Flash制作某些类型的富内容。