- 博客(38)
- 收藏
- 关注
原创 JavaScript基础——递归
递归就是指函数调用自身(自己调用自己),使用时必须有终止递归的条件。递归可以根据条件执行重复的业务逻辑代码,类似循环语句,但功能比循环灵活,强大。JavaScript 中的递归是一种函数调用自身的技术,它允许函数在执行过程中调用自己。递归通常用于解决可以被分解为相似子问题的问题,例如树的遍历、排序算法(如快速排序和归并排序)、计算阶乘、斐波那契数列等。递归的基本语法,其中函数调用自身的方式并不是唯一的,可以作为计算或函数返回值调用自身等。
2024-08-15 09:22:12
406
原创 JavaScript基础——闭包
在JavaScript中,重复声明同一个变量会导致变量冲突,在JavaScript中,闭包是指封闭的执行环境,指的是一个函数能够记住并访问其创建时所在的作用域,即使这个函数在其原始作用域之外被执行,也就是说一个函数(内部)有权访问另一个(外部)函数作用域的变量。闭包通常由创建,即一个函数内部定义了另一个函数。外层函数可以返回内层函数,而内层函数可以访问外层函数的变量。
2024-08-14 20:29:32
1036
原创 JavaScript基础——匿名函数
在平时我们定义函数时,一般会用function 函数名(){}的形式,这种形式定义的函数称为具名函数,也就是说这种函数有具体的函数名。定义一个sayHello函数,这个函数的函数名就是sayHello,调用函数写作sayHello()。// 1.有名字的函数(具名)sayHello();如果直接使用不带名称的函数,会报错SyntaxError: Function statements require a function name,因为函数必须要有名称。如果不想定义名称,又想使用函数,应该使用。
2024-08-14 10:33:43
382
原创 JavaScript基础——数学对象
在JavaScript中,有一个内置的数学Math(注意,Math是对象,不是函数,可以直接使用),提供了一系列的数学函数和常量,用于执行各种数学运算。常用的方法如下,其中为最常用的标黄部分。
2024-08-06 09:26:07
801
原创 JavaScript基础——Date日期对象常见的用法
对象的“时间戳”来实现。例如,创建两个Date的实例对象date1和date2,分别代表不同的日期和时间,然后通过比较它们的时间戳time1和time2,我们可以确定它们的先后顺序:如果time1大于time2,则date1确定是在date2之后;在控制台可以看见对应的输出,需要注意的是,这个时间是当前的时间,我当前的时间是2024年8月4号的10:22分,随着时间的不同,结果是不同的。在创建了当前Date的实例对象的基础上,我们获取当前日期的各个部分,包括年、月、星期、日、小时、分钟、秒和毫秒、时间戳。
2024-08-04 10:58:32
1464
原创 JavaScript基础——数据类型转换
在JavaScript中,数据类型转换是常见的操作,它允许将一种类型的数据转换为另一种类型。数据类型转换可以分为两种类型:隐式类型转换(也称为类型强制或类型合)和显式类型转换。
2024-08-03 17:49:23
934
原创 JavaScript基础——JavaScript常见语句(判断语句、循环语句、控制流语句)
JavaScript提供了丰富的语句来控制程序的执行流程,包括用于条件判断的if、switch和三元运算符,以及用于循环的for、while、do...while、for...in和for...of。此外,还有控制流语句如break、continue和return。
2024-08-03 16:43:36
922
原创 JavaScript基础——JavaScript运算符
在JavaScript中,常见的运算符可以包括赋值运算符、一元运算符、算术运算符(二元运算符)、三元/三目运算符、比较运算符、逻辑运算符等(其他不常见的这里不说明)。
2024-08-03 15:38:50
951
原创 JavaScript基础——JavaScript变量声明
变量是存储数据的容器,可以变的量,值可以改变,在JavaScript中,变量声明的关键字有var、let,其中,var是ES5的语法,let是ES6的语法,变量需要先声明,在使用。声明一个age变量,相当于告诉浏览器内存中有一个叫做age的容器,输出undefined,因为还没有定义。变量的值可以改变,定义变量a并赋值为1,修改a的值为2,可以发现输出时a的值变化了。“=”表示赋值,把18赋给number变量,输出变量的值18。
2024-08-03 14:28:12
159
原创 JavaScript基础——JavaScript数据及数据类型
假设现在定义一个数组d,开辟一片新的内存空间,定义一个数组d[0]等于数组c[0],修改数组d[0]的值,代码和运行效果如下: 。假设现在定义一个数组c,存储一个数据为100,定义一个数组d等于数组c,修改数组d的值,代码和运行效果如下: 。在进行d的赋值操作时,d并没有开辟新的内存空间,直接指向了c的地址,所以修改d的值时,c的值也会被修改。属性可以通过点符号(
2024-08-03 14:13:37
1097
原创 JavaScript基础——JavaScript变量名称命名规范
JavaScript中命名规范如下:1、不能使用关键字或保留字作为变量名称2、可以使用英文词汇、拼音命名3、可以使用驼峰命名 loginButton4、可以使用下划线5、不能使用特殊符号命名,除了$和_可以,-也不可以6、不可以使用数字开头7、可以使用中文命名但是不建议使用。
2024-08-03 10:57:34
561
原创 JavaScript基础——JavaScript调用的三种方式
JavaScript(简称“JS”)是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。它是Web开发中最常用的脚本语言之一,通常用于创建动态网页,允许用户与网页进行交互。JavaScript最初由Brendan Eich在1995年为Netscape Navigator浏览器设计,现在已经成为几乎所有现代浏览器的标准组成部分。
2024-07-30 15:09:31
845
原创 精灵图的使用——网页制作技巧
然后我们就可以进入到精灵图的界面,我们点击需要的元素,就可以获取该图的坐标信息。把许多小图标集中在一张背景透明的图片上,这种图片叫做精灵图,如下图。假设要设置红色的播放器,我们选中这个播放器,查看他的相关属性。通过工具可以快速找到图标在精灵图上的坐标位置。首先,我们打开工具地址,点击第一个按钮。复制过来,写到css属性中即可。点击后,我们选择精灵图,打开。
2024-07-29 20:12:23
248
原创 CSS常见属性(四)——flex弹性布局
CSS弹性布局就是让网页元素能够智能地适应不同的空间和排列需求,给某个父元素/容器设置CSS 属性,这个父元素/容器(称为flex container,即弹性容器/弹性盒子)就启用了 Flexbox 布局模式,这种模式允许容器内的子元素(称为flex items,即弹性项)以一种灵活的方式排列。CSS弹性布局,就像是给网页上的元素们一个可以伸缩的"弹簧床"。想象一下,你有一排不同大小的玩具,你需要把它们放在一张床上,这张床可以根据玩具的大小自动调整,让它们整齐地排列好。
2024-07-29 19:34:39
674
原创 CSS盒子模型
盒子模型,实际上就是指标签的外边距、边框、内边距、内容所组成的思维模型,这个模型可以直观的展示标签的尺寸、间距。盒子的实际大小:边框(border) + 内边距(padding) + 内容(文本/width/height)。我们可以通过F12或者鼠标右击检查来观察盒子模型,其中,我们选中某个元素时显示蓝色的区域就是内容,橙色区域是外边距;在选中的元素范围内,蓝色区域以外的绿色区域是内边距。
2024-07-27 10:01:45
952
原创 CSS常见属性详解——内边距与外边距
在网页排版布局时,我们经常会希望元素与元素之间有一定的间距,此时我们可能会用到CSS的外边距或内边距属性,这两个属性都能让元素之间产生距离,那么他们之间有什么不同呢?
2024-07-26 19:29:32
1013
2
原创 常见CSS属性(三)——定位
position属性,定位是指设置元素的位置position属性配合方位和层级属性使用,在方位中同时设置left和right优先读取left属性值,同时设置top和bottom优先读取top的值。方位: left top right bottom层级: z-indexposition属性值有:relative 相对定位absolute 绝对定位fixed 固定定位sticky 粘性定位static 静态(无定位作用)
2024-07-26 13:42:29
425
原创 常见CSS属性(二)——浮动
浏览器在解析html文档时,正常的顺序是从上往下、从左往右解析。这个正常的解析过程,叫做正常文档流(标准文档流),而浮动就是使得元素脱离文档流,“浮”在浏览器上。浮动会使元素脱离文档流,不占位置,在需要多个元素在同一行时,设置元素靠左或者靠右摆放,可以使用浮动,但使用浮动时,需要清除浮动,以免影响后续的元素。
2024-07-25 09:25:29
480
原创 常见的CSS属性(一)——字体、文本、边框、内边距、外边距、背景、行高、圆角、透明度、颜色值
元素的继承性是指给父元素设置了某些属性,子元素或后代元素也会有作用。
2024-07-25 08:52:08
1268
原创 HTML常见标签——超链接a标签
a>标签用于做跳转、导航,是双标签,记作,它是行内标签,不可以直接设置宽度高度,特殊的是,作为行内标签,它可以嵌套文本、行内元素、块级元素。
2024-07-23 08:49:01
897
原创 CSS的优先级
CSS是修饰页面效果的代码,具有层叠性特点,相同层级的选择器,后面的代码会覆盖前面的代码。对于不同层级的标签,优先级高的选择器会覆盖优先级低的选择器。对于相同层级的选择器,后面的代码会覆盖前面的代码。
2024-07-22 18:56:14
270
原创 HTML常用的转义字符——怎么在网页中写“<div></div>”?
如果需要在网页中写“”怎么办呢?使用转义字符效果如下:此处使用了转义字符将""转义为““
2024-07-22 18:42:28
359
原创 CSS——常见CSS选择器的写法
CSS是给页面设计的样式表,CSS选择器则是选择页面标签的方法,需要用选择器才能成功将要设置的属性应用到标签上。
2024-07-20 10:21:33
809
原创 CSS的三种引入方式——三种书写CSS的方式
CSS是组成网页的重要部分,一种用于设置网页外观(表现)的文档,CSS不是一种编程语言。CSS(英文全称:Cascading Style Sheets),意为层叠样式表,CSS主要用于美化页面,我们平时所看到的界面效果,大多都离不开CSS样式。
2024-07-17 22:52:51
243
原创 HTML常见标签——文本输入域textarea标签
textarea行内块元素,在同一行显示,可以设置宽高,留言、发微博、发朋友圈可以用标签,标签是双标签。此时用户可以拖拽输入框,如果想要设置用户不能拖拽文本输入框,则设置resize: none;textarea也有placeholder属性,可以设置提示内容。
2024-07-17 22:31:47
253
原创 HTML常见标签——表单form标签
表单标签form用于收集、采集信息。可以用于用户登录、注册功能时,收集用户的账号、密码等信息。在开发过程中如果需要实现登录、注册、评论、留言、表白墙、聊天室等功能,可以使用表单标签。
2024-07-17 22:23:53
1071
原创 text-align属性——图片/段落/文本/超链接设置怎么水平居中?
text-align标签用来设置元素中的的文本对齐方式,属性值包括居中对齐(center)、居左(left)以及居右(right)。值得注意的是,text-align属性是作用于文本行内元素以及行内块元素的。那么回到之前的问题,为什么text-align不能对行内元素标签以及行内块标签生效呢?这是因为——text-align属性只对文本有效,对元素无效,不能直接用text-align设置元素的对齐方式。
2024-07-12 22:31:10
294
原创 HTML常见标签——表格<table>标签、表格标签常见的属性、表格的跨行合并和跨列合并
HTML中的表格是用于用于统计、展示结构化数据的标记语言元素。表格标签是双标签,写作。每个表格分为表格标题(由 标签定义),以及表格单元格(由 标签定义),表格标题和表格身体中均有若干行(由 标签定义),每行被分割为若干单元格(由 标签定义),表格可以包含标题行()用于定义列的标题,其中标题行()会有默认加粗的效果。
2024-07-12 00:07:26
1101
原创 HTML中常见的标签
HTML 是一种网页开发的标准语言,超文本标记语言。使用HTML是因为浏览器在展示图文信息的时候,需要容器/骨架承载图文内容。通俗点理解就是需要HTML来搭建网页的结构,本文介绍了HTML常见的标签。
2024-07-11 09:55:16
866
原创 多个div放到同一行的方法——html中的页面布局
在HTML的排版设计中可能会遇到div不能为一行的情况,本文介绍了三种解决方法,提供了大致的思路,代码还有更好的优化措施。
2024-07-09 23:24:46
1498
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人