- 博客(29)
- 收藏
- 关注
RSS订阅原创 vue3 文件下载
/ 根据实际情况调整 MIME 类型。if (res && res.content) { //res.content 后端返回base64。// 创建一个 <a> 元素并设置其 href 属性为这个 URL，然后模拟点击该元素来触发下载。//设置文件名 后端返回的文件名。// 解码 Base64 字符串。// 释放创建的 URL 对象。
2025-02-21 14:32:18
299
原创 React 切换主题颜色
6.在任意标签添加以定义样式类名如defined-hero-darkest。4.main.tsx中导入index.css,ThemeProvider。3.src/compoonents创建theme文件。1.src目录下创建content.ts。只需在外部添加一个localTheme(2.src/创建index.css。5.注册切换主题色组件。使用某些组件库时不在..dark内部才生效。.dark内部不生效。
2024-07-06 13:49:53
445
1
原创 react 子向父传值
ChildComponent onClick={handleClick} /> // const [show, setShow] = useState(false) 如果直接修改useSate的值onClick={()=>setShow(false)}// 定义一个处理点击事件的函数。
2024-05-23 16:32:59
193
1
原创 vue/react 怎么渲染富文本内容
div className="content" dangerouslySetInnerHTML={{ __html: 富文本内容 }}>
2024-04-27 18:50:15
399
1
原创 react （useContext）孙组件发送事件爷组件的兄弟组件也可以使用
1.创建一个全局的上下文，用于管理事件状态。2.孙组件中点击发送事件。在需要使用事件的组件中。
2024-02-29 14:33:02
484
原创 git常用命令
注:origin是远程仓库连接默认的对象名称，如果在Gui上自定义过远程仓库连接的名称，可以在Gui上查看真正的名称。git branch -a 查看所有分支列表(包括本地和远程，remotes/开头的表示远程分支)- 1、删除本地分支(不能删除当前所在的分支，如果要删除，必须先切换到其他分支上)git branch --merged 查看哪些分支已经合并到当前分支。git branch --on-merged 查看所有未合并工作的分支。注:分支名称前有个冒号，分支名称前的冒号代表删除。
2023-10-05 22:12:08
94
原创 Typescript核心内容
类型系统包括原始类型（如字符串、数字、布尔值等）、对象类型、函数类型、数组类型、元组类型、枚举类型、联合类型、交叉类型等。工具集成：TypeScript可以与各种开发工具和框架集成，例如编辑器（如Visual Studio Code）、构建工具（如Webpack、Rollup）、测试框架（如Jest、Mocha）等，提供更好的开发体验和工作流程。泛型：TypeScript提供了泛型（Generics）功能，允许在定义函数、类或接口时使用类型参数，从而增加代码的灵活性和重用性。
2023-09-19 16:25:37
122
原创 JavaScript核心内容
掌握数组的基本操作，如创建、访问、修改、迭代等，同时了解数组方法（例如push、pop、shift、unshift、forEach等）的使用，以便更高效地操作数组数据。了解如何定义和调用函数，以及函数的参数、返回值等。异步编程：JavaScript支持异步编程模式，通过回调函数、Promise、async/await等机制来处理异步操作，如网络请求、文件读写等。语法和基本数据类型：了解JavaScript的语法规则，包括变量声明、数据类型（如字符串、数字、布尔值、数组等）、运算符、条件语句、循环语句等。
2023-09-19 16:17:38
172
原创 2、typeScript-变量的定义
02-number类型的使用03-boolen类型的使用04-string类型的使用05-array类型的使用06-object类型07-null和undefined类型08-symbol类型。
2023-09-05 22:52:41
80
1
原创 Vue3 Portal(传送门) 一个神奇的移动元素功能
2.index.html 中添加 一个div标签 id="（与teleport 中的to一致）"3.teleport中的内容在modal-target标签中，而不是app标签。
2023-07-26 22:58:35
378
1
原创 vue3-Pinia的使用
4.建立一个文件夹store，再建立一个PiniaStore.js。安装完成后packge.json 文件中，可看到版本，就完成了。可以获取到PinpiaStore中的值。使用，首先进行导入，然后进行赋值操作。vue.js.devtools中。3.main.js中引用。赋值时会存到本地存储。
2023-06-28 14:53:43
208
1
原创 vue3移动端pc端兼容
1.router文件 index.js配置路由表，把移动端和PC端路由表拆分出来。2. appWeb(PC端代码) appMobile(移动端代码)
2023-06-13 16:55:51
4598
6
原创 放大镜效果
/ 计算预览大图的移动的距离。// X方向坐标范围控制。// Y方向坐标范围控制。// 计算遮罩层的位置。// 遮罩层位置坐标。1.导入组件文件地址。
2023-06-10 17:05:13
48
原创 文字多行展示超出部分省略号显示
我们设置了弹性盒子显示为垂直方向，最多显示三行，超出部分显示为省略号。实现多行文字超出部分显示省略号可以使用 CSS 的。属性为需要显示的行数，使弹性盒子只显示指定的行数。，当文字超出一行时，将多余文本显示为省略号。，当文字超出一行时，将溢出部分隐藏起来。，强制在一行内显示所有文字。，使多行文本显示为弹性盒子。，使弹性盒子垂直排列。
2023-06-10 15:42:04
2329
2
原创 vue3 a-modal对话框样式问题
global类似于把样式全局化(没有作用域了)，也会影响其他a-modal组件得样式，:global更适用于button,input的使用。1. :global(选择器){css}只需在 a-modal加上style即可。2. 默认情况下会加一个行内样式。
2023-06-09 11:27:02
917
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人