自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 node.js学习笔记(一):什么是node.js、fs 文件系统模块、path 路径模块、综合案例 - 时钟案例

fs 模块是 Node.js 官方提供的、用来操作文件的模块。它提供了一系列的方法和属性,用来满足用户对文件的操作需求。例如:⚫方法,用来读取指定文件中的内容⚫方法,用来向指定的文件中写入内容如果要在 JavaScript 代码中,使用 fs 模块来操作文件,则需要使用如下的方式先导入它:2.2读取指定文件中的内容。

2024-04-14 10:00:00 550

原创 Ajax学习笔记(二):jQuery 中的 AJAX、axios发送AJAX请求、AJAX-jQuery通用方法发送AJAX请求、fetch发送AJAX请求、同源策略、JSONP、CORS

type:设置返回内容格式,xml, html, script, json, text, _default。实现用户校验,服务端响应体是一个函数,先声明handle函数,然后创建script标签,利用src属性请求数据。type:设置返回内容格式,xml, html, script, json, text, _default。AJAX默认遵循同源策略。这是一个跨原的一个请求的设置,匿名的意思,加上这个请求时将不会写在当前域名的。案,它的特点是不需要在客户端做任何特殊的操作,完全在服务器中进行处理,支持。

2024-04-09 10:00:00 863

原创 Ajax学习笔记(一):原生AJAX、HTTP协议、AJAX案例准备工作、发送AJAX请求、AJAX 请求状态

AJAX 全称为 Asynchronous JavaScript And XML,就是异步的 JS 和 XML。通过 AJAX 可以在浏览器中向服务器发送异步请求,最大的优势:无刷新获取数据。AJAX 不是新的编程语言,而是一种将现有的标准组合在一起使用的新方式比如百度搜索框:搜索abcd,下面出现的提示框就是用到Ajax,提示框中的信息不是自动生成的,而是向服务器发送请求,数据从服务器返回。注册页面:当我们输入一个用户名,不可以时,会提示此用户名太受欢迎,请更换一个,也是运用了Ajax。

2024-03-14 09:28:36 858

原创 JavaScript 基础学习笔记(六):对象、null、内置对象、Math

null 也是 JavaScript 中数据类型的一种,通常只用它来表示不存在的对象。是 JavaScript 中内置的对象,称为数学对象,这个对象下即包含了属性,也包含了许多的方法。扩展:也可以动态为对象添加方法,动态添加与直接定义是一样的,只是语法上更灵活。扩展:也可以动态为对象添加属性,动态添加与直接定义是一样的,只是语法上更灵活。数据描述性的信息称为属性,如人的姓名、身高、年龄、性别等,一般是名词性的。数据行为性的信息称为方法,如跑步、唱歌等,一般是动词性的,其本质是函数。

2024-03-01 09:00:00 357

原创 JavaScript 基础学习笔记(五):函数、作用域、匿名函数

函数的本质是封装(包裹),函数体内的逻辑执行完毕后,函数外部如何获得函数内部的执行结果呢?函数可以把具有相同或相似逻辑的代码“包裹”起来,通过函数调用执行这些被“包裹”的代码逻辑,这么做的优势是有利于精简代码方便复用。通常来说,一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。这个关键字,将内部执行结果传递到函数外部,这个被传递到外部的结果就是返回值。作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突。

2024-02-28 19:57:27 446

原创 JavaScript 基础学习笔记(四):循环语句、while循环、中止循环、无限循环、for 语句

提供了多种语句来实现循环控制,但无论使用哪种语句都离不开循环的3个特征,即起始值、变化量、终止条件,做为初学者应着重体会这3个特征,不必过多纠结三种语句的区别。1.while(true) 来构造“无限”循环,需要使用break退出循环。中止整个循环,一般用于结果已经得到, 后续的循环不需要的时候可以使用(提高效率)) 也可以来构造“无限”循环,同样需要使用break退出循环。​ (1) 取钱则是减法操作, 存钱则是加法操作,查看余额则是直接显示金额。循环,当不明确循环的次数的时候推荐使用。

2024-01-06 09:00:00 588

