<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Veronnit的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Veronnit</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Veronnit]]></copyright><item><title><![CDATA[27.CSS-3D模块]]></title><link>https://blog.youkuaiyun.com/Veronnit/article/details/119183067</link><guid>https://blog.youkuaiyun.com/Veronnit/article/details/119183067</guid><author>Veronnit</author><pubDate>Thu, 29 Jul 2021 14:07:56 +0800</pubDate><description><![CDATA[文章目录3D模块1.什么是2D和3D?2.如何让某个元素呈3D展现的练习:做一个正方体
3D模块
1.什么是2D和3D?
2D就是一个平面,只有宽度和高度,没有厚度;
3D就是一个立体,有宽度和高度,还有厚度.
默认情况下,所有元素都是呈2D展现的
2.如何让某个元素呈3D展现的
和透视一样,想看到某个元素的3D效果,只需要给他的父元素添加一个transform-style属性,然后设置为preserve-3d即可
&lt;style&gt;
    *{
      margin: 0;
      pa]]></description><category></category></item><item><title><![CDATA[26.CSS-动画模块]]></title><link>https://blog.youkuaiyun.com/Veronnit/article/details/119138564</link><guid>https://blog.youkuaiyun.com/Veronnit/article/details/119138564</guid><author>Veronnit</author><pubDate>Wed, 28 Jul 2021 15:48:40 +0800</pubDate><description><![CDATA[文章目录动画模块1.过渡和动画之间的异同2.动画的三要素3.属性
动画模块
1.过渡和动画之间的异同
不同点:
过渡必须人为触发才会执行动画;
动画不需要人为触发就可以执行动画.
相同点:
过渡和动画都是用来给元素添加动画的;
过渡和动画都是系统新增的一些属性;
过渡和动画都需要满足三要素才会有动画效果.
2.动画的三要素

告诉系统需要执行哪个动画
告诉系统我们需要自己创建一个自己指定名称的动画
告诉系统动画需要持续的时间

 div{
      width: 100px;
      height: ]]></description><category></category></item><item><title><![CDATA[12.JavaScript-函数预解析]]></title><link>https://blog.youkuaiyun.com/Veronnit/article/details/119134875</link><guid>https://blog.youkuaiyun.com/Veronnit/article/details/119134875</guid><author>Veronnit</author><pubDate>Tue, 27 Jul 2021 10:10:59 +0800</pubDate><description><![CDATA[文章目录函数预解析1.什么是预解析?2.预解析规则3.注意点练习
函数预解析
1.什么是预解析?
浏览器在执行JS代码的时候会分成两部分操作:预解析以及逐行执行代码.
也就是说浏览器不会直接执行代码,而是加工处理之后在执行.
这个加工处理的过程,我们就称之为预解析.
2.预解析规则

将变量声明和函数声明提升到当前作用域的最前面.
将剩余代码按照书写顺序依次放在后面.

3.注意点
通过let定义的变量不会被提升(不会被预解析)
练习
 // 1.下列程序的执行结果是什么?
        var a = ]]></description><category></category></item><item><title><![CDATA[11.JavaScript-函数(下)]]></title><link>https://blog.youkuaiyun.com/Veronnit/article/details/119111419</link><guid>https://blog.youkuaiyun.com/Veronnit/article/details/119111419</guid><author>Veronnit</author><pubDate>Mon, 26 Jul 2021 17:05:37 +0800</pubDate><description><![CDATA[文章目录函数(下)6.函数形参默认值7.函数作为参数和返回值8.匿名函数9.箭头函数10.递归函数11.函数中变量作用域
