- 博客(18)
- 收藏
- 关注
RSS订阅原创 【vuex和pinia】
在 Vuex store 的定义中，添加actions属性，并在这个属性中定义你的action函数。每个action都是一个接受一个包含stategetterscommit和dispatch等属性的上下文对象的函数。2. 在组件中调用 Action在你的 Vue 组件中，你可以通过 this.$store.dispatch('actionName') 来调用一个 action。如果你使用了 Vuex 的辅助函数 mapActions，你可以将 action 映射为组件的方法。
2024-03-13 23:36:24
874
原创 【Vue 3】
作用：给表单元素使用，双向数据绑定---->可以快速获取或设置表单元素内容是value属性和input事件的合写语法：v-model="变量"注意:$event 用于在模板中，获取事件的形参。
2024-03-07 23:08:00
415
1
原创 【Vue 2】
在Vue中，根组件（Root Component）是应用程序的入口点，它是所有其他组件的父组件。根组件通常被挂载到DOM中的一个元素上，并且它包含了整个应用程序的模板、数据和逻辑。
2024-02-23 23:11:12
923
1
原创 【Vue】
Vue是一款用于构建用户界面的JavaScript框架，它基于标准HTML、CSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型，帮助开发者高效地开发用户界面。Vue是一个JS库，无依赖其他JS库，直接引入一个JS文件就可以使用。Vue具有易于入门、方便与第三方库或已有项目整合以及适合做复杂的单页应用等特点，Vue的核心概念包括组件化、MVVM、响应式虚拟DOM和生命周期。组件化使得开发者可以将一个庞大复杂的前端工程拆分为一个个组件，提高了开发的效率。
2024-02-22 20:30:43
1889
1
原创 【Git】
git reset 命令用于将当前分支的HEAD指针回退到指定的提交（commit），并且可以选择是否修改索引（暂存区）和工作目录。命令用于将暂存区的文件变化提交到本地仓库，并创建一个新的提交（commit）。工作区域通常指的是办公空间或工作场所的划分。--mixed（或不带参数）：回退HEAD指针，并重置暂存区，但工作区的内容保持不变。--hard：回退HEAD指针，重置暂存区，并且修改工作区，使其与指定的提交完全一致。--soft：默认参数，回退HEAD指针，但暂存区和工作区的内容保持不变。
2024-02-19 21:31:23
818
1
原创 【JavaScript 5】
用于匹配字符串中字符组合的模式，正则表达式也是对象通常用来查找、替换那些符合正则表达式的文本正则表达式在 JavaScript中的使用场景:例如验证表单:用户名表单只能输入英文字母、数字或者下划线，昵称输入枢中可以输入中文(匹配)，比如用户名:/^[a-z0-9 -{3,16}s/过滤掉页面内容中的一些敏感词(替换)，或从字符出中获取我们想要的特定部分(提取)等语法1.定义规则const 变量名 = /表达式///是正则表达式的字面量2.检测是否匹配。
2024-02-17 23:36:18
910
1
原创 【CSS 4】
块级格式化上下文（简称BFC）是Web页面CSS渲染的一部分，它是一个独立的渲染区域，规定了在该区域中的块级盒子的布局，以及与其他元素的交互方式。BFC是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素在BFC中，盒子（块级元素）会从包含块的顶部开始，一个接一个地垂直摆放。两个相邻的块级盒子之间的垂直距离由“margin”属性决定，并且在同一个BFC中，相邻的块级盒子的垂直外边距会出现折叠（即取两者之间的最大值作为最终的外边距）BFC的工作原理。
2024-02-16 21:02:57
867
1
原创 【CSS 3】
常见标签：<span>、<a>、<img>、<button>、<input>、<label>、<strong>、<em>height，如果子元素（包括伪元素）超出了父盒子的大小，可以使用 overflow 属性来控制如何显示。<div>、<p>、<h1>-<h6>、<form>、<ul>、<li>（当作为列表项时）等。伪元素选择器 ::before 和 ::after 允许你在一个元素的内容之前或之后插入内容。如果希望父盒子的大小不被子元素（包括伪元素）撑开，可以直接为父盒子设置固定的 width 和。
2024-02-15 21:27:02
747
1
原创 【CSS 2】
（absolute）：绝对定位的元素相对于最近的已定位父元素（即设置了position属性的元素）进行定位，如果没有已定位的父元素，那么它会相对于最初的包含块（通常是html元素）进行定位。同级元素下的子元素关系：如果同级元素的 z-index 生效，那么这些元素的子元素的覆盖关系由父元素的 z-index 决定。具体来说，父元素 z-index 值较大的会覆盖父元素 z-index 值较小的，而子元素则会在各自父元素的上方。定义：z-index 表示元素的层级，数值越大，层级越高，展示的位置越靠前。
2024-02-14 16:26:25
906
1
原创 【JavaScript 4】
与sessionStorage不同，localStorage的数据没有过期时间，即使浏览器窗口或标签页关闭后，数据依然保留。注意：sessionStorage和localStorage都是以字符串的形式保存数据，因此如果需要保存非字符串类型的数据（如JSON对象），需要先将其转换为字符串，这通常被称为序列化。：它可以在用户的浏览器中保存少量的数据，存储大小有限，最大不能超过4KB，每次HTTP请求都会携带cookie，因此它只适合保存一些较小的数据，如会话标识。举例sessionStorage。
2024-02-13 17:49:33
868
1
原创 【JavaScript 3】
blur事件则与focus事件相反，当元素失去焦点时，会触发该事件。const：里面存放的是地址，优先使用const声明变量，数组和对象的修改可以用const。事件委托是利用事件冒泡的特点，给父元素注册事件，当触发子元素的时，会冒泡到父元素身上，事件监听：就是让程序检测是否有事件产生，一旦有事件触发，就立即调用一个的数做出响应，因为默认就有冒泡模式的存在，所以容易导致事件影响到父级元素，若想把事件限制在当前元素。：当一个元素触发事件后，会依次向上调用所有父级元素的同名事件（从里到外）
2024-02-12 22:31:11
1797
原创 【JavaScript 2】
k里面是字符串,是属性名，带引号，不能用''.'',只能用[]1.对象：js的一种数据类型，是一种无序的数据集合。对象由属性（名词）和方法（动词）组成。作用：提供一系列数学运算方法。如何生成n-m之间的随机数。随机取0·10之间的整数。作用：用来描述某个事物。
2024-02-11 20:19:21
460
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人