第五棵树

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

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

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

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

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

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

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

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

calc函数 语法 需要注意以下几点： 表达式只支持+，-，*，/，（） 使用+，-时前后必须要有空格，为了统一性，建议都加上空格 *时两边至少有一个是number /时除...

全局对象就是作用在全局作用域上的对象。在浏览器中，全局对象是window; 在node.js中，全局对象是global; 在worker中，全局对象是WorkerGloba...

什么是JavaScript JavaScript发展历史 1995年由Netscape公司创立，取名为LiveScript。后面因为与Sun公司合作，因此改名为JavaSc...

雪碧图 雪碧图的原理 把你在网站上会用到的小图标整合到一张单独的图片中，从而减少你的http请求数量。然后在需要用到图片的地方使用background-image和back...

css动画 css动画的使用 优点 创建动画非常简单：不需要学习和了解js就能实现动画效果 动画运行效果良好：用js实现的动画效果通常不是很好，但是使用css动画，浏览器的...

高阶函数 构建高阶函数 既然知道了高阶函数的定义，那我们就可以构建高阶函数了 1. 将函数作为参数 这种将函数作为参数的方法通常被用在回调函数中。 回调函数是在所有其他操作...

我正在参加 码上掘金体验活动，详情：show出你的创意代码块 flex布局的相关概念 弹性盒模型 主轴和交叉轴 需要注意的是：一旦设置主轴方向，那么关于flex容器上的盒子...

前一阶段断断续续地可算整理完了css常用的知识，于是打算用vue3仿网易云写一下页面布局，里面js暂未实现，等后续js整理完成之后，实现一个类似于网易云音乐的pc版。到时候...

什么是keepAlive keepAlive的原理 keepAlive主要有三个属性include，exclude和max。还有四个钩子：created，destroyed...

遍历 什么是遍历 遍历其实就是在数据的集合中进行逐一获取或查看。通俗地理解就是现在有一筐鸡蛋，我们一个个地依次从篮子里取出鸡蛋的过程就叫做遍历。 常见的遍历方式 针对不同的...

为什么会出现浏览器前缀 这个要从css的发展来说，因为每次css属性从诞生到成为标准都需要经过草案到逐渐标准化的过程。在标准还未确定的时候，部分浏览器就已经根据最初草案实现...

写在前面 css预处理器 在css预处理器出来之前，css没有变量，样式复用，代码很难维护，而且没有不支持嵌套的写法，css预处理器正是为了解决这些痛点的。 css预处理器...