- 博客(11)
- 收藏
- 关注
RSS订阅原创 Vue的通用组件通信工具——Vuex和Pinia入门指南
vc.$store.dispatch(‘方法’,参数)：参数传入 actions 对应方法中vc.$store.commit(‘方法’,参数)：参数直接传入 mutations 对应方法中store.actions：用于响应组件中的动作（业务逻辑层）方法名(context,value){context.commit("方法名",value)}//context表示上下文，是处理过的store，有需要的方法，包括commit、dispatch、state等。
2025-09-13 16:40:41
748
原创 VsCode中关于Vue项目代码格式化和eslint规范的配置
ESLint：主要用来检测代码的语法格式，以便我们规范书写，避免因编译所发生的错误。Vetur：针对于vue设计的插件，具有代码高亮、代码片段、代码格式化等功能。Prettier - Code formatter：该插件主要用于格式化代码。如果同一目录下有多个配置文件，ESLint 只会使用一个。vscode 左下角设置-用户-右上角打开设置 (json) -文件，新增针对 script 标签首层缩进报错问题的解决办法。检测规则参考 vue-admin-template 的。或者在项目文件夹下的。
2025-09-12 12:04:36
578
原创 JavaScript模块化学习复习笔记
将程序文件根据一定规则拆分成多个文件拆分出的每个文件就是一个模块，模块中的数据都是私有的，模块之间相互隔离模块内的数据可以暴露出去供其它模块使用JavaScript模块化通过将代码拆分为独立、可复用的单元，显著提升了项目的可维护性和可扩展性。无论是早期的CommonJS，还是现代的ES Modules，模块化方案都在解决代码组织、依赖管理等问题上提供了标准化方案。
2025-09-11 09:39:43
419
原创 Mock.js入门指南：拦截axios请求，生成随机数据，独立开发前端
初学前端做项目时，总要使用各大教学机构的后端接口，一方面，接口有时不稳定，另一方面，接口固定，不能根据自己需求改数据格式，影响前端开发练习，Mock.js提供了拦截axios请求，生成随机数据的功能，可以帮助我们更好地独立开发前端。在开发前端时，后端可能还没有接口，我们可以根据后端的响应 mock 假数据//安装快速体验//引入mock方法})//生成随机数据{data:'xxx',age:xxx,addr:'xxx',email:'xxx'}
2025-09-10 22:21:59
1786
原创 TypeScript学习笔记
TS是基于JS的一个扩展语言，是JS的超集，弥补了JS的一些缺陷b站尚硅谷禹神TS教程TS是基于JS的一个扩展语言，是JS的超集，浏览器不能直接运行TS代码，需要编译为JS代码再运行。TS具有静态类型检查，能够在代码运行之前进行检查，发现代码的错误或不合理之处，减少运行时异常出现的几率。TypeScript 作为 JavaScript 的超集，通过静态类型检查、接口、泛型等特性提升了代码的可维护性和可扩展性。
2025-09-08 23:18:54
869
原创 jQuery库学习笔记
jQuery库已经过时，但还没有被淘汰，新手还需要学习，jQuery是我们从原生JS步入JS库的一个过渡，通过学习它，可以帮助我们理解库的作用。参考b站李立超老师JS教学视频jQuery是一个快速的、小型的、具有丰富功能的JavaScript库。它的出现使得网页中的DOM、事件、动画、Ajax等操作变得简便。
2025-09-07 22:53:08
1082
原创 JavaScript 中的 Web APIs —— BOM 和 DOM 学习复习笔记
BOM 和 DOM 复习笔记参考b站李立超老师JS教学视频DOM文档对象模型将网页中的每一部分都转换为了对象，对象之间还有父子、兄弟关系，想要修改页面就先获取DOM对象再操作对象BOM浏览器对象模型，提供可以操作浏览器的对象NodeList。
2025-09-05 20:13:22
756
原创 JavaScript语法学习复习笔记
复习js语法的笔记参考b站李立超老师JS教学视频JavaScript是一种运行在客户端（浏览器）的编程语言，可以实现人机交互效果。由ECMAScript基础语法（俗称的es5、es6）、两种Web API （DOM和BOM）组成。DOM（页面文档对象模型）：操作文档BOM（浏览器对象模型）：操作浏览器JS是弱语言类型，很多规范都不严格JS核心思想是面向对象编程，万物皆是对象。
2025-09-04 12:02:41
730
原创 Node.js版本控制工具 nvm 的使用指南（配合 nrm 快速切换 npm 源）
在现代前端开发中，Node.js 是不可或缺的工具，但不同项目要求的Node版本不同，频繁地安装卸载不同版本Node会很麻烦。nvm（Node Version Manager）和nrm（NPM Registry Manager）是两款高效的开源工具，能帮助开发者轻松解决这些问题。nvm：Node.js 的版本管理工具，用于管理多个 Node.js 版本。它让你在同一台机器上安装、切换和删除不同版本的 Node.js ，避免版本冲突。
2025-08-17 23:41:29
525
原创 高效管理每一天：打造你的专属待办清单todolist
在快节奏的现代生活中，任务堆积如山，时间却总是不够用。你是否经常感到手忙脚乱，忘记重要事项，或是被琐事淹没？一个清晰、灵活的待办清单（Todo List）能帮你摆脱混乱，让目标一目了然，效率倍增。本项目基于 Vue3 + Vite + Element Plus + Pinia + Scss + NanoId 实现。
2025-08-15 11:19:37
1333
原创 ＜el-menu＞菜单组件中 router 和 default-active 属性的使用技巧（解决一级路由导航项和二级路由导航项不能同时高亮的问题）
Element Plus提供的<el-menu>菜单组件常用作顶部导航条或侧边导航条，当点击每一个项时，对应导航项就会高亮激活，这很方便，但是，在页面刚加载时，没有导航项被点击，也就没有导航项高亮，这不能满足我们的要求，我们需要有一个导航项默认为高亮激活状态，最好是能和当前路由相关联。总的来说，router开启可以辅助跳转，可以设置默认高亮，两者结合可以帮助我们省些配置路由和样式的功夫，但也产生了一些新的小问题，算是有利有弊吧，大多数人可能还是选择自己配路由。
2025-08-13 00:52:35
547
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人