原创 JavaScript 基础学习笔记(三):算术运算符、赋值运算符、自增/自减运算符、比较运算符、逻辑运算符、运算符优先级、if 分支语句、if双分支语句、三元运算符、switch语句、断点调试

小括号内的条件结果是布尔值,为 true 时,进入大括号里执行代码;数字是用来计算的,比如:乘法 * 、除法 / 、加法 + 、减法 - 等等,所以经常和算术运算符一起。: 一些简单的双分支,可以使用 三元运算符(三元表达式),写起来比 if else双分支 更简单。使用场景: 适合于有多个条件的时候,也属于分支语句,大部分情况下和 if多分支语句 功能相同。算术运算符:也叫数学运算符,主要包括加、减、乘、除、取余(求模)等。如果有两个条件的时候,可以使用 if else 双分支语句。

2024-01-01 09:00:00 1028

原创 JavaScript 基础学习笔记(二):数据类型、数值类型、字符串类型、布尔类型、undefined、类型转换、隐式转换、显式转换、Number

未定义是比较特殊的类型,只有一个值 undefined,只声明变量,不赋值的情况下,变量的默认值为 undefined,一般很少【直接】为某个变量赋值为 undefined。编写程序时过度依靠系统内部的隐式转换是不严禁的,因为隐式转换规律并不清晰,大多是靠经验总结的规律。在 JavaScript 中数据被分成了不同的类型,如数值、字符串、布尔值、undefined,在实际编程的过程中,不同数据类型之间存在着转换的关系。JavaScript 中的数值类型与数学中的数字是一样的,分为正数、负数、小数等。

2023-12-30 09:00:00 521

原创 Python学习笔记(七):了解异常、异常的捕获方法、异常的传递、Python模块、python包

4.2.1 如何自定义模块并导入在Python代码文件中正常写代码即可,通过import、from关键字和导入Python内置模块一样导入即可使用。例如:新建一个Python文件,命名为my_module1.py,并定义test函数注意:每个Python文件都可以作为一个模块,模块的名字就是文件的名字. 也就是说自定义模块名必须要符合标识符命名规则4.2.2 测试模块在实际开发中,当一个开发人员编写完一个模块后,为了让模块能够在项目中达到想要的效果,

2023-12-27 09:00:00 1259 1

原创 JavaScript 基础学习笔记(一):引入方式、注释和结束符、输入输出、变量、声明、赋值、关键字、变量名命名规则、常量

JavaScript 程序不能独立运行,它需要被嵌入 HTML 中,然后浏览器才能执行 JavaScript 代码。通过script标签将 JavaScript 代码引入到 HTML 中。

2023-12-24 10:00:00 988 1

原创 Python学习笔记(六):函数的多返回值、函数的多种参数使用形式、匿名函数、文件的读取操作、文件的写入 、文件的追加

def关键字,可以定义带有名称的函数lambda关键字,可以定义匿名函数(无名称)有名称的函数,可以基于名称重复使用。无名称的匿名函数,只可临时使用一次。lambda 传入参数:函数体(一行代码)lambda 是关键字,表示定义匿名函数传入参数表示匿名函数的形式参数,如:x, y 表示接收2个形式参数函数体,就是函数的执行逻辑,要注意:只能写一行,无法写多行代码通过def关键字,定义一个函数,并传入。returnx+ytest_func(compute) #结果:23。

2023-12-21 09:00:00 1394 1

原创 CSS学习总结(九):语义化标签、视频标签、音频标签、新增的表单元素、属性选择器、结构伪类选择器、伪元素选择器、盒子模型、图标变模糊、计算盒子宽度、CSS3 过渡

CSS3 中可以通过 box-sizing 来指定盒模型,有2个值:即可指定为 content-box、border-box,这样我们计算盒子大小的方式就发生了改变。匹配父元素的第n个子元素E,也就是说,nth-child 对父元素里面所有孩子排序选择(序号是固定的) 先找到第n个孩子,然后看看是否和E匹配。before 在父元素内容的前面创建元素,after 在父元素内容的后面插入元素伪元素选择器和标签选择器一样,权重为 1。nth-of-type 对父元素里面指定子元素进行排序选择。

