摘要：一、普通的表单验证 🔊：普通的表单校验直接在最外层<el-form> :model="数据" :rules="规则" ，再在<el-form-item>层设置prop值与model里数据定义的key保持一致即可。 <el-form-item label="名称" prop="ruleName" : 阅读全文

摘要：一、动画基本使用 1. vue的transition动画 Vue 提供了 transition 的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡： 条件渲染 (使用 v-if)条件展示 (使用 v-show) 动态组件 组件根节点 示例 <template> <!-- 触发器 --> 阅读全文

摘要：一、使用介绍 条件类型基本语法: T extends U ? X : Y; 如果占位符类型U是一个可以被分解成几个部分的类型，譬如数组类型，元组类型，函数类型，字符串字面量类型等。这时候可以通过infer来获取U类型中某个部分的类型。 官方解释：现在在有条件类型的 extends 子语句中，允许出现 阅读全文

摘要：一、什么是类型兼容性 TS 的类型兼容性是指当一个类型的值可以被另一个类型的变量所接受时，这两种类型就是兼容的 集合论中，如果一个集合的所有元素在集合B中都存在，则A是B的子集；类型系统中，如果一个类型的属性更具体，则该类型是子类型。（因为属性更少则说明该类型约束的更宽泛，是父类型） 因此，我们可以 阅读全文

摘要：题目：实现内置的Exclude <T，U>，从 T 中排除可分配给 U 的那些类型 type x = string | number | boolean type y = string | number type c = MyExclude<x, y> const b: c = true 解答： t 阅读全文

摘要：🐹 一、T[number]、T['length'] T[number] 用来获取元组的元素类型联合T['length'] 用来获取元组的元素类型个数 💡元组类型是另一种Array类型，它确切地知道它包含多少元素，以及在特定位置包含哪些类型。 type A = ['a', 'b', 'c'] ty 阅读全文

摘要：🐡 需求： Omit 会创建一个省略 K 中字段的 T 对象。 这和 Pick 很像，只是结果相反，Pick 是挑选需要的字段，而 Omit 则是排除指定的字段 🤔 思考：根据现了解的关键字， keyof 肯定要用，可是怎么排除其他的键？😊 思路：用 never 来做键，就能在这个字段值排除了 阅读全文

摘要：🐹 第一题 🙋：下面的代码为什么会提示错误，应该如何解决上述问题？ type User = { id: number; kind: string; }; function makeCustomer<T extends User>(u: T): T { //不能将类型“{ id: number; 阅读全文

摘要：一、内置的类型工具 1. 适用于 interface 的类型操作符 这些操作符主要用于处理对象类型，比如 interface 和对象字面量类型 { key: value }。它们通常用于修改、选取或排除对象的属性。 🐡 Partial<T>：将对象类型 T 的所有属性设为可选。 interface 阅读全文

摘要：🐹 1. 非空断言操作符（!） 在上下⽂中当类型检查器⽆法断定类型时，⼀个新的后缀表达式操作符 ! 可以⽤于断⾔操作对象是⾮ null 和⾮ undefined 类型 🐡 赋值时忽略 null 和 undefined const fn = (name: string | null | undef 阅读全文

摘要：🐹 1. 一个问号（?） 在 TypeScript 中用于表示可选属性和可选参数，使得属性和参数可以选择性地存在。主打的就是两个字“随意” 🐡 可选属性： 在对象类型中，可以使用问号来标记某个属性是可选的。这意味着该属性可以存在，也可以不存在。 interface Person { name: 阅读全文

摘要：一、配置 eslint ESLint 是一款插件，主要用来检测编写的（ JavaScript ）代码是否符合规范。当然在一个团队中也会自定义一些规范条件。另外正常情况下我们不需要单独安装 ESLint 去使用,例如 vite 脚手架搭建的项目一般都是帮你集成好了。 1. 安装并使用 ⏰ 前提条件：内 阅读全文

摘要：WXSS是一套样式语言，用于描述WXML的组件样式。 官方文档表示，WXSS的选择器目前支持（“.class”、“#id”、“elemnt”、“element,element”、“::after”、“::before”）,而且本地资源无法通过WXSS获取，所以WXSS中的样式都是用的网络图片，或者b 阅读全文

摘要：一，概述 框架的视图层由WXMKL（WeiXin Markup language）与WXSS（WeiXin Style Sheet）编写，由组件进行展示。 对于微信小程序而言，视图层就是所有.wxml文件与.wxss文件的集合。 微信小程序在逻辑层将数据进行处理后发送给视图层展现出来，同时接受视图层 阅读全文

摘要：一、概述 逻辑层，是事务逻辑处理的地方。对于小程序而言，逻辑层就是.js脚本文件的集合。逻辑层将数据进行处理后发送给视图层，同时接收视图层的事件反馈。 微信小程序开发框架的逻辑层是由JavaScript编写。在JavaScript的基础上，微信团队做了一些适当的修改，以便提高开发小程序的效率。 主要 阅读全文

摘要：一、全局配置：app.json 微信小程序的全局配置保存在app.json文件中。开发者通过使用app.json来配置页面文件（pages）的路径、窗口（window）表现、设定网络超时时间值（networkTimeout）以及配置多个切换页（tarBar）等。 首先看一个典型的全局配置app.js 阅读全文

摘要：我们可以知道，.js文件是页面逻辑处理层。我们可以按需在app.js和page.js中添加程序在生命周期的每个阶段相应的事件。如在页面的onLoad时进行数据的下载，onShow的时候进行数据的更新。 典型的app.js代码结构如下： app.js文件中有3个生命周期函数：onLaunch、onSh 阅读全文

摘要：1、Text 组件 Text 组件用于显示文本，类似于 html 中的 span 标签，是行内元素，下面是 Text 组件的属性和基本使用。官方文档 属性类型默认值必填说明最低版本 selectable boolean false 否 文本是否可选 1.1.0 space string nbsp：根 阅读全文

摘要：Vite 和 TypeScript 处理模块和路径别名的方式略有不同，这就是为什么你可能需要在 tsconfig.json 中进行额外配置的原因。 一、Vite 中的路径别名 在 Vite 中配置路径别名主要用于客户端代码的模块解析。Vite 使用自己的解析策略，其中包括对 import.meta. 阅读全文

摘要：一、需求场景 vue项目，axios.post提交请求之后，接收返回的response.data中，含有 \n 的字符串。那么，如何让 \n 页面中显示为换行效果？ 二、效果图对比 🔊修改前 🔊修改后 三、实现方法 1、通过 css属性实现 即：设置 white-space: pre-wrap; 阅读全文