鱼丸子蛋汤-优快云博客

原创 MongoDB相关

基于分布式文件存储的开源数据库，由C++语言编写文档型数据库，NoSQL数据库的一种一行表示一条记录，一列表示一种属性数据库由多个集合组成，集合对应MySQL的表，集合包含多个文档，文档对应MySQL的行文档使用BSON(Binary JSON)格式编写。

2024-07-12 11:52:08 338

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

2024-04-30 12:36:18 921 3

原创常用的 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 495

原创 ES6 常用语法

ES6常用语法

2024-04-15 14:10:20 481

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

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

2024-04-15 09:52:04 569

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

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

2024-04-15 09:30:09 1400

原创 Node.js留言板（超详细注释）

【代码】Node.js留言板（超详细注释）

2024-04-14 18:47:22 740

原创查天气（Vue.js，Element UI）

【代码】查天气（Vue.js，Element UI）

2024-04-13 17:43:59 635

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

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

2024-04-13 10:05:12 165

原创贪吃蛇web小游戏

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

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

原创 HTTP学习笔记

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

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

原创别踩白块web小游戏

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

2024-04-09 22:13:05 287 1

原创 HTML、CSS、JS 学习笔记

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

2024-04-09 16:04:42 1297

原创微信小程序相关

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

2024-04-08 20:54:44 1474

原创 Element UI学习笔记

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

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

原创 Node.js学习笔记

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

2024-03-26 19:37:07 448

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

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

原创 AJAX尚硅谷学习笔记（二）

【代码】AJAX尚硅谷学习笔记（二）

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

原创 AJAX尚硅谷学习笔记（一）

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

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

原创 AJAX相关/面试题

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

2024-03-20 14:23:44 949 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 382

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

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

2024-03-19 10:52:25 292

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

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

2024-03-19 10:47:37 657

weixin_52841164的博客