函数(下)
6.函数形参默认值
格式:
function getSum(a = 默认值,b = 默认值){}
注意点:
在ES6之前可以通过逻辑运算符来给形参指定默认值;
在逻辑或运算中,如果参与运算的不是布尔类型,返回值有一个特点
格式:条件A || 条件B
如果条件A成立,那么就返回条件A;
如果条件A不成立,无论条件B成不成立,都会返回条件B.
function getSum(a,]]></description><category></category></item><item><title><![CDATA[10.JavaScript-函数(上)]]></title><link>https://blog.youkuaiyun.com/Veronnit/article/details/119103814</link><guid>https://blog.youkuaiyun.com/Veronnit/article/details/119103814</guid><author>Veronnit</author><pubDate>Mon, 26 Jul 2021 15:48:39 +0800</pubDate><description><![CDATA[文章目录函数(上)1.什么是函数?不使用函数的弊端使用函数的好处2.函数格式函数定义步骤3.注意点4.函数arguments5.函数扩展运算符
函数(上)
1.什么是函数?
函数就是用于封装代码的,函数是一段可以随时被反复执行的代码块.
不使用函数的弊端

冗余代码太多
需求变更,需要修改很多代码

使用函数的好处

冗余代码变少了
需求变更,需要修改的代码变少了

2.函数格式
function 函数名称(形参列表){
被封装的代码;
}
函数定义步骤
1.书写函数的固定格式
function 函数名称(]]></description><category></category></item><item><title><![CDATA[9.JavaScript-数组]]></title><link>https://blog.youkuaiyun.com/Veronnit/article/details/118999561</link><guid>https://blog.youkuaiyun.com/Veronnit/article/details/118999561</guid><author>Veronnit</author><pubDate>Mon, 26 Jul 2021 10:05:43 +0800</pubDate><description><![CDATA[文章目录数组什么是数组?定义数组使用数组注意点数组的遍历什么是数组的遍历?数组的解构赋值数组的操作
数组
什么是数组?
数组就是专门用于存放一组数据的。
注意点：
和Number/String/Boolean/Null/undefined不同(基本数据类型),数组(Array)不是基本数据类型,是引用数据类型(对象类型)。
定义数组
格式：
//通过构造函数创建数组
let 变量名称=new Array(size);//创建一个指定大小数组
let 变量名称=new Array();//创建一个空数组
le]]></description><category></category></item><item><title><![CDATA[8.JavaScript-变量作用域]]></title><link>https://blog.youkuaiyun.com/Veronnit/article/details/118994509</link><guid>https://blog.youkuaiyun.com/Veronnit/article/details/118994509</guid><author>Veronnit</author><pubDate>Thu, 22 Jul 2021 11:27:37 +0800</pubDate><description><![CDATA[变量作用域
1.在JavaScript中定义变量有两种方式
ES6之前: var 变量名称;
ES6开始: let 变量名称;
2.两种定义变量方式的区别

如果通过var定义变量,可以重复定义同名的变量,并且不会报错,后定义的会覆盖先定义的;
如果通过var定义变量,可以先使用后定义(预解析);
如果通过let定义变量,不可以重复定义同名变量;
如果通过let定义变量,不可以先使用再定义,因为浏览器不会对let定义的变量进行预解析.
通过var定义的变量是不区分全局变量和局部变量,通过let定义的变量是区]]></description><category></category></item><item><title><![CDATA[7.JavaScript-流程控制]]></title><link>https://blog.youkuaiyun.com/Veronnit/article/details/118966309</link><guid>https://blog.youkuaiyun.com/Veronnit/article/details/118966309</guid><author>Veronnit</author><pubDate>Wed, 21 Jul 2021 14:50:55 +0800</pubDate><description><![CDATA[文章目录流程控制ifSwitchwhile循环do-while循环for循环三大跳转
流程控制
if
JavaScript中if选择结构和C语言中一模一样
if(条件表达式1)
{
    语句块1
}else if(条件表达式2){
    语句块2
}else if(条件表达式3){
    语句块3
}else{
    语句块4
}

