自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(35)
  • 资源 (1)
  • 收藏
  • 关注

原创 使用Canvas裁剪图片

通过以上步骤,我们已经成功实现了使用Canvas来裁剪图片的功能。通过监听鼠标事件,我们可以在图片上绘制裁剪区域,并最终实现图片的裁剪效果。Canvas技术是Web前端开发中不可或缺的一部分,希望本篇博客能够帮助您更好地了解Canvas的应用场景和实践技巧。

2023-08-03 21:46:24 540

原创 使用Three.js创建旋转的立方体

在本篇技术博客中,我们将介绍如何使用Three.js创建一个简单的场景,其中包含一个旋转的立方体。我们将学习如何设置场景、摄像机、立方体和渲染器,以及如何使用OrbitControls和gsap库来实现立方体的旋转动画和交互效果。

2023-08-01 17:20:26 509

原创 使用Canvas制作画板

UNDO: 'z',REDO: 'b'这部分代码定义了画板应用的状态和常量。state对象用于跟踪用户的操作和绘制数据。DATA_FIELD和DATA_TYPE用于标识绘制数据的不同部分。定义了画布的一些默认值,包括默认颜色、线条样式和线条宽度。KEYBOARD定义了用于撤销和重做的键盘按键。

2023-07-31 22:39:20 364

原创 Vue上线打包优化

在开发Vue项目时,我们通常需要对项目进行打包和优化,以便在生产环境中提供更高性能的应用程序。本篇博客将介绍一些Vue上线打包优化的技巧,帮助您优化应用程序的加载速度和性能。

2023-07-31 12:09:12 546

原创 React哲学——官方示例

在这篇技术博客中,我们深入探讨了React官方示例:React哲学。我们学习了React的核心概念,如组件化、状态管理和数据流,并通过一个简单的可过滤产品表格示例进行了实践。

2023-07-31 09:45:08 965

原创 React井字棋游戏官方示例

在这篇技术博客中,我们详细介绍了React官方示例井字棋游戏。我们了解了游戏的组件结构,实现了游戏状态的管理、胜者判定和历史记录功能。通过这个简单的井字棋游戏,我们学习了React组件之间的通信、状态管理以及如何处理用户交互。

2023-07-30 17:09:01 1158

原创 Vue『卡片拖拽式课程表』

在这篇技术博客中,我们介绍了一个用Vue实现的『卡片拖拽式课程表』。我们逐步讲解了组件和组件的实现,以及主视图组件的布局和逻辑。通过拖拽课程卡片到时间表上,我们可以方便地安排不同课程在不同时间段的上课时间。这个简单而实用的课程表可以用于学校、培训机构等教育场景,提高课程管理的效率。

2023-07-30 12:03:43 727

原创 前端文件上传实践与后端处理——文件分块上传

文件上传是现代Web应用程序中常见的功能之一。在这篇博客中,我们将探讨一个简单但完整的前端文件上传实践,同时提供一个后端示例,演示如何处理上传的文件。我们将使用JavaScript作为前端语言,并结合Node.js作为后端环境。让我们开始吧!

2023-07-29 16:00:12 3069

原创 Vue 3 中的插槽(Slots)用法

插槽(Slots)是 Vue 组件中一种非常有用的功能,用于在父组件中向子组件传递内容。Vue 3 引入了语法,使得组件的写法更加简洁和易读。在本篇博客中,我们将探讨在 Vue 3 中使用插槽的不同方式,包括默认插槽、具名插槽以及作用域插槽。

2023-07-28 20:57:56 1534 1

原创 Understanding Debounce and Throttle Functions in JavaScript

【Code】Understanding Debounce and Throttle Functions in JavaScript。

2023-07-28 16:15:45 139

原创 JavaScript中的this指向及绑定规则

在JavaScript中,this是一个特殊的关键字,用于表示函数执行的上下文对象,也就是当前函数被调用时所在的对象。由于JavaScript的函数调用方式多种多样,this的指向也因此而变化。本文将介绍JavaScript中this的指向及绑定规则,包括默认绑定、隐式绑定、new绑定、显式绑定和箭头函数中的this规则。

