03 2022 档案

Javascript中运算符的优先级
摘要：在js中存在很多的运算符，如何区分它们之间的优先级，今天总结常用的运算符，从上往下依次顺序： 1. 小括号（） 有括号先算括号里面的； 2. 一元运算符 加加（++）； 减减（--）； 非（!） 3. 算数运算符 加（+）;减（-）;乘（*）;除（/）;取于（%）；这里是先乘（*）除（/）取于（%） 阅读全文
posted @ 2022-03-31 23:47 simple-X 阅读(3791) 评论(0) 推荐(0)
css中实现元素隐藏的几种方法
摘要：一、display:none; display翻译成中文是显示、展览的意思；将display的属性改为none可以实现元素的隐藏，元素和盒子模型也不生成，被隐藏的元素不占位置，看不见摸不着，它会导致浏览器的重排和重绘。 二、visibility:hidden; visibility翻译成中文是能见、 阅读全文
posted @ 2022-03-30 21:22 simple-X 阅读(686) 评论(0) 推荐(0)
transition和animation的区别是什么？
摘要：一、transition（过渡、转变的意思） transition 属性是一个简写属性，用于设置四个过渡属性： 1. transition-property：设置过渡效果的属性名称（默认值是all）； 2. transition-duration：设置过渡完成所需要的时间（默认值是0）； 3. tr 阅读全文
posted @ 2022-03-29 23:04 simple-X 阅读(1690) 评论(0) 推荐(0)
JavaScript创建对象的三种方法
摘要：一、什么是对象？ 对象指一个具体的事物，泛指的不算对象，对像是一组无序的相关属性和方法的集合；属性是特征常用名词来表示，方法是行为常用动词来表示。 二、为什么需要对象？ 当我们保存一个值时，可以使用变量，保存多个值时，可以使用数组；当我们需要保存很多完整、复杂的信息时，我们就会需要对象。 三、创建对 阅读全文
posted @ 2022-03-28 22:58 simple-X 阅读(1309) 评论(0) 推荐(1)
在JavaScript变量、属性、函数、方法的概念以及区别
摘要：一、变量与属性的区别； 1. 概念 什么是变量？ 变量：变量是一个存储数据的容器，本质：变量是内存里面的一个空间，通过变量名来获取数据；声明（var）一个变量就是在内存里面获取一个存储空间。 什么是属性？ 为元素提供各种附加信息的就是属性，存在对象里面表示对象有什么样的特征，常用名词来表示，它总是以 阅读全文
posted @ 2022-03-27 22:33 simple-X 阅读(263) 评论(0) 推荐(0)
break, continue, return的区别
摘要：1、break: 翻译成中文是打断、中断的意思，作用是结束当前的循环体，后面的循环也不再继续了，经常使用在for、while循环里面; 2、continue: 翻译成中文是继续、延续的意思，作用是跳出本次循环，继续执行下一次循环（不是继续执行当前次循环），和break最大的区别就是还会继续执行下一个 阅读全文
posted @ 2022-03-26 12:10 simple-X 阅读(2658) 评论(0) 推荐(0)
js中for循环是如何进行的？
摘要：Javascript中的for是如何实现循环的？ 一、语法结构 单for循环 for (初始化变量； 条件表达式； 操作表达式) { 循环体 } 双重for循环（也叫循环嵌套） for (外层初始化变量； 外层的表达式； 外层的操作表达式) { for (里层的初始化变量； 里层的条件表达式； 里层 阅读全文
posted @ 2022-03-25 20:52 simple-X 阅读(639) 评论(0) 推荐(0)
精灵图和字体图标的概念
摘要：一、精灵图 概念：将网页的所需要一些小背景图像整合到一张大的图片中，在css中利用"background-image"、"background-repeat"、"background-position"、"background-size"的组合找到需精灵图。 “background-position 阅读全文
posted @ 2022-03-24 22:14 simple-X 阅读(321) 评论(0) 推荐(0)
Html5新增内容标签
摘要：一、新增的语义化布局标签： 1. header和footer标签 页面中一个内容区块的头部和尾部布局 2. nav 导航区域 3. article标签 页面中独立的内容部分布局 4. aside标签 在独立内容之外，但是又与article有关联的部分布局 二、新增媒体标签 1. audio（音频） 阅读全文
posted @ 2022-03-23 21:29 simple-X 阅读(399) 评论(0) 推荐(0)
css中less是什么？
摘要：less是css的一种扩充语言，也叫css预处理器。 作用： 1. 里面代码运用了嵌套的模式，使我们的代码看起来简洁，一目了然； 2. 运用了变量，改变一个只要是引用的部分都会改变，方便我们后期维护，不用考虑兼容器问题； 3. 会自动计算，增加了一些运算符，但是需要在左边声明单位，否则计算出来的内容 阅读全文
posted @ 2022-03-22 21:00 simple-X 阅读(470) 评论(0) 推荐(0)
px、em、rem单位间的区别
摘要：1、px px是pixel的缩写，中文翻译是像素的意思；我们一般用来设置元素的宽高、字体大小，查了一下它不是自然界的长度单位。px是就是一张图片中最小的点，一张图就是由这些点构成的。1024px就是1024像素，如果是1024px×768px，也就是说水平方向上有1024个点，垂直方向上有768个点 阅读全文
posted @ 2022-03-21 18:19 simple-X 阅读(2952) 评论(2) 推荐(1)
HTML中浮动元素的特点
摘要：html初始网页布局常见有：标准流、浮动、定位。 标准流：简单来说就是普通流、常规流，占位； 浮动：就是从标准流中浮动出来；不占位； 定位：也是从标准流脱离出来；不占位； 如果给个层级的话：标准流 > 浮动 > 定位。 今天主要记一下浮动元素的特点： 代码：float:left;或者：float:r 阅读全文
posted @ 2022-03-20 22:25 simple-X 阅读(367) 评论(0) 推荐(0)
CSS双伪元素清除浮动
摘要：1. 双伪元素清除浮动（三剑客） .clearfix::before, .clearfix::after { content: ''; display: table; clear: both; } 谁需要清除浮动就给谁加，代码如下： 阅读全文
posted @ 2022-03-19 21:47 simple-X 阅读(409) 评论(0) 推荐(0)
VSCode必备快捷键
摘要：1. Ctrl + S：保存 2. Ctrl + F：在当前页面查找 3. Ctrl + D：快速匹配选中的相同词汇 4. Ctrl + G：快速导航查找行号 5. Ctrl + 数字键：快速分屏（例如Ctrl + 2,分两个屏） 6. Ctrl + enter：在光标的下面快速新建一行并切换 7. 阅读全文
posted @ 2022-03-18 19:41 simple-X 阅读(965) 评论(0) 推荐(0)
VSCode前端插件推荐
摘要：1. VSCode汉化包插件 ：Chinese (Simplified) (简体中文) Language VSCode汉化包，原始默认是英文的所以我们需要下一个中文插件。 2. VSCode自动补全标签 ：Auto Close Tag Auto Close Tag 对Html或Xml文件自动创建结束 阅读全文
posted @ 2022-03-17 15:51 simple-X 阅读(543) 评论(0) 推荐(0)