自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(22)
  • 收藏
  • 关注

原创 【JavaScript】(十二) 简单类型与复杂类型

➢函数的形参也可以看做是一个变量,当我们把一个值类型变量作为参数传给函数的形参时,其实是把变量在栈空间里的值复制了一份给形参,那么在方法内部对形参做任何修改,都不会影响到的外部变量。➢函数的形参也可以看做是一个变量,当我们把引用类型变量传给形参时,其实是把变量在栈空间里保存的堆地址复制给了形参,形参和实参其实保存的是同一个堆地址,所以操作的是同一个对象。2、堆(操作系统)存储复杂类型(对象),一般由程序员分配释放,若程序员不释放,由垃圾回收机制回收。➢注意JavaScript中没有堆栈的概念。......

2022-07-31 23:57:21 149 2

原创 【JavaScript】(十一) 内置对象

学习一个内置对象的使用,只要学会其常用成员的使用即可,我们可以通过查文档学习,可以通过MDN / W3C来查询。➢ Mozilla 开发者网络(MDN)提供了有关开放网络技术(Open Web)的信息,包括 HTML、CSS 和万维网及HTML5 应用的 API。➢ MDN➢ Math 对象不是构造函数,它具有数学常数和函数的属性和方法。跟数学相关的运算(求绝对值,取整、最大值等)可以使用 Math 中的成员。➢ 注意:上面的方法必须带括号➢ 例子 :结果展示:➢ 例子(封装一个自己的数学对象

2022-07-28 10:29:23 713 28

原创 【JavaScript】(十) 对象

变量单独声明赋值,单独存在属性对象里面的变量称为属性,不需要声明,用来描述该对象的特征函数单独存在的,通过“函数名()”的方式就可以调用方法对象里面的函数称为方法,方法不需要声明,使用“对象.方法名()”的方式就可以调用,方法用来描述该对象的行为和功能。...

2022-07-25 10:58:56 385 25

原创 【JavaScript】(九) 作用域和预解析

➢通常来说,一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。➢作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突。全局作用域局部作用域(函数作用域)...

2022-07-24 10:00:21 147 15

原创 【JavaScript】(八) 函数

🛫 函数的概念在 JS 里面,可能会定义非常多的相同代码或者功能相似的代码,这些代码可能需要大量重复使用。虽然 for循环语句也能实现一些简单的重复操作,但是比较具有局限性,此时我们就可以使用 JS 中的函数。函数:就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。🛫 函数的使用函数在使用时分为两步:声明函数和调用函数。1、声明函数// 声明函数function 函数名() {//函数体代码}function 是声明函数的关键字,必须小写由于函数一般

2022-07-22 09:56:56 230 24

原创 <map>标签与<area>标签实例

分享一个很久之前在 W3school 上学的小案例,嘻嘻嘻~😁我们先来看看效果吧该例子主要用到了Html中的 < map > 标签和 < area > 标签area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。< area > 标签定义图像映射中的区域(注:图像映射指得是带有可点击区域的图像)。< img > 标签中的 usemap 属性与 map 元素 name 属性相关联,创建图像与映射之间的联系。< i.

2022-05-22 22:55:43 943 20

原创 学成在线小项目

前言在学完 Html 和 CSS 基础后,跟着黑马的视频教程,写了一个网页,叫做学成在线,是纯 Html 和 CSS 写的,没有交互功能。刚接触前端的小伙伴可以用来练手哦,话不多说,咱们先看看这个网页长啥样子吧!学成在线网页展示:index.css* { margin: 0; padding: 0; /* 内减模式,避免盒子被撑大 */ box-sizing: border-box;}/* 清除li的小圆点 */li { list-style:

2022-05-21 22:22:26 1868 40

原创 【JavaScript】(七) 数组

🌈 一、数组的概念数组是指一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的方式。// 普通变量一次只能存储一个值var num = 10; // 数组一次可以存储多个值var arr = [1,2,3,4,5];🌈 二、创建数组1、数组的创建方式JS 中创建数组有两种方式:利用 new 创建数组利用数组字面量创建数组2、利用 new 创建数组var 数组名 = new Array() ;var arr = ne

2022-05-15 17:43:49 584 62

原创 【JavaScript】(六) 流程控制 - 循环

🚀 循环在实际问题中,有许多具有规律性的重复操作,因此在程序中要完成这类操作就需要重复执行某些语句JS 中的循环在Js 中,主要有三种类型的循环语句:for 循环while 循环do…while 循环🚀 for 循环➢ 在程序中,一组被重复执行的语句被称之为循环体,能否继续重复执行,取决于循环的终止条件。由循环体及循环的终止条件组成的语句,被称之为循环语句1、语法结构for 循环主要用于把某些代码循环若干次,通常跟计数有关系。其语法结构如下:for(初始化变量; 条件表达式;

2022-05-12 16:36:43 901 68

原创 【JavaScript】(五) 流程控制 - 分支

✨ 1、流程控制➢ 在一个程序执行的过程中,各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。➢ 简单理解: 流程控制就是来控制我们的代码按照什么结构顺序来执行➢ 流程控制主要有三种结构,分别是顺序结构、分支结构和循环结构,这三种结构代表三种代码执行的顺序。◆ 2、顺序流程控制➢ 顺序结构是程序中最简单、最基本的流程控制,它没有特定的语法结构,程序会按照代码的先后顺序,依次执行,程序中大多数的代码都是这样执行的。◆ 3、分支流程控制 i

2022-05-08 14:36:31 503 50

原创 【JavaScript】(四) 运算符

目录◆ 1、运算符◆ 2、算术运算符2.1 算术运算符概述2.2 浮点数的精度问题2.3 表达式和返回值◆ 3、递增和递减运算符3.1 递增和递减运算符概述3.2 递增运算符(1)前置递增运算符(2)后置递增运算符(3)前置递增和后置递增小结◆ 4、比较运算符4.1 比较运算符概述4.2 = 小结◆ 5、逻辑运算符5.1 逻辑运算符概述5.2 逻辑与 &&5.3 逻辑或 ||5.3 逻辑非 !5.4 短路运算(逻辑中断)(1) 逻辑与(2)逻辑或◆ 6、赋值运算符◆ 7、运算符优先级◆ .

2022-05-06 07:00:00 530 32

原创 【JavaScript】(三) JS的标识符、关键字、保留字

目录标识符关键字保留字标识符➢ 标识符:就是指开发人员为变量、属性、函数、参数取的名字。标识符不能是关键字或保留字。关键字➢ 关键字:是指 JS本身已经使用了的字,不能再用它们充当变量名、方法名。包括:break、case、catch、continue、default、delete、do、else、finally、for、function、if、in、instanceof、new、return、switch、this、throw、try、typeof、var、void、while、with .

2022-05-05 20:27:32 196 4

原创 【JavaScript】(二) JS数据类型

目录数据类型1、数据类型简介1.1 变量的数据类型1.2 数据类型的分类2、 简单数据类型2.1 基本数据类型2.2 数字型 Number2.2.1 数字型进制2.2.2 数字型范围2.2.3 数字型三个特殊值2.2.4 isNaN()2.3 字符串型 String2.3.1 字符串引号嵌套2.3.2 字符串转义符2.3.3 字符串长度2.3.4 字符串拼接2.3.5 字符串拼接加强2.4 布尔型 Boolean2.5 Undefined 和 Null3、 获取变量数据类型3.1 获取检测变量的数据.

2022-05-01 22:20:27 1387 19

原创 【JavaScript】(一)(JS的书写位置、注释、输入输出和变量)

目录前言:JS的书写位置1、行内式JS2、内嵌JS3、外部JS文件JavaScript注释1、单行注释2、多行注释JavaScript 输入输出语句变量1、变量的使用(1)声明变量(2)变量的赋值(3)变量的初始化2、变量语法扩展(1)更新变量(2) 同时声明多个变量(3)声明变量的特殊情况3、变量命名规范4、交换两个变量的值前言:刚开始学习JavaScript,下面是关于JS的一些非常非常基础的知识,JS的书写位置呀,JS的注释呀,JS的输入输出和变量呀~JS的书写位置➢ JS有三种书写位置,分.

2022-04-30 23:23:57 1458 3

原创 【前端学习笔记】(八)(精灵图、背景图大小、文字阴影、盒子阴影、过渡)

目录一、精灵图1.1 精灵图的介绍1.2 精灵图的使用步骤二、背景图片大小2.1 背景图片大小2.2 background连写拓展三、文字阴影四、盒子阴影五、过渡一、精灵图1.1 精灵图的介绍➢ 场景:项目中将多张小图片,合并成一张大图片,这张大图片称之为精灵图➢ 优点:减少服务器发送次数,减轻服务器的压力,提高页面加载速度➢ 例如:需要在网页中展示8张小图片• 8张小图片分别发送 → 发送8次• 合成一张精灵图发送 → 发送11.2 精灵图的使用步骤(1)创建一个盒子(2)通过PxC

2022-04-26 09:55:02 434

原创 【前端学习笔记】(七)(定位、装饰、选择器拓展)

一、定位1、定位的基本介绍1.1 网页常见布局方式(1)标准流① 块级元素独占一行 → 垂直布局② 行内元素/行内块元素一行显示多个 → 水平布局(2)浮动① 可以让原本垂直布局的 块级元素变成水平布局(3)定位① 可以让元素自由的摆放在网页的任意位置② 一般用于 盒子之间的层叠情况1.2 定位的常见应用场景可以解决盒子与盒子之间的层叠问题• 定位之后的元素层级最高,可以层叠在其他盒子上面可以让盒子始终固定在屏幕中的某个位置2、定位的基本使用使用定位的步骤(1)设定定位

2022-04-24 11:19:21 153

原创 【前端学习笔记】(六)(结构伪类选择器、伪元素、标准流、浮动、清除浮动)

1、结构伪类选择器1.1 作用与优势:(1)作用:根据元素在HTML中的结构关系查找元素(2)优势:减少对于HTML中类的依赖,有利于保持代码整洁(3)场景:常用于查找某父级选择器中的子元素1.2 选择器选择器说明E:first-child{ }匹配父元素中第一个子元素,并且时E元素E:last-child{ }匹配父元素中最后一个子元素,并且时E元素E:nth-child(n){ }匹配父元素中第n个子元素,并且时E元素E:nth-last-chil

2022-04-07 22:19:41 234

原创 【前端学习笔记】(五)(CSS布局 盒子模型)

盒子模型1、盒子模型的介绍(1)盒子的概念① 页面中的每一个标签,都可看做是一个 “盒子”,通过盒子的视角更方便的进行布局② 浏览器在渲染(显示)网页时,会将网页中的元素看做是一个个的矩形区域,我们也形象的称之为 盒子(2)盒子模型➢ CSS 中规定每个盒子分别由:内容区域(content)、内边距区域(padding)、边框区域(border)、外边距区域(margin)构成,这就是 盒子模型2、内容区域的宽度和高度3、边框( border )4、内边距( padding )5、外边

2022-04-05 18:11:17 1118

原创 【前端学习笔记】(四)(选择器、背景相关属性、元素显示模式、CSS特性)

一、选择器进阶1、复合选择器1.1 后代选择器:空格➢ 作用:根据 HTML 标签的嵌套关系,选择父元素 后代中 满足条件的元素➢ 选择器语法:选择器1 选择器2 { css }➢ 结果:• 在选择器1所找到标签的后代(儿子、孙子、重孙子…)中,找到满足选择器2的标签,设置样式➢ 注意点:(1)后代包括:儿子、孙子、重孙子……(2)后代选择器中,选择器与选择器之前通过 空格 隔开例子:<!DOCTYPE html><html lang="en"><he

2022-04-04 21:23:19 482

原创 【前端学习笔记】(三)(CSS基础、选择器、字体和文本样式)

一、基础认知1.1 CSS介绍CSS:层叠样式表CSS的作用:给页面中的HTML标签设置样式2.2 CSS语法规则• css写在style标签中,style标签一般写在head标签里面,title标签下面1.3 CSS常见属性CSS常见属性作用color文字颜色font-size字体大小background-color背景颜色width宽度height高度注意点:(1) CSS 标点符号都是英文状态下的(2)每一个样式键值对写完

2022-04-03 21:42:06 456

原创 【前端学习笔记】(二)(列表、表格、表单、语义化标签、字符实体)

HTML标签1、列表标签(1)无序列表标签组成:标签名说明ul表示无序列表的整体,用于包裹 li 标签li表示无序列表的每一项,用于包含每一行的内容显示特点:• 列表的每一项前默认显示圆点标识注意点:• ul 标签中只允许包含 li 标签• li 标签可以包含任意内容例子:<ul> <li>榴莲</li> <li>香蕉</li> <li>苹果</li&

2022-03-29 11:59:17 226 2

原创 【前端学习笔记】(一)(排版标签、文本格式化标签、媒体标签、链接标签)

前端学习笔记(一)开始前想废话一下哈哈哈哈哈~最近在跟着黑马的视频学习前端,从入门的开始学,虽然之前我也算是入过门吧,可感觉自己的基础还是不太OK。看着视频里的讲解操作,感觉还蛮简单的,等到自己上手敲的时候,想用上几个视频里学到的某个属性实现某种效果,却死活想不起来了。。。我这记忆,我也是服了。所以呢就想写个笔记,记录下我所学到的东西。HTML标签1、标题标签• h1标签:一级标题• h2标签:二级标题• h3标签:三级标题• h4标签:四级标题• h5标签:五级标题• h6标签:六级标题

2022-03-27 18:01:35 653

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除