2023-07-28 16:10:54 175

原创 实现一个简单的前端MVVM框架类似VUE

在本篇博客中,我们将使用原生JavaScript实现一个简单的前端MVVM框架,类似于VUE。MVVM是Model-View-ViewModel的缩写,是一种用于构建现代化、可维护的前端应用程序的架构模式。MVVM框架通过数据绑定和组件化的方式实现了视图与数据的双向绑定,使得数据的变化可以自动反映在视图上,同时视图的变化也会自动更新数据,从而实现了数据和视图的同步更新。本篇博客将分为多个部分来介绍实现MVVM框架的过程。首先,我们会介绍MVVM框架的基本原理和核心概念。

2023-07-27 18:53:07 235

原创 React 中的常见 API 和生命周期函数

但需要注意的是,随着 React 的不断发展,一些生命周期函数可能会被废弃或替代,请根据具体的 React 版本和需求做出相应的选择。getDerivedStateFromProps 在组件创建和更新时都会被调用,用于根据传入的 props 更新组件的状态。这是组件的生命周期函数,在组件渲染完成后被调用。在该函数中,可以修改组件的状态,这将导致组件重新渲染。通过 useState,我们可以在函数组件中创建和管理状态变量,每当状态变量更新时,组件将重新渲染以显示最新的状态。

2023-07-26 21:31:53 448

原创 制作滚动视差效果的企业网站官网

在现代网页设计中,滚动视差(Parallax Scrolling)效果成为一种受欢迎的设计趋势,它可以为网站带来动感和吸引力。滚动视差通过在不同层次的元素之间创建差异化的滚动速度,产生了一种立体感和深度感,使用户在滚动页面时感受到更加生动的视觉体验。本文将教你如何使用滚动视差效果制作一个企业网站官网。

2023-07-26 10:22:43 119 1

原创 JavaScript中树形结构扁平化处理的两种方法

本篇博客介绍了JavaScript中树形结构扁平化处理的两种方法:递归处理和非递归处理。根据实际需求和数据规模,您可以选择合适的方法来处理树形结构的数据,以便更好地应用于前端开发中。在本篇博客中,我们将介绍JavaScript中树形结构扁平化处理的两种方法:递归处理和非递归处理。递归处理是一种常见的处理树形结构的方法。它的基本思想是从根节点开始,逐层遍历树的每个节点,将子节点添加到对应的父节点的。首先,我们给出一个示例数据,它表示一个树形结构的数据,每个节点都有id、parentId和name属性。

2023-07-25 16:50:29 1455

原创 在 JavaScript 中实现并发请求

在现代 Web 开发中,高效处理多个异步请求是一个常见需求。并发请求允许同时处理多个请求,可以显著提高 Web 应用程序的性能。在本博客中,我们将探讨如何使用一个名为 的自定义类,在 JavaScript 中执行并发请求,并优雅地处理响应。在深入代码之前,请确保满足以下要求:我们首先要创建一个能够处理并发请求的类 。这个类的主要功能是将多个请求按照最大并发数量同时发送,以提高请求的执行效率。 构造函数:在构造函数中,我们传入 参数,该参数表示最大并发请求数量。我们还初始化一个任务队列 和一

2023-07-24 19:52:30 787

原创 深入理解JavaScript原型链与继承机制

在JavaScript中,每个对象都有一个内部链接到另一个对象的引用,这个对象被称为原型(prototype)。原型对象可以包含属性和方法,并且其他对象可以继承这些属性和方法。当我们访问一个对象的属性或方法时,JavaScript会首先在对象本身查找,如果找不到,它会沿着原型链向上查找,直到找到该属性或方法或到达原型链的顶端。在上面提到的代码中,我们定义了两个类Person和Student,并使用extends关键字创建了Student类的子类Teacher。

2023-07-24 17:04:13 46

原创 面向对象期末个人薄弱点补充