Switch
JavaScript中Switch选择结构和C语言几乎一样
switch(条件表达式){
  case 表达式:
      语句1;
      br]]></description><category></category></item><item><title><![CDATA[6.JavaScript-运算符注意点]]></title><link>https://blog.youkuaiyun.com/Veronnit/article/details/118965764</link><guid>https://blog.youkuaiyun.com/Veronnit/article/details/118965764</guid><author>Veronnit</author><pubDate>Wed, 21 Jul 2021 14:43:08 +0800</pubDate><description><![CDATA[运算符注意点
1.和C语言不同的是JavaScript中整数除以整数结果是小数；
	var res4 = 10 / 3;
    console.log(res4); // 3.3333

2.任何值和NaN做运算都得NaN；
	var result = 2 + NaN;
	console.log(result); //NaN

3.非Number类型的值进行运算时，会将这些值转换为Number然后再运算；
	var result = true + 1; // + - * /  %
	console.log]]></description><category></category></item><item><title><![CDATA[5.JavaScript-数据类型]]></title><link>https://blog.youkuaiyun.com/Veronnit/article/details/118958311</link><guid>https://blog.youkuaiyun.com/Veronnit/article/details/118958311</guid><author>Veronnit</author><pubDate>Wed, 21 Jul 2021 14:25:54 +0800</pubDate><description><![CDATA[文章目录数据的分类静态数据动态数据数据类型如何检测数据类型？数据类型转换转换为字符串类型转换为Number类型转换为布尔类型
数据的分类
静态数据
静态数据是指一些永久性的数据,一般以文件的形式存储在硬盘上,比如文档、图片、视频等。
动态数据

动态数据是在程序运行过程中，动态产生的临时数据，一般存储在内存中，内存的存储空间一般都比较小。
计算机关闭之后，动态产生的临时数据就会被清除。
当运行某个程序时，整个程序就会被加载到内存中，在程序运行过程中，会产生各种各样的临时数据，这些临时数据都是存储在内存中的。]]></description><category></category></item><item><title><![CDATA[4.JavaScript-关键字、保留字和标识符]]></title><link>https://blog.youkuaiyun.com/Veronnit/article/details/118937502</link><guid>https://blog.youkuaiyun.com/Veronnit/article/details/118937502</guid><author>Veronnit</author><pubDate>Tue, 20 Jul 2021 16:14:23 +0800</pubDate><description><![CDATA[文章目录关键字什么是关键字?保留字什么是保留字?标识符什么是标识符?标识符的命名规则标识符的命名规范
关键字
什么是关键字?

被JavaScript语言赋予了特殊含义的单词.
关键字在开发工具中会显示特殊的颜色.
关键字不能作为变量名、函数名等.
关键字严格区分大小写,在JavaScript中所有的关键字都是小写的.


保留字
什么是保留字?
JavaScript预留的关键字,虽然还不是关键字,但是以后的升级版本中有可能作为关键字.

标识符
什么是标识符?
JavaScript标识符的概念和C语言一样]]></description><category></category></item><item><title><![CDATA[3.JavaScript-常量和变量]]></title><link>https://blog.youkuaiyun.com/Veronnit/article/details/118934788</link><guid>https://blog.youkuaiyun.com/Veronnit/article/details/118934788</guid><author>Veronnit</author><pubDate>Tue, 20 Jul 2021 15:45:47 +0800</pubDate><description><![CDATA[文章目录基本语法常量1.什么是常量?2.JavaScript中常量的分类变量1.什么是变量?2.如何定义变量?3.如何使用变量？4.注意点
基本语法
常量
1.什么是常量?
常量表示一些固定不变的数据.
2.JavaScript中常量的分类
(1) 整型常量
整型常量就是整数,在JavaScript中编写一个整数就是整型常量.
1/666/999
(2) 实型常量
实型常量就是小数,在JavaScript中编写一个小数就是整型常量.
3.14/6.66
(3) 字符串常量
字符串常量就是用单引号或者双引号括]]></description><category></category></item><item><title><![CDATA[2.JavaScript-常见的输出方式]]></title><link>https://blog.youkuaiyun.com/Veronnit/article/details/118933912</link><guid>https://blog.youkuaiyun.com/Veronnit/article/details/118933912</guid><author>Veronnit</author><pubDate>Tue, 20 Jul 2021 14:31:10 +0800</pubDate><description><![CDATA[文章目录常见的输出方式1.通过弹窗的方式来输出2.通过网页的内容区域的方式来输出3.通过开发者工具控制台的形式来输出
常见的输出方式
1.通过弹窗的方式来输出

