YI Chen521-CSDN博客

原创 Google搜索首页静态页面

本作品运用了HTML和CSS做出来的Google搜索首页（语音和摄像头的图标代码是从谷歌搜索网页中复制下来的）图片资源需要自己去谷歌搜索网页去寻找，本人暂不提供素材。作品归本人所有，未经允许请勿转载！

2023-10-12 23:28:28 173

原创 for语句

for语句也是循环控制语句，我们也称它为for循环。大部分循环都会有一个计数器用以控制循环执行的次数，计数器的三个关键操作是初始化、检测和更新。for语句就将这三步操作明确为了语法的一部分。...

2022-01-25 18:55:03 231

原创 do…while

do…while和while非常类似，只不过它会在循环的尾部而不是顶部检查表达式的值，因此，do…while循环会至少执行一次。相比于while，do…while的使用情况并不是很多

2022-01-24 20:06:22 204

原创 JS语句while

while语句是一个最基本的循环语句，while语句也被称为while循环。

2022-01-22 17:40:28 1260

原创 JS语句 switch…case

switch…case是另一种流程控制语句。switch语句更适用于多条分支使用同一条语句的情况。语法格式：注意：需要注意的是一旦符合case的条件程序会一直运行到结束，所以我们一般会在case中添加break作为语句的结束。...

2022-01-22 17:38:23 733

原创 if...else

if…else语句是一种最基本的控制语句，它让JavaScript可以有条件的执行语句。

2022-01-21 21:39:21 213

原创条件运算符

JavaScript 还包含了基于某些条件对变量进行赋值的条件运算符。语法：variablename=(condition)?value1:value2;举例：result=(age<18)?“年龄太小”:“年龄合适”;执行流程：如果condition为true，则执行语句1，并返回执行结果，如果为false，则执行语句2，并返回执行结果。...

2022-01-19 10:43:58 160

原创关系运算符

关系运算符在逻辑语句中使用，以测定变量或值是否相等。x=5，下面的表格解释了比较运算符：

2022-01-19 10:41:45 175

2.5.4、逻辑运算符逻辑运算符用于测定变量或值之间的逻辑。给定 x=6 以及 y=3，下表解释了逻辑运算符：关于逻辑运算符我们可以具体探讨一下：&& 与：&&可以对符号两侧的值进行与运算并返回结果，运算规则如下：两个值中只要有一个值为false，就返回false，只有两个值都为true时，才会返回trueJS中的“与”属于短路的与，如果第一个值为false，则不会检查第二个值非布尔值时：如果两个都为true，则返回第二个值，如果两个值中有false，则返回靠前的fa

2022-01-17 11:48:59 624

原创转换为Boolean类型

转换为Boolean类型将其它的数据类型转换为Boolean，只能使用Boolean()函数。使用Boolean()函数数字 —> 布尔除了0和NaN，其余的都是true字符串 —> 布尔除了空串，其余的都是truenull和undefined都会转换为false对象也会转换为true...

2022-01-14 19:20:28 368

原创遍历数组

ForEach()中的回调函数第一个参数为元素，第二个参数为索引

2022-01-13 18:55:14 61

原创 VMware虚拟机CentOS7网络配置

首先，打开命令工具输入 ip addr查看网卡名称然后输入编辑网卡指令。编辑网卡指令：vi /etc/sysconfig/network-scripts/ifcfg-ens33查看网卡名称后获取后面的end33是网卡的名称，输入上面的命令运行后会进入如下界面进入到此界面后按大写A切换到键入模式，将BOOTPROTO=dchp改为static ，然后将ONBOOT=no 改为yes最后按ESC :wq保存退出返回到VI命令输入下面的重启网络命令。重启网络：service network res

2022-01-13 14:32:01 691

原创 CSS嵌套选择器

2.3 嵌套选择器在某个选择器内部再设置选择器，通过空格隔开只有满足层次关系最里层的选择器所对应的标签才会应用样式注意：使用空格时不区分父子还是后代，使用CSS3中新增的>时必须是父子关系才行<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> /*...

2022-01-12 21:58:49 3315

原创 js比较运算符

>= < <= != == 等于（只比较内容） === 恒等于（比较内容的同时还要比较数据类型）注意：关系运算符返回的结果只有两个：true / false >= < <= !=

2022-01-12 13:28:28 627

原创转换number类型

2.4.2、转换为Number类型有三个函数可以把非数值转换为数值：Number()、parseInt() 和parseFloat()。Number()可以用来转换任意类型的数据，而后两者只能用于转换字符串。parseInt()只会将字符串转换为整数，而parseFloat()可以将字符串转换为浮点数。方式一：使用Number()函数字符串 --> 数字如果是纯数字的字符串，则直接将其转换为数字如果字符串中有非数字的内容，则转换为NaN如果字符串是一个空串或者是一个全是空格的字符串，则转换为0布尔

2022-01-11 10:24:23 4177

原创 CSS定位

静态定位(static)（废物）静态定位是元素的默认定位方式，无定位的意思。它相当于 border 里面的none，不要定位的时候用。静态定位按照标准流特性摆放位置，它没有边偏移。静态定位在布局时就是个废物相对定位(relative)相对定位是元素相对于它原来在标准流中的位置来说的。（自恋型）效果图：相对定位的特点：（务必记住）相对于自己原来在标准流中位置来移动的原来在标准流的区域继续占有，后面的盒子仍然以标准流的方式对待它。绝对定位(absolute)绝对定位是元素以带有定位的父级元素来移动位

2022-01-08 09:37:16 68

原创 JS数据类型

数据类型决定了一个数据的特征，比如：123和”123”，直观上看这两个数据都是123，但实际上前者是一个数字，而后者是一个字符串。对于不同的数据类型我们在进行操作时会有很大的不同。JavaScript中一共有5种基本数据类型：字符串型（String）数值型（Number）布尔型（Boolean）undefined型（Undefined）null型（Null）这5种之外的类型都称为Object，所以总的来看JavaScript中共有六种数据类型。...

2022-01-06 20:12:26 295

原创 JS输出

1.document.getElement Byle(); 获取元素属性2.console.log(); 把信息展示在控制台（浏览器中）3.document.write(); 把信息展示到网页（HTML文档中）4.window.alert(); 弹出警告框5.inner.HTML; 写到HTML元素（用于修改元素的HTML内容）...

2022-01-05 20:56:07 365

原创 CSS盒子模型

所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。下面的图片说明了盒子模型(Box Model)：Margin(外边距) - 清除边框外的区域，外边距是透明的Border(边框) - 围绕在内边距和内容外的边框。Padding(内边距) - 清除内容周围的区域，内边距是透明的。Content(内容) - 盒子的内

2022-01-04 19:26:36 91

原创 CSS选择器

选择器CSS中的一种选择器是元素类型的名称。使用这种选择器(称为类型选择器)，可以向这种元素类型的每个实例上应用声明。例如，以下简单规则的选择器是H1，因此规则作用于文档中所有的H1元素。2、简单属性选择器CLASS属性CLASS属性允许向一组在CLASS属性上具有相同值的元素应用声明。BODY内的所有元素都有CLASS属性。从本质上讲，可以使用CLASS属性来分类元素，在样式表中创建规则来引用CLASS属性的值，然后浏览器自动将这些属性应用到该组元素。类选择器以标志符(句点)开头，用于指示后面是哪种类型的

2022-01-03 21:14:58 190

wychh85的博客