憋摸鱼啦,你还隔着考试周破防呢?

2022-06-15 21:01:34 284 4

原创 C++ 运算符重载(课堂笔记)

在一学期的吹水过后,开始复习吧

2022-06-08 13:10:11 486

原创 C++OJ银行账户(静态成员与友元函数)

题目描述银行账户类的基本描述如下:要求如下:实现该银行账户类为账户类Account增加一个友元函数,实现账户结息,要求输出结息后的余额(结息余额=账户余额+账户余额*利率)。友元函数声明形式为 friend void Update(Account& a);在main函数中,定义一个Account类型的指针数组,让每个指针指向动态分配的Account对象,并调用成员函数测试存款、取款、显示等函数,再调用友元函数测试进行结息。大家可以根据实际需求在类内添加其他方...

2022-04-20 12:54:19 420

原创 C++OJ电视机与遥控器(友元类)

题目描述有如下的电视类和遥控器类,遥控器在电视开机的情况下可以控制电视。要求如下:1.实现并完善Tv类;其中构造函数需修改和完善。另:最大频道为100;2.将Remote设为Tv的友元类,以支持在Remote类中对Tv方法的调用。3.在main函数中,通过Remote实例对TV实例进行操作。输入第一行,电视初始状态,依次为state,volume,channel,mode,input的初始值。第二行,利用遥控器对上述状态的操作指令,用对应的函...

2022-04-20 12:49:21 968

原创 C++友元(课堂笔记)

1.友元为了让类外的函数或另一个类,可以访问类中的私有成员,可以将它们声明为友元。友元的声明只能出现在类定义的内部,以关键字friend声明。友元可以是友元函数或友元类。友元不是本类的成员,所以不受访问控制影响。注意:友元的引入破坏了类的封装性和数据的隐藏性,请小心使用2.友元函数在类中将一个类外的普通函数,或其他类的成员函数声明为friend,就称为友元函数。 friend void display(Time &);(1)将普通函数声明为友元函数完整

2022-04-20 08:29:42 683 1

原创 C++静态成员(课堂笔记)