格式：
alert(需要输出的内容)；
confirm(需要输出的内容)；
prompt（需要输出的内容）；
alert(123);
alert('abc');
alert("快乐");

注意点：

如果需要输出的内容不是数字，就必须通过单引号或者双引号括起来。
alert和confirm的区别就是在弹窗中，confirm比alert多一个取消按]]></description><category></category></item><item><title><![CDATA[25.CSS-盒子阴影和文字阴影]]></title><link>https://blog.youkuaiyun.com/Veronnit/article/details/118929469</link><guid>https://blog.youkuaiyun.com/Veronnit/article/details/118929469</guid><author>Veronnit</author><pubDate>Tue, 20 Jul 2021 11:17:23 +0800</pubDate><description><![CDATA[文章目录盒子阴影1.如何给盒子添加阴影？2.注意点文字阴影1.如何给文字添加参数？2.注意点
盒子阴影
1.如何给盒子添加阴影？
box-shadow：水平偏移 垂直偏移 模糊度 阴影扩展 阴影颜色 内外阴影；
2.注意点

盒子的阴影分为内外阴影，默认情况下就是外阴影。
快速添加阴影只需要编写三个参数即可，box-shadow：水平偏移 垂直偏移 模糊度；默认情况下阴影的颜色和盒子内容的颜色一致。

文字阴影
1.如何给文字添加参数？
text-shadow: 水平偏移 垂直偏移 模糊度 阴影颜色；
2.]]></description><category></category></item><item><title><![CDATA[24.CSS-2D转换]]></title><link>https://blog.youkuaiyun.com/Veronnit/article/details/118926652</link><guid>https://blog.youkuaiyun.com/Veronnit/article/details/118926652</guid><author>Veronnit</author><pubDate>Tue, 20 Jul 2021 10:29:11 +0800</pubDate><description><![CDATA[文章目录2D转换transform属性注意点transform-origin属性注意点perspective属性注意点
2D转换
transform属性
作用：能够对元素进行移动、旋转、缩放和倾斜的属性。
格式：
transform：translate()； 从当前位置移动元素，第一个参数是水平方向，第二个参数是垂直方向。
transform：rotate()； 旋转元素，需要说明角度。例如：transform：rotate(45deg)；
默认是以Z轴旋转，也可以写成transform: rotateZ(]]></description><category></category></item><item><title><![CDATA[1.JavaScript-介绍]]></title><link>https://blog.youkuaiyun.com/Veronnit/article/details/118897568</link><guid>https://blog.youkuaiyun.com/Veronnit/article/details/118897568</guid><author>Veronnit</author><pubDate>Mon, 19 Jul 2021 16:57:06 +0800</pubDate><description><![CDATA[文章目录什么是JavaScript？JavaScript的作用JavaScript的组成JavaScript的书写格式

User Interface 用户界面，我们所看到的浏览器
Browser engine 浏览器引擎，用来查询和操作渲染引擎
Rendering engine 用来显示请求的内容，负责解析HTML、CSS，并把解析的内容显示出来
Networking 网络，负责发送网络请求
JavaScript Interpreter(解析者) JavaScript解析器，负责执行JavaScript的]]></description><category></category></item><item><title><![CDATA[23.CSS-过渡模块]]></title><link>https://blog.youkuaiyun.com/Veronnit/article/details/118891720</link><guid>https://blog.youkuaiyun.com/Veronnit/article/details/118891720</guid><author>Veronnit</author><pubDate>Mon, 19 Jul 2021 15:08:02 +0800</pubDate><description><![CDATA[文章目录过渡模块1.过渡三要素2.注意点3.其他属性4.连写格式手风琴效果
过渡模块
1.过渡三要素

