- 博客(22)
- 收藏
- 关注
RSS订阅原创 Axios网络请求_自定义hooks
GET请求在浏览器访问：http://localhost:3000/api/list?//进行qs.stringify()==querystring.stringify()处理，将数据转换为字符串。baseURL: "http://iwenwiki.com", //配置网络请求地址（公共域名）const list = require("./data/list.js") //导入权限菜单数据。POST请求在postman上访问：http://localhost:3000/api/login。
2025-04-03 19:50:23
992
原创 JS-字符串相关知识
数据类型5 种包含值的数据类型： String（字符串） Number（数值） Boolean（布尔） -----原始类型 Object（对象） Function（函数）6 种对象： Object Date Array数组 String Number Boolean2种不能包含值的数据类型： null undefined（代表没有，空）运算符typeof运算符：识别数据类型Var age = 20；console.log(typeof age ) //number加法运算符：1）数值相加 2）非数
2025-03-08 11:25:21
742
原创 Typescript基础知识
在 ES6 中，允许给函数的参数添加默认值，TypeScript 会将添加了默认值的参数识别为可选参数。TypeScript为JavaScript提供了一些高级功能，如类型检查和面向对象编程，使得JavaScript开发人员能够更轻松地编写大型应用程序。在JavaScript中，我们习惯了数组中可以存在任何类型的数据，在TypeScript中，依然也可以。缺点：不能够精确的表达，输入为数字的时候，输出也应该为数字，输入为字符串的时候，输出也应该为字符串。和 JavaScript 一样，可以使用双引号（
2025-03-08 10:20:28
852
原创 CSS-背景，文本，字体
背景图像大小：background-size：lenght /percentage /cover（保持横纵比） /contain。设置背景图像定位：background-repeat: no-repeat;改变图像在背景中的起始位置：background-position: right /top/ centent(中中);页面背景图片：body {background-image:url('paper.gif');} 删除链接的下划线。
2025-03-07 10:33:25
869
原创 VUE3-路由内容知识分解
参考链接：https://router.vuejs.org/zh/guide/essentials/history-mode.html#html5-%E6%A8%A1%E5%BC%8F。作用：页面与页面之间的切换，通过不同的地址访问的，地址对应着要显示的组件。而实现这个页面切换显示的功能就是路由的作用。在 Vue Router 中，可以在路径中使用一个动态字段，来实现给定匹配模式的路由映射到同一个组件，称之为。作用：把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件。
2025-03-07 10:12:32
1108
原创 VUE3-注入依赖
时，需要从父组件向子组件传递数据，若有一些多层级嵌套的组件，形成一颗巨大的组件树，而某个深层的子组件需要一个较远的祖先组件中的部分数据。在这种情况下，如果仅使用 props 则必须将其沿着组件链逐级传递下去，这会非常麻烦。注意：provide和inject只能由上到下的传递，不能向反传递。Provide (提供)：要为组件后代提供数据，需要使用到。inject (注入)：要注入上层组件提供的数据，需使用。注入会在组件自身的状态。// 使用函数的形式，可以访问到。也可以读取data中的数据。
2025-03-07 09:33:00
201
原创 VUE3-动态组件
当使用<component :is='...'>在多个组件间作切换时，被切换掉的组件会被卸载。在大型项目中，我们可能需要拆分应用为更小的块，并仅在需要时再从服务器加载相关组件。场景 ：有些页面会需要在两个组件间来回切换，比如 Tab 界面。组件，强制被切换掉的组件仍然保持“存活”状态。注意：一定是字符串，一定都加上引号。
2025-03-07 09:30:07
238
原创 VUE3-组件生命周期
概念：vue组件实例在创建时要经历一系列的初始化步骤，在此过程中vue会在合适的时机，调用特定的函数，从而让开发者有机会在特定的阶段运行自己的代码，这些特定的函数统称为：生命周期的钩子。生命周期整体分为四个阶段：创建，挂载，更新，销毁，每个阶段都有两个钩子，一前一后。销毁前：beforeUnmount()创建前：beforeCreate()更新前：beforeUpdate()挂在前：beforemount()销毁完毕：unmounted()通过 ref 获取元素DOM结构。创建完毕：created()
2025-03-06 19:13:23
265
原创 VUE3-组件
注意：全局注册，但并没有被使用的组件无法在生产打包时自动移除（也叫tree-shaking）如果全局注册了一个组件，即使它没有被实际使用，它仍然会出现在打包后的js文件中。全局注册，在大型项目中使项目的依赖关系变得不那么明确，在父组件中使用子组件时，不太容易定位子组件的实现，和使用过多的全局变量一样，这可能会影响应用长期的可维护性。组件允许我们将UI划分为独立的，可重用的部分，并且可以对每个部分进行单独的思考，在实际应用中，组件常常被组织成层层嵌套的树状结构。//引用多少组件，就注入多少组件，用逗号分隔。
2025-03-06 19:02:12
2935
1
原创 VUE3-表单
lazy：在每次 change 事件后更新数据。：将表单输入框的内容同步给js中的相应的变量。单一的复选框，绑定布尔类型值。v-model修饰符。.number：数字。
2025-03-06 18:49:29
172
原创 VUE3-class绑定，style绑定
attribute 时，这些 class 会被添加到根元素上并与该元素上已有的 class 合并。但是，在处理比较复杂的绑定时，通过拼接生成字符串是麻烦且易出错的。：class={ 1，多数据绑定 2，数组绑定 3，数组和对象一起使用 }（2）绑定的对象并不一定需要写成内联字面量的形式，也可以直接绑定一个对象。数据绑定的一个常见需求场景，是操纵元素的 CSS class 列表。注意：数组和对象嵌套过程中，只能是数组嵌套对象，不能反其道行之。4，绑定一个包含多个样式对象的数组。3，直接绑定一个样式对象。
2025-03-06 18:43:00
500
原创 VUE3-计算属性computed
作用：把模版的复杂属性，放入计算属性中，来描述依赖响应式状态的复杂逻辑。函数方法：方法调用总是会在重渲染发生时再次执行函数。一个计算属性仅会在其响应式依赖更新时才重新计算。计算属性值会基于其响应式依赖被缓存。例如：判断一个数组是否有内容。
2025-03-06 18:38:37
130
原创 VUE3-数组变化侦测
变更方法，就是会对调用他们的原数组进行变更 ，相对也有不可变的方法，如filter(),concat(),slice()这些都不会更改原数组，总是返回一个新数组，当遇到的是非变更方法时，我们需要将旧的数组替换为新的。vue能够侦听响应式数组的变更方法，并在她们被调用时触发相关更新。
2025-03-06 18:36:15
163
原创 VUE3-事件处理
使用 v-on 指令 (简写为 @) 来监听 DOM 事件，并在事件触发时执行对应的 JavaScript。1. 内联事件处理器：事件被触发时执行的内联 JavaScript 语句 (与 onclick 类似)。双击时：v-on:dbclick="handler" 或 @dbclick="handler"单击时：v-on:click="handler" 或 @click="handler"2. 方法事件处理器：一个指向组件上定义的方法的属性名或是路径。.enter：代表按回车，触发事件。
2025-03-06 18:16:31
989
原创 VUE3-Key
为了给vue一个提示，以便它可以跟踪每个节点的标识，从而重用和重新排序现有的元素，需要为每个元素对应的块提供一个唯一的key属性。改变时，Vue 不会随之移动 DOM 元素的顺序，而是就地更新每个元素，确保它们在原本指定的索引位置上渲染。不建议使用index作为key的值，因为我们要确保每一条数据的唯一索引不会发生变化。key绑定的值期望是一个基础类型的值，例如字符串或number。推荐在任何可行的时候为v-for提供一个key属性。Vue 默认按照“就地更新”的策略来更新通过。
2025-03-06 18:11:52
361
原创 VUE3-列表渲染
v-for ：遍历数组，支持使用可选的第二个参数，表示当前项的位置索引（下标），v-for的指令值需要使用 item in items 形式的特殊语法。大多数我们渲染的数据来源于网络的请求，也就是JSON格式。，v-for：遍历对象所有属性时，有三个值（顺序对应）基于一个数组（用[ ]扩起）来渲染一个列表。items：源数据的数组（可以改，非固定）解释：index代表当前项的位置下标。，更接近于js的迭代器语法。
2025-03-06 18:04:40
237
原创 VUE3-属性绑定
或一个空字符串 (即<button disabled="">) 时，元素会包含这个 disabled attribute。注意：如果绑定的值是 null 或者 undefined，那么该 attribute 将会从渲染的元素上移除。简写：<div :id="dynamicId" :class="dynamicClass"></div>指令：指示 Vue 将元素的 id attribute 与组件的 dynamicId 属性保持一致。当 isButtonDisabled 为。
2025-03-06 17:52:52
299
原创 VUE3目录解析
createApp API 允许你在同一个页面中创建多个共存的 Vue 应用，而且每个应用都拥有自己的用于配置和全局资源的作用域。
2025-03-06 17:47:37
113
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人