- 博客(60)
- 收藏
- 关注
RSS订阅原创 Vue3 + TypeScript学习
本文记录了Vue3+TypeScript学习中的关键知识点： StoreToRefs三种数据读取方式对比，最终采用Pinia的storeToRefs方法保持响应式； getters的使用方法，包括直接操作state和使用this； subscribe订阅功能实现数据修改监听； store的组合式写法优化； 组件通信的多种方式： props父子组件传值 自定义事件实现子传父 mitt库实现任意组件通信 v-model在组件标签上的双向绑定 $attrs实现祖孙组件传值 特别强调了mitt使用时的事件解绑
2025-11-08 23:53:24
805
原创 Vue3 + TypeScript学习
新建types文件夹，创建index.ts引入接口规范@相当于站在最外层下面的let语句的意思相当于是创建了一个person对象，满足PersonInter的规范，如若不符合规范，将会飘红若要定义一个数组，且数组中的每个元素都满足这个接口的规范写法1：<>代表泛型，什么时候使用，什么时候定义范围。
2025-10-27 11:25:36
670
原创 Vue3 + TypeScript学习
Setup是一个新的配置项,写法1：可以与vue2的data、methods等同时存在Setup中的数据在data中可以读取，但是data中的数据在setup中读取不了（旧的语法可以在新方法中被读取，但是新的写法无法在旧语法中被读取）
2025-10-27 10:59:16
840
原创 使用html+css+javascript练习项目布局--创建导航栏
【代码】使用html+css+javascript练习项目布局--创建导航栏。
2025-08-22 23:23:34
308
原创 vue项目中使用tinymce富文本编辑器
在你想要展示富文本编辑器的地方引入该组件，下面是一个引入的例子。根据自己的项目安装适合自己项目的tinymce版本。版本有冲突安装不上的可以请教d老师应当安装什么版本。在‘商品详情’tab页实现富文本编辑器的使用。前提，tab页可以正常实现功能切换。
2025-04-23 23:06:01
1873
原创 Vue项目依赖注入的使用
官方解释：在这个组件里，所有 组件google-map 的后代都需要访问一个 getMap 方法，以便知道要跟哪个地图进行交互。不幸的是，使用 $parent property 无法很好的扩展到更深层级的嵌套组件上。这也是依赖注入的用武之地，它用到了两个新的实例选项：provide 和 inject。provide 选项允许我们指定我们想要提供给后代组件的数据/方法。return {然后在任何后代组件里，我们都可以使用 inject 选项来接收指定的我们想要添加在这个实例上的 property。
2025-04-22 23:49:25
592
原创 Vue项目中如何分离代码中的一部分作为一个组件
分离出组件的优势主要 1. 可以使代码更简洁，2. 更便于后期的代码维护。本篇文章主要介绍一下如何将已有页面的代码分块，并创建为一个组件引入原代码文件中。
2025-04-20 23:02:27
408
原创 在已有的vue项目中使用vuex
Vuex 是一个用于 Vue.js 应用程序的状态管理模式 + 库。它充当应用程序中所有组件的集中存储，其规则确保状态只能以可预测的方式进行更改。
2025-04-19 20:03:45
278
原创 JavaScript数组的方法
sort()参数为规定排序顺序，必须为函数语法：sort（比较函数）比较函数需要比较两个值，之后返回一个用于说明这两个值相对顺序的数组，因此需要（参数1，参数2，返回值）数组元素的升序和降序// 数组元素自定义排序// 升序// 如果a大于b，返回1// 如果a小于b，返回-1// 如果a等于b，返回0// 升序排序// 降序// 如果a大于b，返回1// 如果a小于b，返回1// 如果a等于b，返回0// 降序排序。
2025-04-06 00:24:30
541
原创 JavaScript的BOM（浏览器）和DOM（文档对象模型）
如：load、click、onmousedown（鼠标按下）、mouseout、onmouseover（鼠标移入时）
2025-03-30 17:38:10
341
原创 JavaScript函数
把fxx函数当成参数传给hj函数，之后对方回家后主函数执行完毕，再执行穿进去的fxx函数，之后才会收到信息。是ESMAScript自带的函数，将我们常用的一些功能进行封装，不需要知道如何实现的，只要可以调用就行。函数B作为参数传递到函数A中，函数A执行函数B，B叫做回调函数。上述代码中，x和y是形参，78和86是实参。法一：在函数a中执行函数b，b为回调函数。法二：在函数b中执行函数a，a为回调函数。例子：计算1+2+3+…例子：回家后给发个信息。
2025-03-05 21:04:58
365
原创 JavaScript学习
ECMA国际标准组织—ECMAScript即ES，是JavaScript的一个标准。JavaScript是由网景公司开发。JScript是由微软开发。
2025-03-03 19:58:00
202
原创 CSS盒子模型（溢出隐藏，块级元素和行级元素的居中对齐，元素样式重置）
overflow：值规定了内容溢出元素框时所发生的事情visible：内容不会被修剪，会显示在元素框之外，默认值hidden：内容会被修剪，溢出内容不可见scroll：内容会被修剪，溢出内容会显示滚动条以便查看溢出内容auto：当内容多于元素框时，内容会被修剪并显示滚动条；当内容少于元素框时，不会显示滚动条，正常显示。
2024-12-23 23:00:44
529
原创 CSS边框的样式
让元素更有立体感语法：box-shadow：值1 值2 值3 值4 值5border-radius：圆角的半径复习：text-shadow文本阴影，使文字有阴影效果语法：text-shadow：值1 值2 值3 值4。
2024-12-19 23:41:11
715
原创 CSS边框和圆角边框
border-radius: 上左角 和下右角 上右角和下左角（若只设置了两个值，则对角使用的半径一样）border-垂直方向-水平方向-radius：水平半径 垂直半径。语法： border-边框方向：边框宽度 边框颜色 边框样式。border-radius: 上左角 上右角 下右角 下左角。通过水平和垂直方向可以表示一个角。上左角→下右角顺时针。
2024-12-17 23:40:56
516
原创 CSS文本属性
text-indecent：值（首行缩进n字符，只对首行有效）文本不同于文字，可以简单理解为包含行级元素、行内块级元素。text-shadow：值1 值2 值3 值4。对行块元素、行内块级元素、表格元素有效。创建一个黑色文字四周都有红色的阴影。text-align: 值。
2024-12-10 23:26:25
1099
原创 CSS特性及优先级
继承样式 < 浏览器的预设样式 < 通用选择器* < 标签选择器 < 类选择器（class .abc）< id选择器（#abc） <后代选择器（div #one√ div .one×，id选择器优先级更高） < 行内样式。多个选择集选中同一个类或者元素时，添加的为。多个选择集选中同一个类或者元素时，添加的为。，因此衍生出不同选择器的优先级比较。，则所有的选择器都生效。
2024-11-21 22:22:40
461
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人