在写Vue的时候,我们总是会有很多组件,在页面需要的时候就引进了,这时候会有一个问题,就是不同的文件目录下引入文件的路径不同,虽说可以通过alias配置路径识别符,但是每次都这么频繁引入也是挺麻烦的,尤其是在Vue2里,引入了还要再components里再声明一次。 在Vue技术栈开发过程中,面对复杂项目中的组件复用场景,存在两个显著的工……
看例子学React Hooks
React Hooks 是 React 16.8 引入的一项重要特性,它使函数组件能够拥有类组件的一些特性,例如状态管理和生命周期方法的使用。 React Hooks 是一种函数式组件的增强机制,它允许你在不编写类组件的情况下使用 React 的特性。主要的 Hooks 包括 useState, useEffect,&……
Pinia持久化pinia-plugin-persistedstate
一、重温Pinia Pinia是Vue.js的轻量级状态管理库,旨在替代Vuex,提供更简洁的API和更好的TypeScript支持。 它采用扁平化结构设计,移除了Vuex中的mutations和模块嵌套,支持Vue2和Vue3,并兼容Composition API风格。 Pinia的核心特性 简化API设计。 移除了Vuex中冗长……
vban2.0中table的使用—action封装
在之前的一篇文章中,写了一个table操作区域的组件,主要是像图标、间距、文案等,都差不多,干脆用一个组件解决这种重复问题,详情可见vban2.0中table的使用,但是测试过程中发现问题: 问题描述 如果用户进行删除操作,第一次操作没问题,但是后面再删除,然后confirm确认,发现页面删除方法中接收到的record对应的id就不对了,……
vben2.0中table的使用
vben:Vue-Vben-Admin 是一个基于 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 的后台解决方案,目标是为开发中大型项目提供开箱即用的解决方案。包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。做过管理后台的同学都知道,table表格是一个频率特别高的东西……
monorepo工程搭建和问题解决
最近在扒拉fastgpt的前端源码,遇到一些问题,这里总结来说下。 一、先了解一下两个东西 1、monorepo是什么? Monorepo(单一代码仓库) 是一种代码管理策略,指将多个相关项目或服务的代码集中存储在同一个版本控制系统仓库(如 Git)中,而非分散在多个独立的仓库中。这种模式在大型技术团队或复杂项目中越来越流行,尤其受到 G……
通过Deepseek验证技术写作中的语义升维
我让Deepseek帮我改了一段文字 先看两段文案: 第一段: 在写Vue的时候,我们总是会有很多组件,在页面需要的时候就引进了,这时候会有一个问题,就是不同的文件目录下引入文件的路径不同,虽说可以通过alias配置路径识别符,但是每次都这么频繁引入也是挺麻烦的,尤其是在Vue2里,引入了还要再components里再声明一次。 第二段:……
node-sass、node-gyp依赖问题排查
最近公司买了一套系统,我clone下来在本地运行,项目install的报错,后面好多流程就都被阻塞了,也是吭哧了好久,记录一下,项目环境要求: Node.js:12.22.12 Yarn:1.22.19 Python:2.7 # node-sass需要 难怪报错,都tm这么旧的版本. 1、问题信息 先看下面这个最初的报错: 看到说node……
创建Vue项目的常见方法
最近不忙,一直写React,所以打算重温一下Vue的东西,从创建项目开始,有兴趣的可以了解一下。 先说下前置条件: node版本在18.3以上(vue2可能不需要这么高的版本) 输入: node –v,查看node版本 一、基于vue-cli搭建 vuecli官方文档 @vue/cli版本在4.5.0以上,vue2不需要,但是尽量使用高版……
typesciprt学习笔记
TypeScript是微软开发的一个开源的编程语言,通过在JavaScript的基础上添加静态类型定义构建而成。这意味着TypeScript是JavaScript的超集,它包含了JavaScript的所有元素,并为其添加了可选的静态类型和基于类的面向对象编程。 一、主要特性 类型批注:TypeScript允许开发者为变量、函数参数和返回值……