- 博客(29)
- 收藏
- 关注
RSS订阅原创 用户注册的前后端代码
设置正在注册的状态，发起请求，等注册成功后给出提示并直接跳转到首页面，最后重置。3 设计路由处理函数（避免文件冗余，将该部分独立放置。
2025-11-17 19:07:32
138
原创 一些工具的使用
登录时，从数据库中取出哈希密码值与用户输入的密码对比是否一致。输出 MongoDB connected…也可以直接导入 dotenv/config。在 package.json 的。可搭配select一起使用。在响应头中设置cookie。从请求头中读取cookie。
2025-11-05 22:16:12
306
原创 简单搭建express服务器
如果将每个接口的处理逻辑都放到 route 中，会导致文件内容看起来很繁琐，所以将每个接口的处理逻辑都放置到 controller 中。🎯因为上面修改了 index.js 的文件路径，所以 package.json 中也需要做对应的修改（修改后需要重启服务器）将 nodemon 装成。，在开发环境中自启动。
2025-11-03 17:04:28
458
原创 【C端】底部导航栏实现
① 当点击其他标签时，active 的值发生变化， 触发。监听路由的变化，当路由变化时，改变。监听路由，实时更新高亮的标签。
2025-10-28 20:41:39
223
原创 实现用户角色权限的动态注册路由
因为当刷新的时候，Pinia 实例会被重新创建，导致 Vue-Router 重新初始化时拿不到数据，从而白屏，所以需要用到持久化存储。，说明在拼接路由的时候出了问题，导致拼接的路由与 import.meta.glob 匹配不上，检查一下 module 与每个 url 是否能匹配上【import.meta.glob。④ 此时登录后 localStorage 中已经存在 menu 缓存，但是刷新后还是白屏，并显示。的警告，是因为在访问 ‘/auth/admin’ 时，守卫先执行，而上述的动态路由是在守卫。
2025-10-26 16:27:55
318
原创 axios的二次封装
③ 添加请求拦截器：在请求被处理之前拦截，在这里可以统一配置请求头、添加 token、封装 get，post，put，delete 请求、加上接口错误重试机制等等。Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中，特性【摘自。④ 添加响应拦截器：在这里对 http 错误码进行拦截、简化返回的信息等。
2025-10-25 18:18:14
344
原创 nextTick的使用
因为 js 是单线程运作的，如果采用同步更新的策略，对属性值的每一次修改，都可能会触发虚拟 DOM 的计算和真实 DOM 的渲染，非常影响性能。所以 vue 引入了异步更新，会将要更新的副作用放到一个队列中，等当前调用栈清空后，在下一个事件循环（nextTick）里统一批量执行。【业务逻辑】：点击 table 操作栏中的编辑按钮，出现编辑权限的弹框。只是改了数据，此时 Vue 还没将。的真实 DOM 渲染出来，，导致出现上述报错。
2025-10-23 15:36:33
241
原创 Element-Plus使用的注意事项
① 全局注册图标后，模板里不能再以变量名使用图标，而是要写成字符串形式的组件名。，这样会导致 Vue 将它当成普通变量去作用域中找，导致图标不显示。
2025-10-21 15:39:28
90
原创 Element-Plus折叠菜单后图标消失
因为 Element-Plus 折叠时会将整个 #title 隐藏（设置为 width: 0;overflow: hidden），如果 icon 图标写在 #title 插槽中，当使用 collapse 属性对其进行折叠时，就会出现以上情况，图标及文字一齐消失。**【问题描述】：**当菜单展开时，图标正常显示，但是折叠后控制台的图标消失。**【问题所在】：**图标写在 #title 插槽里了。
2025-10-20 15:28:35
175
原创 前端学习10—Ajax
XML（可扩展标记语言），被设计用来传输和存储数据，XML 和 HTML 类似，不同的是 HTML 中都是预定义标签，而 XML 中没有预定义标签，全都是自定义标签，用来表示一些数据比如有个学生数据：name = "孙悟空";age = 18;gender = "男";
2025-04-11 19:11:11
1144
原创 import { parseArgs } from ‘node:util‘；SyntaxError: The requested module ‘node:util‘ does not provide
是 Node.js 17.0.0 版本中引入的功能，如果使用的是较旧版本的 Node.js，就会出现这个错误。【报错原因】：启动 json-server 时报错。
2025-03-29 13:43:46
685
原创 This dependency was not found: * mock/user in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./
【代码】This dependency was not found: * mock/user in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./
2025-03-11 11:38:08
269
原创 TypeError: Cannot read properties of undefined (reading ‘reqTradeMarkList‘)
【②】在main.js中，修改API的引入方式，依旧使用。
2025-03-04 21:27:34
263
原创 npm ERR! code 128 npm ERR! An unknown git error occurred
管理员运行cmd（右键window --> 选择终端管理员）会出现问题，下载以来过程中卡住，不能继续执行，但是使用。重新执行npm install。
2025-03-03 12:13:49
1010
原创 TypeError: Cannot read properties of undefined (reading ‘dispatch‘)
报错解决方法
2025-01-15 17:08:57
433
原创 前端学习9—ES6
Symbol() 函数前不能使用 new 命令，因为生成的 Symbol 是一个原始类型的值，不是对象，所以不能使用 new 命令来调用如果用 Symbol 定义的对象中的变量，取值时一定要用 [变量名]
2024-12-24 11:51:41
1015
原创 前端学习8—PC端网页特效
1 元素偏移量 offset 系列使用 offset 系列相关属性可以动态的得到该元素的位置（偏移）、大小等获得元素距离带有定位父元素的位置获得元素自身的大小（宽度高度）返回的数值都不带单位offset系列属性作用element.offsetParent返回该元素带有定位的父级元素，如果父级都没有定位就返回 bodyelement.offsetTop返回该元素相对于带有定位父元素的上方偏移量element.offsetLeft返回该元素相对于带有定位父元素
2024-12-19 11:37:44
1173
原创 前端学习7—BOM
BOM 为，提供了独立于内容而与，它的核心是BOM 比 DOM 更大，BOM 包含 DOM，它具有双重角色在调用的时候可以省略 window，前面学习的对话框都属于 window 对象方法，如 alert()、prompt() 等。
2024-12-14 12:54:13
2249
原创 前端学习6—DOM
1 DOM 简介文档对象模型（Document Object Model），处理可扩展标记语言的标准编程接口，通过 DOM 提供的接口可以对页面上的各种元素进行操作（大小、位置、颜色等）文档：一个页面就是一个文档，DOM 中使用 document 表示元素：页面中所有标签都是元素，DOM 中使用 element 表示节点：页面中的所有内容（标签、属性、文本、注释等），DOM 中使用 node 表示DOM 把以上内容都看作是对象1.1 获取元素根据 ID 获取使用 getElemen
2024-12-10 17:05:23
861
原创 前端学习5—ECMAScript
浏览器本身并不会执行 JS 代码，而是通过内置 Javascript 引擎解释器来执行 JS 代码，JS 引擎执行代码时逐行解释每一句源码，将其转换为机器语言，然后由计算机去执行，所以 Javascript 语言归为脚本语言，会逐行解释执行。
2024-11-25 20:08:48
909
原创 前端学习4—HTMLCSS提高
属性：想要变化的 css 属性，宽度、高度、背景颜色、内外边距等都可以，如果想要所有的属性都变化过度，写一个 all 就可以。n 可以是公式：（如果 n 是公式，则从 0 开始计算，但是第 0 个元素或者超出了元素的个数会被忽略）透视也称为视距：人的眼睛到屏幕的距离，距离视觉点越近的在电脑平面成像越大，越远成像越小，单位为像素。before 在父元素内部的前面创建元素，after 在父元素内容的后面插入元素。何时开始：单位是 秒（必须写单位）可以设置延迟触发时间，默认是 0s（可以省略）
2024-11-22 11:49:13
1898
原创 前端学习2——CSS
CSS 是层叠样式表（Cascading Style Sheets）的简称，也称或，主要适用场景就是的HTML 只关注内容的语义，CSS 主要用于设置 HTML 页面中的（字体、大小、对齐方式等）、（宽高、边框样式、边距等）以及。
2024-10-25 11:37:28
1773
原创 前端学习1——HTML
用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号< dl > < dt > 名词1 < dd > 名词1解释1 < dd > 名词1解释2 < dl > < dt > 名词1 < dd > 名词1解释1 < dd > 名词1解释2
2024-10-22 11:09:35
666
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人