2023-12-18 09:00:00 1008 1

原创 Python学习笔记(五):list(列表)、tuple(元组)、str(字符串)、切片、set(集合)、dict(字典、映射)

1.数据容器分类数据容器可以从以下视角进行简单的分类:是否支持下标索引支持:列表、元组、字符串序列类型不支持:集合、字典非序列类型支持:列表、元组、字符串序列类型不支持:集合、字典非序列类型是否可以修改支持:列表、集合、字典不支持:元组、字符串2.数据容器特点对比列表:一批数据,可修改、可重复的存储场景元组:一批数据,不可修改、可重复的存储场景字符串:一串字符串的存储场景集合:一批数据,去重存储场景字典:一批数据,可用Key检索Value的存储场景。

2023-12-16 09:00:00 1098 1

原创 Python学习笔记(四):函数的定义、函数的返回值、None类型、函数说明文档、函数的嵌套调用、局部变量、全局变量、global关键字

组织好的、可重复使用的、用来实现特定功能的代码段def 函数名(传入参数):函数体return 返回值函数的调用:函数名(参数)#求字符串长度count=0count+=1print(f"字符串{data}的长度是{count}")#函数调用注意:① 参数如不需要,可以省略② 返回值如不需要,可以省略③ 函数必须先定义后使用基于函数的定义语法:def 函数名(传入参数):函数体return 返回值#定义函数print(f"{x}+{y}的结果是:{result}")

2023-12-13 08:00:00 1584 1

原创 CSS学习总结(八):精灵图(重点)、字体图标、CSS 三角的制作、CSS用户界面样式、vertical-align 属性应用、溢出的文字省略号显示、常见布局技巧、CSS 初始化

1.如果遇到一些结构和样式比较简单的小图标,就用字体图标。2.如果遇到一些结构和样式复杂一点的小图片,就用精灵图。

2023-12-12 16:48:53 1105

原创 Python学习笔记(三):while循环语句、for循环语句、使用continue和break关键字控制循环

尽管除字符串外,其它可迭代类型目前没学习到,但不妨碍我们通过学习range语句,获得一个简单的数字序列(可迭代类型的一种)。设置一个范围1-100的随机整数变量,通过while循环,配合input语句,判断输入的数字是否等于随机数。回看for循环的语法,我们会发现,将从数据集(序列)中取出的数据赋值给:临时变量为什么是临时的呢?2.领工资时,财务判断员工的绩效分(1-10)(随机生成),如果低于5,不发工资,换下一位。1.员工编号从1到20,从编号1开始,依次领取工资,每人可领取1000元。

2023-12-09 08:00:00 1756

原创 CSS学习总结(七):静态定位、相对定位(relative)、绝对定位(absolute)、固定定位、 粘性定位、display 显示、overflow 溢出、visibility 可见性

我们先来看一个效果,同时思考一下用标准流或浮动能否实现类似的效果?场景1: 某个元素可以自由的在一个盒子内移动位置,并且压住其他盒子.场景2:当我们滚动窗口的时候,盒子是固定屏幕某个位置的。结论:要实现以上效果,标准流 或 浮动都无法快速实现所以:1.浮动可以让多个块级盒子一行没有缝隙排列显示, 经常用于横向排列盒子。2.定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子。静态定位是元素的默认定位方式,无定位的意思。

2023-12-07 08:00:00 1515

原创 Python学习笔记(二):input语句、布尔类型、if语句的基本格式、If_elif_else组合判断语句

如上图,第二个if,属于第一个if内,只有第一个if满足条件,才会执行第二个if。2. 和if的代码块一样,else的代码块同样需要4个空格作为缩进。使用一个变量接收(存储)input语句获取的键盘输入数据即可。要注意,无论键盘输入什么类型的数据,获取到的数据永远都是。布尔类型不仅可以自行定义,同时也可以通过计算的来。判断语句的结果,必须是布尔类型True或False。Python中常用的有6种值(数据)的类型。通过空格缩进,来决定语句之间的:层次关系。许多逻辑的判断,是嵌套的,多层次的。

2023-12-05 08:00:00 661

