- 博客(72)
- 收藏
- 关注
RSS订阅原创 React中的Hooks
和。类组件可以使用state来管理内部状态，也能使用生命周期方法（如）来处理副作用。而函数组件是“无状态的”，它们只能接收props并返回JSX，无法拥有自己的状态和生命周期。简单来说，Hooks 让函数组件也能拥有和类组件几乎同等的能力，从此你可以在不编写 class 的情况下使用 state 和其他 React 功能。这使得函数组件成为现代React开发的首选。
2025-08-03 19:01:55
1317
27
原创 JavaScript单线程实现异步
1.浏览器内核：在讲JavaScript异步之前，先讲一下JavaScript运行环境，因为JavaScript是否能实现异步是通过运行环境机制决定的，我们经常使用的环境就是浏览器环境了，所以我今天主要讲一下在浏览器的渲染进程（浏览器内核）如何执行异步的。负责页面的渲染，脚本的执行和时间处理，对于来说，它其实就是当JS引擎线程执行时GUI渲染线程会被挂起，GUI更新则会被保存在一个队列中等待JS引擎线程空闲时立即被执行,防止渲染结果不可预期。
2025-07-27 12:19:45
829
25
原创 后台管理系统登录模块（双token的实现思路）
当access_token过期时，需要使用refresh_token来生成一个新的access_token,那么什么时候会触发这个刷新机制呢，其实就是当调用权限接口的时候，如果access_token过期了，服务器教会返回一个401 unauthorized,前端的响应拦截器会获取所有的api请求，当它获取到401的时候，就知道access_token过期了，然后就刷新token了。1.首先我们需要渲染登录界面的窗口，这个很简单就不详细讲解了，然后主要就是关于点击登录按钮的接口的调用。
2025-07-20 14:30:09
1023
29
原创 后台管理系统-权限管理
那么多用户，我们不能给每一个用户单独设置权限，如果说我们的后台可以登录上万个用户，突然有一天，这个后台新增了一个权限，那我们岂不是要给所有的用户都添加上这个权限，这不是很麻烦吗，有没有比较便捷的方法，这个时候，角色可以分为很多个角色，不同的管理部门后台的角色不一样，普通角色可以拥有部分或全部功能模块的权限，超级管理员角色可以拥有所有功能模块的权限，并且可以管理其他用户和角色。在后台管理系统当中，权限管理占着非常重要的位置，权限管理，顾名思义，就是用来管理用户登录后台的权限。，进而控制这个用户的授权范围。
2025-07-11 21:44:22
639
34
原创 react当中的this指向
在JavaScript当中，this的指向取决于函数调用的上下文，但是在react当中，this通常指向指向问题是一个常见的困扰，如果this没有正确绑定，那么方法中的this很可能会是undefined，导致程序出错。箭头函数不绑定自己的this，它会捕获所在上下文的this值，使用这种方法无需手动绑定，每次渲染的时候需要创建两个函数实例，可能会影响性能。在构造函数当中使用.bind(this)来this的指向绑定，这个方法比较方便，绑定一次即可生效，性能比较好，但是代码比较长。
2025-07-06 22:37:26
471
23
原创 基于React实现的一个记账本
/ 控制显示时间})// 设置当前月份的数据// 获取账单数据//按月进行数据分组})// 当 monthGroup 更新时，设置当前月份的数据，// 计算出这个月的总钱数return acc + Math.abs(item.money) // 支出取绝对值}, 0)return acc + item.money // 收入直接相加}, 0)return {pay,income,total: income - pay, // 结余 = 收入 - 支出。
2025-06-29 00:11:50
1153
35
原创 React基础
react是什么？为什么我们要学react呢，react和vue的区别是什么？1.什么是react？1.react是一个用来渲染用户界面（UI）的（react完全基于JavaScript，只要有js基础，就可以上手react开发）3.虚拟DOM的殊途同归2.开发环境搭建：1.创建项目：npx create-react-app react-demo2.进入项目：npm start。
2025-06-22 20:38:27
885
22
原创 JavaScript 数据结构详解
最近在复习JavaScript的基础知识，和第一次学确实有了很不一样的感受，第一次学的比较浅，但是回头再进行学习的时候，发现有很多遗漏的东西，所以今天想分享一下新学到的知识，后面会一点一点补充更新JavaScript的数据结构有8个，分别是number string boolean object undefined null 还有es6新增的symbol和bigint，今天主要分享一下null undefined number，其他的等复习完会及时更新的。
2025-06-15 19:17:46
994
27
原创 深入了解JavaScript当中如何确定值的类型
JavaScript是一种弱类型语言，当你给一个变量赋了一个值，该值是什么类型的，那么该变量就是什么类型的，并且你还可以给一个变量赋多种类型的值，也不会报错，这就是JavaScript的内部机制所决定的，那么当我们在使用一些方法的时候，必须知道该变量是什么类型的，才能调用该变量对应的一些方法，那么我们如何获取到值的变量呢？底层原理：js中为了提高性能效率，使用值编码来存储值的类型，读取值编码当中的类型标签位，根据标签值返回对应的类型字符串。类型判断流程：先区分「直接量」与「指针」
2025-06-06 17:54:09
680
22
原创 深入了解Vue2和Vue3的响应式原理
想必大家在学习vue的时候都会有这样的疑问，自己在学习JavaScript的时候，不论要修改什么内容，只有在页面刷新的时候，我们的值才会发生更新变化，但是当我们在一个vue项目中进行一样的操作的时候，就可以实现实时的变化，这是为什么呢，这是因为vue当中可以实现响应式数据更新，什么是响应式数据更新？到底是通过什么来进行实现的呢？
2025-06-01 19:18:23
1279
25
原创 TypeScript入门到精通
学习ts之前，我们首先了解一下我们为什么要学ts,ts是什么？ts比js有不同呢？TypeScript 是 JavaScript 的一个超集，是由微软开发的自由和开源的编程语言，支持 ECMAScript 6 标准（ES6 教程）。在 JavaScript 的基础上增加了静态类型检查的超集。TypeScript 设计目标是开发大型应用，它可以编译成纯 JavaScript，编译出来的 JavaScript 可以运行在任何浏览器上。学习ts的好处：提高代码质量、可维护性和开发效率。
2025-05-24 21:32:26
1207
27
原创 vue3大事件项目遇到的一些问题
这周写完了vue3的大事件项目，从中学到了很多东西，并且解決了一部分bug，現在就和大家分享一下我遇到的问题并且是如何解決的1.版本问题，如果在quill版本2.0之后使用这个方法，那么我们的content会没有绑定上去，也不会有任何值的改变那么如何解决这个问题呢？那就需要用到我们的另一种写法2.x 版本推荐用只有这样，富文本内容和v-modelcontentformModelcontent才能实现真正的双向绑定，内容才能实时同步。
2025-05-18 12:46:08
1067
32
原创 计算机基础
计算机俗称电脑，是一种用于高速计算的电子计算机器，可以进行数值计算，又可以进行逻辑计算，具备存储记忆的功能，是可以按照程序进行，自动，高速进行海量数据的现代化智能电子设备。
2025-05-11 21:44:20
1218
28
原创 最小单调子序列的长度+联通最小乘积
因为题目ICPC是英文版，基于大家都不怎么看的懂的情况下直接给大家进行题目讲解题目1：题目分析：构造一个长度为n的排列 p（里面的数是1-n),不能重复得 max(lis(p),lds(p)) 最小。其中，lis(p)是 p 的最长递增子序列长度，lds(p) 是 p 的最长递减子序列长度。：由 1 到 n 的整数组成的序列，每个整数恰好出现一次。例如，[2,3,1,5,4]是一个排列，但[1,2,2] 不是（重复出现 2），[1,3,4] 也不是（包含超出范围的数 4）。
2025-05-04 19:46:05
984
27
原创 高精度算法【加减乘除-小白也可以看懂】
虽数看过不如写过，但事实确是这样，之前本人也看过高精度相关的一些博客讲解，看完之后觉得很简单，就没有怎么实操，但是当我过了一段时间真正写的时候，我发现有一部分是写不出来了，虽然很简单，但是在学习这方面，还是亲身经历实操的才好，有一个真实的归感悟。
2025-04-27 17:46:15
463
24
原创 DeepSeek的一些隐藏使用方法【过程非常详细，不用实操也可以看懂】
在日常学习和生活当中，AI已经成为了我们必不可少的工具了，尤其在我们的工作当中，我们可能经常会使用AI来给我们生成一些论文，演讲ppt的一些材料，或者做一些脑图，以及问一些专业学习上的问题，接下来我将和大家分享一下一些非常好用的模型组合，大家可以做为参考进行使用。场景：当我们想获取全国多个地方的景点旅游推荐，但是我们如果一次只问一个地点的时候，我们就要进行很多重复的操作上又比较麻烦，但是如果将地点放在一起都一起问的时候，就会出现地点数量很多，显的很没有条理，那么这个很适合我们的批量处理了。
2025-04-19 16:38:06
759
27
原创 【贪心之摆动序列】
一个摆动是由三个数组成的，因为中间的数会被重复使用，所以我们这里算一个摆动为一个数，加上最左边和最右边的数，5+2=7刚好解释我们的答案。如果是两个不相等数，答案是2就是说没有明确的摆动pre为0的时候，curdiff为任意不为0，也属于我们的摆动。一个prediff（上一个数和上上一个数的差值）,一个cur(当前的数和上一个数的差值)一正一负，或者一负一正或者一0一正，一0一负这四种情况。1（初始化）+ 1 = 2 也实现了我们的预期。这里我们使用题目中给的第二个实例来进行分析。最长序列长度初始化为1。
2025-04-13 21:32:20
524
20
原创 「最长上升子序列」-小白也可以看懂-
举个栗子🌰：假设你有一个数组 ，它的上升子序列有 ,也就是说，在保持元素严格递增的前提下，从原序列中挑出最长的子序列。1.dp数组的含义 表示以第 个元素结尾的最长上升子序列的长度。举个栗子🌰：数组 中， 对应元素 ，以 结尾的子序列只能是 ，所以 ； 对应元素 ，以 结尾的子序列只能是 ，所以 ； 对应元素 ，前面有比 小的元素 和 ，所以最长是 或 ，所以 。2.状态转移方程如何求 我们往前看：遍历 之前的所有元素 （）；如果 ，说明可以把 接在 对应的子序列后面；此时，；如果
2025-04-06 18:14:34
936
18
原创 搜索-BFS
但是通过上图可以看到，当向上和向左的时候，我们的坐标越界了，没有意义，所以我们不需要处理这两个坐标，然后向右，我们发现是面墙，因为题目说" # "是一个墙，这个坐标是不能使用的，所以这里我们遍历到该坐标的时候需要一个判断看该坐标是不是" . " ，然后遍历下面，发现既没有越界，也不是墙，所以我们就将该坐标（1，0）添加到我们的队列里面，然后（0，0）坐标使用过了，我们就使用pop()方法将它删除，因为我们遍历所有可添加的坐标，使用需要将不用的坐标进行删除。那我们如何判断是否可以走到我们的（n,m）点呢。
2025-03-30 20:03:18
603
23
原创 多个内容滑动轮播图【前端】
这里的代码作者用的是Vue3，大家没有学过的可以使用al给你转成正常的js代码~~~图片具有点击效果和滑动效果，这里作者放了9张图片，大家有需要可以使用~前几天写的前端项目当中自己写了一个比较好用的轮播组件，分享给大家。图片在这里大家可以直接进行测试。
2025-03-23 19:34:09
1563
29
原创 解决下载npm 缓存出现的问题
因为这几天一直在写项目，然后刚开始进行部署的时候遇到了一些问题，比如node版本问题，和npm缓存问题...还有element plus资源更新使用等问题，现在和大家分享一下我是如何解决的，希望对大家以后写项目的时候会有写帮助。当我们进行多人合作的时候，我们需要不停的合并我们的代码，并且再获得一个新代码的编写，这个时候我们就需要进行一个新的npm缓存，因为node_module文件是在我们本地的，不会从远程拉过来，所以我们需要重新下载npm缓存。1. **权限不足**：当前用户对目标目录没有写入权限。
2025-03-16 17:16:21
1976
26
原创 算法【前缀和】
sum = P[2][2] - P[0][2] - P[2][0] + P[0][0] = 10 - 0 - 0 + 0 = 10 这与手动计算 1 + 2 + 3 + 4 = 10 一致。对于一个大小为 m x n 的矩阵 A，二维前缀和矩阵 P 是这样一个矩阵，其中 P[i][j] 表示从 A[0][0] 到 A[i-1][j-1] 的所有元素的总和。这个题目意思很简单，这里我再和大家简单说一下，通过这个题目我们就明白是什么意思了，就很简单，让求一个数组的区间和。二维数组的前缀和比一维数组的麻烦一下。
2025-03-06 19:18:01
1038
25
原创 文字滚动效果组件和按钮组件
今天和大家分享一个vue中好用的组件，是我自己写的，大家也可以自己改，就是文字的循环滚动效果，如下图，文字会向左移动，结束之后也会有一个循环，还有一个按钮组件，基本框架写的差不多了已经，大家可以看着改，如果使用直接拿走就行了。
2025-03-01 22:45:13
654
26
原创 买股票的最佳时机 - 2
最多买2张股票和最多买k张股票的区别是哪里呢，买两张股票是4个状态，那买k张股票不是2k个状态吗，事实上就是这样，我们只需要在里面套上一层for循环就可以了，具体实现的逻辑和上面的一样。在第 i 天，可以选择在第 i 天买入（用第一次卖出的利润），或者保持之前的买入状态。在第 i 天，可以选择在第 i 天买入，或者保持之前的买入状态。在第 i 天，可以选择在第 i 天卖出，或者保持之前的卖出状态。在第 i 天，可以选择在第 i 天卖出，或者保持之前的卖出状态。sell2[0] = 0（第一天无法卖出两次）
2025-02-23 21:00:28
970
12
原创 带你深入了解前端【HTML+JavaScript】
2.href是hypertext reference的缩写，表示超文本引用，它指向一些网络资源，建立和当前元素或本文档的链接关系，当浏览器是识别到它指向的文件时，就会并行下载资源，不会停止对当前文档的处理，常用在a，link,等标签上。的缩写，表示对资源的引用，它指向的内容会嵌入到当前标签所在的位置，src会将其指向的资源下载并应用到文档当中，当浏览器解析到带有src属性的标签时，它会发起一个HTTP请求来加载指定的资源，并将其嵌入到文档中。一旦脚本加载完成，会立即执行，不管 HTML 解析是否完成。
2025-02-02 22:31:04
3182
35
原创 Vue2下篇
在组件的directives属性中注册自定义指令。：自定义指令的名称，使用时为。</script>直接将指令定义在main.js文件当中el.focus();});-- 使用带有普通参数的自定义指令 -->color: {// 获取参数。
2025-01-25 15:25:22
1384
22
原创 vue2中篇
是Vue提供的一个选项，它允许你观察Vue实例上的数据变化。当观察的数据发生变化时，会执行相应的回调函数，这样你就可以对数据的变化做出响应，执行一些特定的操作。
2025-01-19 21:48:46
1094
15
原创 动态规划【打家劫舍】
因为这是一个环形房间，从哪里开始都一样，我们可以将房间分为两组，第一组就是从第一个房间到倒数第二个房间，然后第二组就是第二个房间到倒数第一个房间，然后得出这两组所求的最大金额，返回的就是两组当中最大金额的最大值，第几个到第几个的房间偷取的最大金钱数和打家劫舍1情况相同。假设数组为num,那么dp[0]为num[0],dp[1]为max(num[0],num[1]),通过遍历我们的房屋，那么就可以得到dp[i]=max(dp[i-1],dp[i]+dp[i-2])你是一个专业的小偷，计划偷窃沿街的房屋。
2025-01-12 20:46:58
2049
29
原创 Vue2 上篇
前几篇和大家分享了Vue2基础篇，现在和大家分享一下Vue2的进阶篇：只能在注册的组件内使用1.创建vue文件 三部分组成2在使用的组件内部导入并且注册：所有组件内部都可以用templatescriptpropsscoped组件的样式冲突（防止变量污染）使用return是为了防止一个组件标签被使用多次，造成影响props 和 $emit1.provideprovideprops校正。
2025-01-05 19:03:28
900
36
原创 Git【将本地代码推送到远程仓库】--初学者必看
输入git clone命令行,然后输入git clone 将自己复制的SSH密匙粘贴上去,进行回车,自己搭建的远程仓库就会被拉到本地。假如我们需要推送text,这里我们就需要点击我们克隆的远程仓库,进入里面,将我们需要推送的东西放到里面。今天详细和大家分享一下如何将自己写的代码从本地推送到远程仓库,一学就会。打开想要复制的位置,鼠标右键,然后点击Bash,打开git窗口。首先在git上创建一个远程仓库(这里我使用的是gitee)命令将暂存区的修改提交到本地仓库。将远地仓库克隆到本地仓库。
2024-12-22 22:29:01
3128
46
原创 算法 【滑动窗口】--使用数组实现单调队列--
从尾部开始将尾部进行缩短也就是将我们的q数组变短,因为我们使用的是数组，可以通过改变tt的值从而将不符合条件的值下标放hh-tt外面。hh(头部下标)和一个tt(尾部下标）l来规定队列的范围。我们当前的值要小于队列头部的值也就是arr[q[hh]]进入时也要将我们的尾部下标tt进行+1。hh 和 tt 重新赋值为0和-1。q里面存储存储我们窗口中的值的下标。开始遍历我们的arr数组。窗口中的最小值放在第一个。
2024-12-01 19:08:44
1126
49
原创 手把手教你轻松在VS上往远程仓库上传代码
最开始我还是建议大家用这个进行提交，因为我的提交不上去，但是使用这个就可以提交上去。然后点击下面的同步就可以添加上了。
2024-11-17 19:43:10
534
46
原创 洛谷---越狱问题【快速幂】
快速幂就是一种高效计算幂次方的方法，相对于直接讲a乘b次，快速幂的时间复杂度为O(logn),可以大大减少我们的运算次数这里举个栗子：当我们需要计算6的25次方的时候，我们通常会使用一个while循环来实现25个6进行相乘，虽然这样可以实现我们的目的，但是运行花费的时间比较多，但是当我们使用快速幂的时候，在运行上花费的时间会大量减少但是快速幂是如何实现时间复杂度降为O(logn)的呢？
2024-11-10 17:16:32
725
59
原创 轮播图【HTML+CSS+JavaScript】
给大家分享一个很好看的轮播图，这个也是之前看到别人写的效果感觉很好看，所以后面也自己实现了一下，在这里分享给大家，希望大家也可以有所收获。
2024-11-03 17:59:12
2667
53
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人