古兰精

2021年10月19日

摘要：一、TypeScript 泛型软件工程中，我们不仅要创建一致的定义良好的API，同时也要考虑可重用性。组件不仅能够支持当前的数据类型，同时也能支持未来的数据类型，这在创建大型系统时为你提供了十分灵活的功能。在像C#和Java这样的语言中，可以使用泛型来创建可重用的组件，一个组件可以支持多种类型的阅读全文

posted @ 2021-10-19 21:33 古兰精阅读(1305) 评论(1) 推荐(0) 编辑

TypeScript函数（与js函数区别、返回值类型、必填参数可选参数默认参数剩余参数、函数重载）、接口（对象形状描述、可选属性只读属性、索引签名任意属性、接口与类型别名的区别、声明合并、接口继承）、类（类的属性和方法、私有字段、存取器、继承、访问控制修饰符、类的方法重载）

摘要：一、TypeScript 函数 1、TypeScript 函数与 JavaScript 函数的区别：我们主要看一下不同的 TypeScript 函数：函数有类型、函数有返回值类型、参数有类型、有必填和可选参数、有函数重载 JavaScript 函数：函数无类型、函数无返回值类型、参数无类型、所有参数阅读全文

posted @ 2021-10-19 15:17 古兰精阅读(456) 评论(0) 推荐(0) 编辑

2021年10月18日

TypeScript类型守卫、联合类型、交叉类型

摘要：一、类型守卫类型保护是可执行运行时检查的一种表达式，用于确保该类型在一定的范围内。换句话说，类型保护可以保证一个字符串是一个字符串，尽管它的值也可以是一个数值。类型保护与特性检测并不是完全不同，其主要思想是尝试检测属性、方法或原型，以确定如何处理值。目前主要有四种的方式来实现类型保护： 1、in 阅读全文

posted @ 2021-10-18 22:55 古兰精阅读(1015) 评论(0) 推荐(0) 编辑

Vue3+ts+eslint报错记录及解决：warning Unexpected any. Specify a different type、warning Delete `·` 、Missing return type on function、Require statement not part of import statement、Unnecessary escape character

摘要：一、警告：warning Unexpected any. Specify a different type @typescript-eslint/no-explicit-any 解决方案：关闭any类型的警告。 // 在 .eslintrc.js文件中找到rules 添加一行代码即可 "@types 阅读全文

posted @ 2021-10-18 17:37 古兰精阅读(5740) 评论(0) 推荐(1) 编辑

2021年10月17日

Vue3结合TS项目开发实践：Composition API的风格理念、关注点分离、如何组织TS进行项目开发（采用声明文件来管理接口及所需类型/目录结构推荐）

摘要：一、composition Api compositon Api的本质体现在代码里面，也就是一个setup函数，在这个setup函数中，返回的数据，会用到该组件的模板中。return的这个对象，一定程度上，代表了之前vue2中的data属性。这时候，对于大多数初学者来说，可能存在的疑惑就是，那么我阅读全文

posted @ 2021-10-17 22:33 古兰精阅读(2445) 评论(0) 推荐(0) 编辑

2021年10月15日

浅析TypeScript中const和readonly的区别、枚举和常量枚举的区别以及关于typescript中枚举的相关知识

摘要：一、const 和 readonly 的区别 1、TypeScript 中不可变量的实现方法有两种：使用 ES6 的 const 关键字声明的值类型被 readonly 修饰的属性 2、TypeScript 中 readonly： TypeScript 中的只读修饰符，可以声明更加严谨的可读属性阅读全文

posted @ 2021-10-15 18:13 古兰精阅读(2895) 评论(0) 推荐(1) 编辑

浅析vue2中 Options API 和vue3中 Composition API 的对比

摘要： Componsition API 是 vue3 的一个很大的更新，也是很大的一个优点。为什么要更新呢？肯定是 vue2 的 Options API 有问题，本文就两者的区别做个介绍。一、vue2 的 Options API 1、Options API - 又叫选项API 在 VUE2 中我们是如何阅读全文

posted @ 2021-10-15 17:09 古兰精阅读(3003) 评论(0) 推荐(0) 编辑

浅析setup sugar：使用与不使用 script setup 的繁杂性对比、具体如何使用 script setup、setup存在的限制（配置项缺失的处理）

摘要：一、使用与不使用 script setup 的对比 1、不使用 script setup 的繁杂性我们之前的组件可能是这样的： <template> <div> <Card>{{msg}}</Card> </div> </template> <script lang="ts"> import { 阅读全文

posted @ 2021-10-15 16:21 古兰精阅读(1386) 评论(0) 推荐(1) 编辑

摘要：一、Vue3.x 应用配置 config：包含Vue应用程序全局配置的对象，在挂载应用之前配置相应的属性。 const app = Vue.createApp({}); app.config = {...}; 1、devtools（类型：Boolean，默认：true）概述：配置是否允许开启vue 阅读全文

posted @ 2021-10-15 15:32 古兰精阅读(1849) 评论(0) 推荐(0) 编辑

浅析Vue3新特性-Teleport（任意传送门也称瞬间移动）：为什么需要Teleport、与React的Portals特性、如何使用（直接使用、与组件搭配使用、使用多个teleport）、teleport API（to及disabled使用介绍）

摘要： Teleport 是什么？它解决的是什么问题？一、使用场景 - 为什么我们需要 Teleport Teleport 是一种能够将我们的模板移动到 DOM 中 Vue app 之外的其他位置的技术。 1、使用场景：业务开发的过程中，我们经常会封装一些常用的组件，例如 Modal 组件。相信大家在使阅读全文

posted @ 2021-10-15 13:40 古兰精阅读(1812) 评论(0) 推荐(0) 编辑

公告