- 博客(33)
- 收藏
- 关注
RSS订阅原创 终于搞懂hooks和pinia的区别了
Vue3开发中Hooks与Store的本质区别与使用场景分析：Hooks（如useList）每次调用创建独立状态，适合逻辑复用和局部状态管理；Pinia Store（如useListStore）为全局单例，适合跨组件状态共享。关键区别在于数据隔离性：Hooks默认不共享状态，Store自动同步全局状态。开发时应根据需求选择：逻辑复用用Hooks，状态共享用Store。避免将Hooks误作状态管理工具，也要防止Store过度集中化。混合使用时可通过将Store注入Hooks实现灵活架构。正确选择二者可有效解决
2025-06-24 15:18:32
866
原创 git操作案例 -设置远程分支，并提交到新远程新分支
在实际的开发中，经常会遇到这样的问题。拿到新项目是个二开或者是从别的仓库拿到的代码。这个时候自己先写了一部分的功能。写完代码要提交，发现远程仓库连接地址不对，这个时候已经提交了之后的操作。这个时候，需要更改远程分支，并将本地分支提交到远程的新分支(本地不存在这个分支)
2025-06-21 12:22:44
690
原创 Sequelize 表格操作大全
以下是 Sequelize 中常见的表格操作总结，涵盖字段操作、关联关系、索引和约束等。所有的操作一般应用在迁移文件所以如果没有迁移文件，需要先创建sequelize官网文档创建模型name: 模型的名称attributes: 模型的属性列表执行完下面命令，会在目录下创建一个迁移文件，里面就包含了创建表格的执行语句运行迁移(所有未执行) 在数据库中实际创建该表创建迁移文件(用于 表格字段增、删、改、查)如果创建模型之后，想要修改模型。
2025-05-23 11:14:57
879
原创 【vue3结合element-plus】实现路由动态渲染
在练习vue3路由的时候，发现如果添加路由，创造新的路由页面非常麻烦，每次都要在配置新的路由之后，需要手动添加新的菜单导航。就像下面这张图里的代码一样，每次都要在添加路由之后，重新加一条 router-link 比较繁琐。步骤，自动渲染新增路由对应菜单。，不包含children中的数据。在每次添加路由之后，省略。就是我想要的一级路由。
2025-05-20 10:36:35
422
原创 【localstorage、sessionStorage和cookie】
在实际前端开发中，数据存储是非常重要的。无论是保存用户登录状态、缓存接口数据，还是实现个性化设置，我们都需要选择合适的存储方案。常见的浏览器端存储方式包括和Cookie，它们各有优缺点，适用于不同的场景。本文将结合实际开发，简单介绍这三种存储方式存储方式何时使用？何时避免？Cookie需要服务端交互（如 JWT 认证）存储大量数据（4KB 限制）长期缓存（如用户设置）敏感数据（易被 XSS 攻击）临时数据（如表单草稿）需要跨标签页共享的数据最终推荐。
2025-05-16 11:40:52
965
原创 ajax，Promise 和 fetch
AJAX 不是编程语言，是一种从网页访问web服务器的技术。可以实现不刷新页面更新网页在页面加载后从服务器请求/获取数据在后台向服务器发送数据AJAX 等价于 Asynchronous JavaScript And XML.通俗的说，就像是拨打电话，首先要拿起电话打开通讯录拨号/查看通讯录点击拨打send()等待接通|| 接通后onload。
2025-05-11 17:31:58
485
原创 【解决 el-table 树形数据更新后视图不刷新的问题】
在 Element Plus 的 el-table 中使用树形数据时，当数据更新后视图不自动刷新是一个常见问题。在这个场景中确保了 DOM 更新和组件内部状态更新的时序正确性，是解决 el-table 树形数据更新后视图同步问题的关键机制。el-table 的树形渲染机制在数据更新时不会自动重新计算节点状态，导致视图不更新。通过以上方法，应该能够解决 el-table 树形数据更新后视图不刷新的问题。虽然官方文档没有明确说明，但。对于 Vue 3，可以使用。
2025-04-22 18:15:17
1451
1
原创 【localstorage问题记录】复杂数据存储方式
JSON.stringify存到localStorage。，包含给定对象自有的可枚举字符串键属性的。对于localstorage对。JSON.parse读取字符串。Map.entries迭代器。Array.from转为数组。new Map恢复结构。
2025-04-21 14:47:18
774
原创 xpath选择器
如果传入一个已存在的XPathResult对象，evaluate() 方法会把新的结果放在这个对象中。返回的结果类型取决于你的XPath表达式和你指定的 resultType。可以是一个已经存在的XPathResult 对象，用于存放结果，或 null。这个方法可以执行几乎任何 XPath 查询，并且可以返回不同类型的结果，返回一个 XPathResult 对象，该对象包含了表达式执行的结果。如果想要查询文档的某个特定部分，可以传入一个更具体的节点。一个字符串，是你想要执行的xpath表达式。
2025-04-21 14:15:51
493
原创 Vue 3 组合式 API 规范配合 Pinia
这种实现方式既保持了组合式 API 的灵活性，又通过 Pinia 提供了专业的状态管理方案，适合中大型项目使用。这样当你打开一个对话框时，其他对话框会自动关闭。设置 type1.visible = true。状态，确定用户点击的是哪个按钮。
2025-04-18 10:33:04
753
原创 postgresql命令行 && Sequlize基本操作指令
以下概念来自psql中文文档PostgreSQL是以加州大学伯克利分校计算机系开发的POSTGRES， 版本 4.2为基础的对象关系型数据库管理系统（ORDBMS）。POSTGRES 领先的许多概念在很久以后才出现在一些商业数据库系统中。psql是一个PostgreSQL的基于终端的前端。它让你能交互式地键入查询，把它们发送给PostgreSQL，并且查看查询结果。或者，输入可以来自于一个文件或者命令行参数。此外，psql还提供一些元命令和多种类似 shell 的特性来为编写脚本和自动化多种任务提供便利。
2024-07-01 20:55:39
3612
原创 vue3基础笔记
监视reactive定义的对象类型数据，且默认开启深度监视name: '白马',skill: '日行千里'})Object.assign(person, { name: '雪', skill: '强制共白头' })// 监视console.log('监视person的数据变化', newValue, oldValue)})两组的结果对比若属性值不是对象类型，需要写成函数形式。若属性值依然是对象类型，可以直接编，也可以写成函数。name: '白马',skill: '日行千里',
2024-05-17 16:26:03
1025
原创 文件处理 vue3+ts
需求：需要用户点击上传文件，并对上传的文件进行筛选判断例如：需要分别判断是视频文件，或音频文件；并需要对文件的大小或文件的显示名称接收；提示：以下是本篇文章正文内容，下面案例可供参考。
2024-04-01 20:36:30
516
原创 git仓库日常操作指令(不定期补充)
存放项目代码的地方，可以在文件系统中看到的一个目录。这个目录下有一个.git的子目录，包含了Git的所有元数据和对象数据库。托管在网络或其他位置的版本库，可以有多个（例如，GitHub、GitLab、gitea、gittee等）。一个独立的工作流，你可以在不影响主线（通常是main或master分支）的情况下进行开发和测试。当合并时，两个分支在同一部分代码上有不同的更改，Git无法自动解决。可以保存当前工作进度，将修改暂存，让你的工作目录回到上次提交的状态。将一个分支的更改合并到另一个分支上。
2024-03-08 21:26:12
819
1
原创 包管理工具npm yarn
关于npm的一些笔记学习笔记接上篇nodejs学前笔记nvm 全称 Node Version Manager允许通过命令行快速安装和使用不同版本的 nodejs。npm 和 yarn 的命令和操作差不多 学会一个第二个也差不多就会了这只是我的一个学习笔记 如果有问题欢迎指正。
2024-02-28 14:06:32
1389
1
原创 随机数Math.random()
例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考。
2024-02-25 14:12:25
1326
原创 javaweb相关笔记
跟着网课总结的笔记，每一段代码自己都有敲一遍验证，不懂得知识点还有很多，慢慢努力吧！这个是nodejs学前笔记的续集，只是看到一半想起来大学javaweb都学过；果然是“少壮不努力，老大徒伤悲。
2024-01-12 18:00:14
380
1
原创 nodejs学前笔记 buffer和文件
提示：这个是我自己的学习笔记，记录的都是我觉得不怎么行的，或者是我觉得有用的这个是我自己的学习笔记。
2024-01-10 14:32:28
1172
1
原创 express基础笔记
命令行语句递归复制文件01 到 02提示：这里对文章进行总结：例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。
2024-01-03 14:19:44
993
1
原创 【TS学习笔记】基础篇
对象中主要包含两个部分： 属性、方法这些是我在跟着网课学的时候自己敲下来的总结笔记,作为自己的笔记记录.如果能帮到你们当然也很好.如果有什么错误和不足,欢迎补充.最后的泛型我也是听的一知半解,跟着做了项目也没有用到这个🕳 在get set中定义的时候 显示说标识符重复其实很好理解,就相当于说 get 是一种声明说此时是get方法.后面的是方法名称.比如name在上面已经被定义过了,后面的方法名称写name当然会报错.get里面return 的值是属性的值就可以了.
2023-11-23 15:37:33
1254
原创 【TS+webpack 环境搭建】
如果 使用build命令 需要在package.json文件中 增加build指令！！// 使用开发者模式打包 mode:"development",配置文件中涉及到的路径，请根据自己的实际路径环境配置。有一些命令是可以直接生成的，但是都是被注释掉的；可以在理解了配置文件中的命令之后选择性使用。此笔记仅为自学记录，如有问题欢迎指正！（就这么一个环境 ，我删了建建了删，两天了(;´༎ຶД༎ຶ`) ）
2023-11-07 14:06:41
194
1
原创 通过php实现html标签删除（正则表达式）
str_replace 不支持正则表达式查询，查询到的正则串是一个整体，也就是说 $pat_array这个数组里面 只有一组数据 他的所有值 相当于存储在【0】处 所以在替换的时候必须要标注下标.不然没有效果c:\Users\PC2023~1\AppData\Local\Temp\SGPicFaceTpBq\6916\0BD2F29E.png。所以在运行时 需要接受str_replace()函数返回的数据。日常修改页面需求，需要将一个页面里的相同标签进行匹配删除（并没有被批量分离） 删除页面里面的所有。
2023-10-30 13:30:23
132
1
原创 ps学习笔记 基础阶段
快捷键：ctrl+G 快速创建组ctrl+E 图层向下合并ctrl+shift+E 合并可见图层ctrl+alt+E 保留原图层 并向下合并ctrl+shift+alt+E 盖印图层（将所有可见图层合并，形成一个新的图层)ctrl+alt+G 创建剪切蒙版(谁被蒙版 谁在上 选谁) 或者 alt+点击两个图层的交接处快捷键alt+⬆ 调整行间距alt+<- 调整字间距字体做ctrl+shift+I 反选ctrl+i 反相。
2023-10-11 14:25:56
117
原创 css笔记
如果失败无法成功，查看网页的差别 缺什么补什么 一般是图片和css。如果方法不行，试着找到主要文件，删除js 或修改路径 查看原因。第一种方法在当前页面跳转。第二种打开新的页面。
2023-10-10 13:36:15
102
1
原创 fastadmin 后台处理数据成功之后一直出现笑脸
请求在后台php 处理完成事件之后，会再次返回到js界面查找与自定义按钮重名的方法。如果方法不存在 ，则会显示系统默认首页。也会自动跳转到系统的index界面。成功处理数据之后，一直显示这种很丑的界面，并且会跳转到首页。自定义按钮显示的效果。
2023-07-31 20:44:16
379
1
原创 个人笔记1 thinkphp
save 可以自动写入时间戳字段 在用模型做插入的时候 支持验证器。更新 ->isUpdate(true)->save($data);$data 数据中一定要有 id 有id 就会执行更新。insert 不会自动写入时间戳字段 不支持验证器。插入方法：save insert。
2023-07-13 10:39:14
132
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人