一、静态成员1.静态成员:用来说明类的成员属性类的所有对象共用一个存储空间描述这一类的对象共有的数据例子:计算一个群体中每个人(1)体重是否正常、(2)体重指数与大家的平均体重指数的差。问题(1)只与他自己的身高、体重有关问题(2)既与他自己的体重指数有关、也与群体中 其他所有人的体重指数有关class CMan { string szName;//区分不同的人 float height, weight;//保存一个人的身高和体重信息 f...

2022-04-19 19:21:23 1106 2

原创 C语言实现飞机游戏(进阶版)

主要内容参考了河海大学童晶老师的课程内容,有兴趣的小伙伴可在网上寻找相关资料自行学习。思路分析我们上一期已经实现了最简单的飞机大战了,但存在的缺点是:1.我们的靶子是静态的,而且是一次性的,可玩性较低2.在移动过程中会发现频繁的闪屏3.缺乏一个能实时反馈得分的计分板基于上次讲解的内容(见“最简单的飞机大战小游戏”),按照一样的原理,我们把"@"作为敌机,敌机的起始位置为第一行指定的position_y该列,通过i与j的不断遍历输出,实现敌机不断向我方靠近的效果,并且我们通过调用随

2022-04-19 17:47:18 2609 1

原创 EasyX 图形库入门,使用C/C++语言快速上手图形和游戏编程。

内容大纲为B站up主“c语言Plus”的视频内容所记录的笔记,感兴趣的小伙伴可前去了解更多小游戏的开发教程。目录导读EasyX 是针对 C/C++ 的图形库,可以帮助使用C/C++语言的程序员快速上手图形和游戏编程。比如,可以用 VC + EasyX 很快的用几何图形画一个房子,或者一辆移动的小车,可以编写俄罗斯方块、贪吃蛇、黑白棋等小游戏,可以练习图形学的各种算法,等等。原理基于Winwods图形编程,将Windows下的复杂程序过程进行封装,将Windows下的编程过程隐藏,..

2022-04-17 20:14:17 6548 1

原创 最简单的飞机大战小游戏(C语言实现)

思路分析所谓飞机射击类的游戏,就是关于两个对象之间的行动而产生的一系列联系,对于我们的飞机而言,要实现移动和射击这最简单的两种行为,而我们的敌人——靶子只需要出现并在识别到飞机的射击行为后消失就好,我们目前只设计静态靶子。1.飞机的移动通过用户的输入来实现,作为cs发烧友,"W" "S" "A" "D"这四个键已经刻入了我们的DNA之中,所以在用户每次输入这几个字母时,我们的飞机要在相应的方向上进行位移(通过对x,y的加减操作实现,加减数字的大小来实现模拟速度)。为避免输入一个字符就要按一下".

2022-04-17 17:20:53 3512

原创 用C语言开发最简单的小游戏(弹跳小球)

主要内容参考了河海大学童晶老师的课程内容,有兴趣的小伙伴可在网上寻找相关资料自行学习。主要思路将打印出的数字“0”作为我们的小球,每次循环一开始让小球进行移动,为了避免反复输出我们的小球,运用sysyem("cls")进行每一次的清零(在#include<stdlib.h>头文件下),小球的起始位置在我们的20×10的矩形框的左上角,通过输出换行符"\n"和空格" "来模拟小球的移动,当小球碰撞到区域边界时,进行条件判断后改变小球的运动方向,不断循环往复。#include&lt

2022-04-16 15:07:26 4643

原创 C++分数类(类与构造)

题目描述完成下列分数类的实现:class CFraction{private:int fz, fm;public:CFraction(int fz_val, int fm_val) ;CFraction add(const CFraction &r);CFraction sub(const CFraction &r);CFraction mul(const CFraction &r);CFraction div(const CFraction &

2022-04-14 21:51:29 525

原创 C++手机取款(类与对象数组)

题目描述采用面向对象思想实现手机取款的过程假设银行账户有卡号、绑定手机号、动态密码、余额等属性,包含获取各种属性、校验动态密码、取款操作。属性全是整数数据。使用对象数组来保存n个银行账户。用户通过手机取款的步骤如下:(一般在主函数实现)1、用户输入手机号,在n个银行账户中找到相应的银行账户。如果查找成功则往下执行,否则输出信息“手机号不存在”,不再往下执行;2、用户输入动态密码,然后校验动态密码的是否正确如果密码正确则往下执行,否则输出信息“密码错误”,不再往下执行;

2022-04-14 21:48:49 123 2

原创 C++补充资料(主要针对string的课堂笔记)

导读用字符数组存放字符串容易发生数组越界的错误,而且往往难以察觉。因此,C++标准模板库设计了 string 数据类型,专门用于字符串处理。string 并不是 C++ 的基本数据类型,它是 C++ 标准模板库中的一个“类”。目录导读一、string类二、string的赋值与连接三、比较string四、子串五、交换string六、string的特性七、在string中寻找、替换和插入字符八、转换成c语言式char *字符串九、迭代器十、字符串流处理

2022-04-13 08:40:39 536

原创 C#速成个人感悟(基于有一点基础的freshman)#0(补档1)

一、在任何 C# 程序中的第一条语句都是:using System;1一般在程序开头添加 using System;,这时System.String 就可简写为string 。例如:// using System;namespace ConsoleApp1{ class Program { static void Main(string[] args) { System.String a = "Hello Worl...

2022-04-12 16:57:16 87

原创 C++点圆运算(构造与析构)

题目描述设计一个点类Point,包含私有属性x坐标和y坐标,操作包括1、构造函数,要求满足两个条件:1.能够使用类Point去创建一个对象数组(缺省构造方法!);2.能够接收外来输入的x和坐标做初始化,提示:构造函数重载2、析构函数,把x坐标和y坐标都清0,并输出信息“point clear”3、设置(setXY),接受外来输入,并设置x坐标和y坐标4、获取x坐标,直接返回x值5、获取y坐标,直接返回y值设计一个圆类Circle,包含私有属性:圆心坐标x和y、半径r;操...

2022-04-12 10:39:02 1091

原创 C#速成个人感悟(基于有一点基础的freshman)#1

梦开始的地方一、游戏从这里开始:与C语言一样,程序从Main函数开始执行String inputStr 定义变量 inputStr,为其分配一块String类型大小的存储空间输入:Console.ReadLine() 从控制台中读取一行数据输出:Console.WriteLine() 输出一行数据到控制台中//同样是以英文分号结束,一行也可以有多条语句,有着相同的变量命名规则static void Main(string[] args)//控制台主程序入口{string inp

2022-04-11 22:07:33 1612 1

原创 C++最胖的加菲(类与对象+数组)

题目描述有一群猫猫,每只猫都有自己的名称和体重。用类来描述猫,名称和体重都是私有属性,要求加入属性的get方法。其他函数根据需要自己定义创建一个动态的猫对象数组,存储各只猫的名称和体重根据猫的体重对数组做升序排序,并输出排序后每只猫的名称题目涉及的数值均用整数处理输入第一行输入n表示有n只猫第二行输入一只猫的名称和体重依次输入n行输出输出一行,输出排序后的猫的名称输入样例14chocolate 1500water 400cheese 30

2022-04-11 16:53:46 408 1

原创 C++对象是怎样构造的(拷贝构造函数)

题目描述某个类包含一个整型数据成员.程序运行时若输入0表示用缺省方式定义一个类对象;输入1及一个整数表示用带一个参数的构造函数构造一个类对象;输入2及一个整数表示构造2个类对象,一个用输入的整数构造,另一个用前一个对象构造。试完成该类的定义和实现。输入测试数据的组数 t第一组数第二组数......输出第一个对象构造输出第二个对象构造输出......输入样例1 01 102 20输出样例...

2022-04-11 16:45:08 838 1

SZU计算机导论实验报告(大学计算机)

某双非高校大计的实验报告,主要内容为课本上的课后题。

2022-04-12

Android 高德地图依赖导入报错,如何解决?(语言-kotlin)

2023-06-12

小程序使用echarts突然报错

2023-04-19

企业官网动画实现的疑惑

2023-02-16

关于#遍历#的问题,如何解决?(标签-小程序)

2022-11-30

敢问这个在uploadfile的url里怎么写,imageFile要怎么改

2022-11-30

想要上传图片给后端来实现图片识别返回json

2022-11-30

接收过来的数据看不到有什么啊(标签-xss)

2022-11-28

对象数组的每一项想要跳转,那个这个转换成字符串的变量该怎么选取呢

2022-11-23

item.了名字之后没有任何显示,而item整体是这样

2022-11-20

这个对象数据怎么一次性在跳转后传过去

2022-11-20

是该从驾驶员的行为出发(标签-分类)

2022-11-17

就是我前端调用api获得了data这个数据,type等各种键值我怎么回到wxml用item遍历呢

2022-11-16

获取不了openid,云函数已经部署了,找不到没有定义的db,如何解决?(标签-npm)

2022-11-15

我调用那个API发出请求结果get不到数据

2022-11-12

小程序navigator跳转不了,如何解决?

2022-11-10

小程序云开发模拟作者发帖,用image标签怎么传进去呢

2022-11-06

小程序想要实现点赞以后,bindtap点击事件使得icon旁边的数字➕1

2022-11-05

请问右边的文字为什么不从上面开始排布,而是留出了一片空白

2022-11-04

怎么把图标和输入框放在一行,已经设置成row了

2022-11-01

怎么把flex布局下的属于同一个父元素的文字放在图片上面呢

2022-11-01

image在div或者view下怎么按flex布局

2022-11-01

小程序的布局flex-direction:row显示是竖的,不是水平的

2022-11-01

关于#前后端交互#的问题,调用API,如何解决?

2022-11-01

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

TA关注的人

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