原创 CSS学习总结(六):CSS属性书写顺序(重点)、学成在线页面制作

因为里面三个盒子都要垂直居中,我们利用 继承性,给 最大的盒子 一个垂直居中的代码就好了,还记得 那些 样式可以继承吗?复习点:我们用到清除浮动,因为 box-hd 里面的盒子个数不一定是多少,所以我们就不给高度了,但是里面的盒子浮动会影响下面的布局,因此需要清除浮动。2号子盒子是 上部分 我们命名为 course-hd (hd 是 head 的简写 头部的意思,我们经常用)3号子盒子是 下部分 我们命名为 course-bd (bd 是 body 的简写 主体的意思,我们经常用)

2023-12-04 08:00:00 1069

原创 Python学习笔记(一):常用快捷键、常见的转换语句、字符串格式化

5d:表示将整数的宽度控制在5位,如数字11,被设置为5d,就会变成:[空格][空格][空格]11,用三个空格补足宽度。%.2f:表示不限制宽度,只设置小数点精度为2,如11.345设置%.2f后,结果是11.35。所以,综合起来的意思就是:我先占个位置,等一会有个变量过来,我把它变成字符串放到占位的位置。m,控制宽度,要求是数字(很少使用),设置的宽度小于数字自身,不生效。.n,控制小数点精度,要求是数字,会进行小数的四舍五入。%5.2f:表示将宽度控制为5,将小数点精度设置为2。

2023-12-03 10:00:00 539 1

原创 CSS学习总结(五):圆角边框、盒子阴影、文字阴影、浮动、常见网页布局、清除浮动、PS 切图

什么是浮动.left,.right {.right {左青龙右白虎

2023-12-01 11:00:00 1345 1

原创 CSS学习总结(四):CSS三大特性、盒子模型、PS基本操作

​ 当上下相邻的两个块元素(兄弟关系)相遇时,如果上面的元素有下外边距 margin-bottom,下面的元素有上外边距 margin-top ,则他们之间的垂直间距不是 margin-bottom 与 margin-top 之和。​ 网页元素很多都带有默认的内外边距,而且不同浏览器默认的也不一致。​ 对于两个嵌套关系(父子关系)的块元素,父元素有上外边距同时子元素也有上外边距,此时父元素会塌陷较大的外边距值。继承的权重是0, 如果该元素没有直接选中,不管父元素权重多高,子元素得到的权重都是 0。

2023-11-28 08:19:52 1220

原创 CSS学习总结(三):emmet语句、CSS的复合选择器、CSS的显示模式、CSS的背景

​ Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度, Vscode内部已经集成该语法。​ 快速生成HTML结构语法​ 快速生成CSS样式语法​ 在 CSS 中,可以根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的。后代选择器、子选择器、并集选择器、伪类选择器等等​ 元素显示模式就是元素(标签)以什么方式进行显示,比如自己占一行,比如一行可以放多个。

2023-11-27 09:00:00 1936

原创 CSS学习总结(二):CSS字体属性、CSS文本属性、CSS样式属性、Chrome调试工具

color 属性用于定义文本的颜色。语法: div {color: red;开发中最常用的是十六进制。

2023-11-22 10:35:42 200

原创 CSS学习总结(一):CSS简介、CSS语法规范、CSS选择器的作用、CSS基础选择器、标签选择器、类选择器、多类名选择器、id选择器、id选择器和类选择器的区别、通配符选择器

CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称.有时我们也会称之为 CSS 样式表或级联样式表。CSS 是也是一种标记语言CSS 主要用于设置 HTML 页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。CSS 让我们的网页更加丰富多彩,布局更加灵活自如。简单理解:CSS 可以美化 HTML , 让 HTML 更漂亮, 让页面布局更简单。CSS 最大价值: 由 HTML 专注去做结构呈现,样式交给 CS

2023-11-22 09:00:37 56 1

原创 自学前端HTML学习笔记

前端的学习比较有趣,因为在专科期间学期过HTML、CSS、JS基础,我这部分学到比较快。代码还是得多敲,不然容易忘记,加油!

2023-11-21 13:46:37 34

空空如也

空空如也

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

TA关注的人

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