摘要： 1、break: 翻译成中文是打断、中断的意思，作用是结束当前的循环体，后面的循环也不再继续了，经常使用在for、while循环里面; 2、continue: 翻译成中文是继续、延续的意思，作用是跳出本次循环，继续执行下一次循环（不是继续执行当前次循环），和break最大的区别就是还会继续执行下一个 阅读全文

摘要： Javascript中的for是如何实现循环的？ 一、语法结构 单for循环 for (初始化变量； 条件表达式； 操作表达式) { 循环体 } 双重for循环（也叫循环嵌套） for (外层初始化变量； 外层的表达式； 外层的操作表达式) { for (里层的初始化变量； 里层的条件表达式； 里层 阅读全文

摘要： 一、精灵图 概念：将网页的所需要一些小背景图像整合到一张大的图片中，在css中利用"background-image"、"background-repeat"、"background-position"、"background-size"的组合找到需精灵图。 “background-position 阅读全文

摘要： 一、新增的语义化布局标签： 1. header和footer标签 页面中一个内容区块的头部和尾部布局 2. nav 导航区域 3. article标签 页面中独立的内容部分布局 4. aside标签 在独立内容之外，但是又与article有关联的部分布局 二、新增媒体标签 1. audio（音频） 阅读全文

摘要： less是css的一种扩充语言，也叫css预处理器。 作用： 1. 里面代码运用了嵌套的模式，使我们的代码看起来简洁，一目了然； 2. 运用了变量，改变一个只要是引用的部分都会改变，方便我们后期维护，不用考虑兼容器问题； 3. 会自动计算，增加了一些运算符，但是需要在左边声明单位，否则计算出来的内容 阅读全文

摘要： 1、px px是pixel的缩写，中文翻译是像素的意思；我们一般用来设置元素的宽高、字体大小，查了一下它不是自然界的长度单位。px是就是一张图片中最小的点，一张图就是由这些点构成的。1024px就是1024像素，如果是1024px×768px，也就是说水平方向上有1024个点，垂直方向上有768个点 阅读全文

摘要： html初始网页布局常见有：标准流、浮动、定位。 标准流：简单来说就是普通流、常规流，占位； 浮动：就是从标准流中浮动出来；不占位； 定位：也是从标准流脱离出来；不占位； 如果给个层级的话：标准流 > 浮动 > 定位。 今天主要记一下浮动元素的特点： 代码：float:left;或者：float:r 阅读全文

摘要： 1. 双伪元素清除浮动（三剑客） .clearfix::before, .clearfix::after { content: ''; display: table; clear: both; } 谁需要清除浮动就给谁加，代码如下： 阅读全文

摘要： 1. Ctrl + S：保存 2. Ctrl + F：在当前页面查找 3. Ctrl + D：快速匹配选中的相同词汇 4. Ctrl + G：快速导航查找行号 5. Ctrl + 数字键：快速分屏（例如Ctrl + 2,分两个屏） 6. Ctrl + enter：在光标的下面快速新建一行并切换 7. 阅读全文

摘要： 1. VSCode汉化包插件 ：Chinese (Simplified) (简体中文) Language VSCode汉化包，原始默认是英文的所以我们需要下一个中文插件。 2. VSCode自动补全标签 ：Auto Close Tag Auto Close Tag 对Html或Xml文件自动创建结束 阅读全文