必须要有属性发生变化；
必须告诉系统哪个属性需要执行过渡效果；
必须告诉系统过渡效果持续时长。

2.注意点
当多个属性需要同时执行过渡效果时用逗号隔开即可。
例如：
/*告诉系统哪个属性需要过渡效果和效果持续的时间*/
transition-property: width,background-color;
transition-duration: 5s,5s;

3.其他属性

transition-]]></description><category></category></item><item><title><![CDATA[22.CSS-a标签的伪类选择器]]></title><link>https://blog.youkuaiyun.com/Veronnit/article/details/118889759</link><guid>https://blog.youkuaiyun.com/Veronnit/article/details/118889759</guid><author>Veronnit</author><pubDate>Mon, 19 Jul 2021 10:50:48 +0800</pubDate><description><![CDATA[文章目录a标签的伪类选择器1.什么是a标签的伪类选择器？2.格式3.注意点
a标签的伪类选择器
通过观察发现a标签存在一定的状态。

默认状态，从未被访问过；
被访问过的状态；
鼠标长按的状态；
鼠标悬停在a标签上的状态。

1.什么是a标签的伪类选择器？
作用：专门用来修改a标签不同状态的样式的。
2.格式
:link 修改从未被访问过的状态下的样式；
:visited 修改被访问过状态下的样式；
:active 修改鼠标长按的状态下的样式；
:hover 修改鼠标悬停在a标签上的状态下的样式。
3.注意]]></description><category></category></item><item><title><![CDATA[21.CSS-网页的布局方式]]></title><link>https://blog.youkuaiyun.com/Veronnit/article/details/118783989</link><guid>https://blog.youkuaiyun.com/Veronnit/article/details/118783989</guid><author>Veronnit</author><pubDate>Sun, 18 Jul 2021 22:33:14 +0800</pubDate><description><![CDATA[文章目录网页的布局方式1.什么是网页的布局方式？2.网页的布局方式（1）标准流排版方式（2）浮动流排版方式（3）定位流排版方式
网页的布局方式
1.什么是网页的布局方式？
网页的布局方式其实就是指浏览器是如何对网页中的元素进行排版的。
2.网页的布局方式
（1）标准流排版方式

浏览器默认的排版方式就是标准流排版方式，也称文档流、普通流。
在CSS中将元素分为三类，块级元素、行内元素和行内块级元素。
在标准流中有两种排版，一种是垂直排版，一种是水平排版。
垂直排版，如果是块级元素；
水平排版，如果元素是行内]]></description><category></category></item><item><title><![CDATA[20.CSS-定位（下）]]></title><link>https://blog.youkuaiyun.com/Veronnit/article/details/118884676</link><guid>https://blog.youkuaiyun.com/Veronnit/article/details/118884676</guid><author>Veronnit</author><pubDate>Sun, 18 Jul 2021 22:32:17 +0800</pubDate><description><![CDATA[文章目录3.固定定位什么是固定定位？注意点应用场景4.静态定位z-index属性
3.固定定位
什么是固定定位？
固定定位和背景关联方式相类似。
背景定位可以让背景图片不随着滚动条的滚动而滚动，而固定定位可以让某个盒子不随着滚动条的滚动而滚动。
注意点
1.固定定位的元素是脱离标准流的，不会占用标准流的空间；
2.固定定位和绝对定位一样，不区分行内/块级/行内块级元素。
3.IE6不支持固定定位。
应用场景

导航条的穿透效果
广告
底部返回顶部按钮

4.静态定位
默认元素就是静态定位。
z-index属]]></description><category></category></item></channel></rss>