自定义博客皮肤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)
  • 收藏
  • 关注

原创 Axios 库相关

这可以用于添加公共请求头、处理错误等需求。3. 设置请求头:通过 Axios 可以轻松设置请求头,包括 Content-Type、Authorization 等,以满足不同的 HTTP 请求需求。5. 取消请求:Axios 支持取消 HTTP 请求的功能,这对于一些需要在用户操作中断时取消请求的情况非常有用,以避免不必要的网络请求。4. 处理错误:Axios 能够捕获请求过程中的错误,例如网络错误、超时等,并将错误信息返回给调用方,方便进行错误处理和错误提示。首先,在项目中安装 Axios。

2024-04-30 12:36:18 159

原创 常用的 CSS 属性和布局技巧

使用 `position: absolute`、`margin`、`transform` 等方法实现水平居中、垂直居中、水平垂直居中等布局方式。display:指定元素的显示方式,常见取值有 `block`、`inline`、`inline-block`、`flex`、`grid`。position:指定元素的定位方式,常见取值有 `relative`、`absolute`、`fixed`。使用媒体查询(`@media`)和相对单位(`%`、`vw`、`vh`)实现在不同设备和屏幕尺寸下的布局适配。

2024-04-15 14:27:33 356

原创 ES6 常用语法

ES6常用语法

2024-04-15 14:10:20 378

原创 前端开发中可以使用的 ChatGPT Prompts

课程内容、主要受众是谁、他们将如何受益、课程组成和结构、教学方法、作者简介和定价部分。[库 / 框架 (library/framework)] 组件的 [组件代码 (component code)]提示:生成一份可以手动测试 Web / 移动端应用中用户注册功能的测试用例列表。从 JavaScript 转换为 TypeScript:"""以 React 和 Vue 作为技术栈的设计和架构。示例:为课程落地页面生成内容。漏洞并提出修复意见:"""示例:生成电子商务网站的。示例:将下列代码片段。

2024-04-15 09:52:04 487

原创 UniApp和微信小程序原生开发对比

存在平台兼容问题,同样代码在不同平台有所差异。主要适用于单一的微信小程序,不适用多平台。

2024-04-15 09:30:09 307

原创 Node.js留言板(超详细注释)

【代码】Node.js留言板(超详细注释)

2024-04-14 18:47:22 409

原创 查天气(Vue.js,Element UI)

【代码】查天气(Vue.js,Element UI)

2024-04-13 17:43:59 312

原创 快记账微信小程序演示图

5、点击扇形区域,扇形变大,对应标注变大变色;点击标注,标注变大变色,相应扇形变大;9、删除消费类型,该消费类型下的所有数据均被删除。6、复制该张本所有消费记录按钮可任意方向滑动。10、消费类型只允许两个中文字或四个英文字。8、图片和音效存至UniCloud。4、预算、消费类型超长可左右滑动。3、长度超过限制会显示省略号。2、不允许同名消费类型。

2024-04-13 10:05:12 94

原创 贪吃蛇web小游戏

监测蛇是否撞墙(遍历获取墙的位置,检查蛇的边界框是否与当前墙的边界框相交)蛇的左边界 小于 墙的右边界,蛇在墙的右侧(蛇从右往左撞墙)蛇的右边界 大于 墙的左边界,蛇在墙的左侧(蛇从左往右撞墙)蛇上边界的 小于 墙的下边界,蛇在墙的上侧(蛇从下往上撞墙)蛇下边界的 大于 墙的上边界,蛇在墙的上侧(蛇从上往下撞墙):通过定时器实现蛇的自动移动,并通过监听用户的键盘输入来改变蛇的移动方向。:随机在地图上生成食物,并在蛇吃到食物时更新得分和食物的位置。

2024-04-11 12:43:53 356 1

原创 HTTP学习笔记

HTTP版本、响应状态码、Response Header响应头(包含额外的信息告诉客户端如何控制缓存和cookie)、Response body响应体(从服务端返回的数据)1. 客户端发起请求:客户端(如 Web 浏览器)向服务器发送一个 HTTP 请求,请求某个特定的资源(如网页、图像、视频、文本等,资源通过URL进行定位)。2. 服务器响应请求:服务器接收到请求后,处理请求,并返回一个 HTTP 响应,包含请求的资源或者错误信息等。发送HTTP请求的内容。接收HTTP响应的内容。

2024-04-11 10:57:01 536 1

原创 别踩白块web小游戏

再更新容器的top值,使容器向下移动(container.style.top = top + speed + "px";每隔20毫秒调用下落函数。2.main内部放置一个容器container,容器非常长,且容器底部位于main的顶部。然后让容器整个往下降,超过main的部分隐藏,实现看起来下落的效果,但这样负担较大。容器黑白块处理:①生成一行的黑白块 ②遍历生成一整个容器的黑白块。我是将所有的黑白块一开始就生成好放在容器里,容器高度设置非常高;理想中应该是容器内的每一行依次下降(而不是容器下降),

2024-04-09 22:13:05 196

原创 HTML、CSS、JS 学习笔记

当上下相邻的两个块元素(兄弟元素)相遇时,如果上面的元素有下外边距 margin-bottom , 下面的元素有上外边距 margin-top , 则它们之间的垂直间距不是 margin-bottom 与 margin-top 之和。而是:【取两个值中的较大者】父级盒子很多情况下,不方便给高度,但是内部的子盒子浮动之后又不占据位置(脱标),最后父级盒子的高度就是0,那么就会影响下面的标准流盒子。标准流在最底层 (海底) ------- 浮动 的盒子 在 中间层 (海面) ------- 定位的盒子-空)

2024-04-09 16:04:42 1113

