在美团搬砖的小陈-CSDN博客

原创 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中，函数是指可以实现特定功能、重复使用的代码块。

2024-08-14 09:42:03 1069

原创 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

原创 Web开发规范

Web开发规范。

2024-07-22 18:46:08 124

原创 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

原创 HRML常见标签——带默认样式的行内标签

【代码】HRML常见标签——带默认样式的行内标签。

2024-07-16 09:36:25 224

原创 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