原创 微信小程序相关

4. 渲染机制:类似于Web开发的渲染方式,使用了类似于HTML的WXML(微信小程序标记语言)来描述页面的结构,使用了类似于CSS的WXSS(微信小程序样式表)来定义页面的样式,使用了类似于JavaScript的逻辑语法来实现页面的逻辑功能。5. 页面栈传递:使用小程序提供的页面栈来传递数据,通过 getCurrentPages 方法获取页面栈的实例,使用 data 属性存储数据,在目标页面中使用 options 获取数据。Vue双向绑定是框架内置的特性,无需手动处理,框架会自动进行数据监听和更新视图。

2024-04-08 20:54:44 1336

原创 Element UI学习笔记

邮箱:^([a-zA-Z0-9._%+-]+)@([a-zA-Z0-9.-]+)\.([a-zA-Z]{2,})$">立即创建取消data() {

2024-04-05 13:38:30 605 1

原创 Node.js学习笔记

以前:JS代码写好,要通过HTML引入浏览器解析运行现在:JS代码写好,直接通过Node软件解析运行Node.js是JavaScript运行环境,可以解析JS代码。

2024-03-26 19:37:07 355

原创 Vue 相关/基础

(1).v-html会替换掉节点中所有的内容,{{xx}}则不会。v-show:控制dom的display属性,适用频繁切换,不太安全。v-else:必须跟在v-if和v-show后面,且中间不能被打断。以后数据的改变不会引起v-once所在结构的更新,可以用于优化性能。2.可利用它跳过:没有使用指令语法、没有使用插值语法的节点,v-if:添加和删除dom元素,适用于不频繁切换,安全。注意:v-html有安全性问题!1.跳过Vue在有v-pre属性的所在节点的编译过程。用于更新元素的 HTML 内容。

2024-03-26 11:20:21 514

原创 Git学习笔记

git reset --mixedxxx(版本id):回退到xxx版本(默认) ,保留工作区的修改内容,丢弃暂存区的修改内容。拉取远程仓库内容:git pull :(远程分支和本地分支如果相同可以省略“:”)git reset --soft xxx(版本id):回退到xxx版本,保留工作区和暂存区的所有修改内容。git reset --hard xxx(版本id):回退到xxx版本,丢弃工作区和暂存区的所有修改内容。

2024-03-25 20:17:47 673 1

原创 AJAX尚硅谷学习笔记(二)

【代码】AJAX尚硅谷学习笔记(二)

2024-03-20 15:33:40 345 1

原创 AJAX尚硅谷学习笔记(一)

此笔记用于自己随时翻阅,目录结构如下。注意:7-跨域,内容放在第二篇。

2024-03-20 15:28:00 143 1

原创 AJAX相关/面试题

XMLHttpRequest 是一个浏览器提供的 JavaScript 对象,用于在客户端与服务器之间建立异步通信,实现网页的局部数据更新而无需重新加载整个页面。跨域请求(Cross-Origin Request),是指在Web开发中,当一个Web页面向不同源(域名、协议或端口)的服务器发起请求时,浏览器会遵循。参数包括请求类型(GET、POST等),请求的URL,是否异步处理(默认为true),以及可选的用户名和密码。实现动态不刷新(局部刷新),就是能在不更新整个页面的前提下维护数据。

2024-03-20 14:23:44 851 1

原创 爬取京东评论插入mysql

1.win+r,激活虚拟环境(激活成功前面会出现(venv) )4.随便复制一条评论,在筛选器中查找(可Ctrl+R刷新)2.打开浏览器的开发者工具(右键-> "检查")5.“标头”里的“常规URL”即为所需URL。ps.也可以直接打开MySQL Workbench查看。1.win+r打开命令行或终端窗口。3.然后输入你的 MySQL 密码。2.在虚拟环境里安装pymysql。3.切换到 "网络"选项卡。4.切换到你的数据库(5.执行查询语句查看。

2024-03-19 11:06:33 286

原创 扩展内置对象和扩展方法

扩展内置对象主要是增强或添加已有对象的功能,而扩展方法则是对已有类型或对象进行方法的添加或补充。两者都是对编程语言功能的扩展,但侧重点和实现方式有所不同。扩展内置对象就像是给东西增加新的能力,让它变得更强大;而扩展方法就像是给东西增加新的用途或行为,让它变得更实用。

2024-03-19 10:52:25 245

原创 构造函数、实例对象、原型对象、原型链、原型继承

对象都有_proto_属性,该属性指向它的原型对象,原型对象也是对象,也有_proto_属性,于是指向原型对象的原型对象,这样一层层形成的链式结构成为原型链,最顶层找不到则返回null。构造函数是一种特殊的函数,主要用来初始化对象,即为对象成员变量赋初始值,总与new一起使用。3.通过构造函数Array生成一个实例arr,实例arr可以使用Array.prototype原型挂载的这些方法。每个函数都有prototype属性,称为原型,因为这个属性的值是个对象,所以也称为原型对象。2.和new一起使用。

2024-03-19 10:47:37 525

原创 打地鼠(HTML/CSS/JS)

简易打地鼠,使用html,js,css。写了两个版本,第一个dadishu.js更蠢一点;第二个dadishu2.js更节能。

2024-03-18 23:12:30 221

原创 井字棋小游戏(HTML/CSS/JS)

井字棋小游戏,使用html,js,css。

2024-03-18 23:05:49 322 1

原创 简易购物车(HTML/CSS/JS)

简易购物车,使用html,js,css。能够新增减少商品数量;能够新增商品种类;能够计算商品总价,总价随着商品数量变化而变化。

2024-03-18 23:01:18 302

空空如也

空空如也

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

TA关注的人

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