Typescript
文章平均质量分 70
roamingcode
学而时习之
展开
-
迁移Koa中间件模型至前端业务中
Koa 链式中间件原理常见中间件原理浅析其核心关键点在于中间件的之间的链式调用-实现方法则是在当前中间件中保存下一个中间件的引用洋葱圈模型的实现依赖于 async ... await,这也决定了中间件的固定写法async function commonMiddleware(ctx, next){ try{ // do something await next() // do something } .catch(err){ // handle原创 2021-03-22 17:46:10 · 189 阅读 · 0 评论 -
TypeScript-工具类型的设计
TypeScript-工具类型的设计文章目录TypeScript-工具类型的设计预备知识尝试解一道面试题工具类型分析与设计注意事项如何训练工具类型的编写呢?预备知识TypeScript高级类型-PartialTypeScript高级类型-条件类型(重要前置知识)TypeScript高级类型-实用技巧尝试解一道面试题原题地址详细描述可见上面链接,这里只说明一下核心点我们有一...原创 2020-02-03 13:19:40 · 384 阅读 · 0 评论 -
TypeScript-易混淆点解读
TypeScript-易混淆点解读文章目录TypeScript-易混淆点解读字面量类型类型字面量可辨识联合类型类型别名与接口的异同点相同点不同点字面量类型字面量是JavaScript本身提供的一个准确变量,其主要分为字符串字面量类型、数字字面量类型、真值字面量类型、枚举字面量类型、大整数字面量类型。// 字符串字面量类型let foo: 'Hello';foo = 'Bar'; // ...原创 2020-02-02 11:36:24 · 719 阅读 · 0 评论 -
TypeScript高级类型-内置实用工具类型
TypeScript高级类型-内置实用工具类型文章目录TypeScript高级类型-内置实用工具类型预备知识`Partial``Required``Readonly``Pick预备知识TypeScript高级类型-PartialTypeScript高级类型-条件类型(重要前置知识)TypeScript高级类型-实用技巧Partial<T>将泛型 T 中的所有属性转化为可...原创 2020-02-01 18:15:49 · 1476 阅读 · 0 评论 -
TypeScript高级类型-实用技巧
TypeScript高级类型-实用技巧文章目录TypeScript高级类型-实用技巧预备知识类型递归特殊关键字注释is 关键字泛型约束预备知识TypeScript高级类型-PartialTypeScript高级类型-条件类型类型递归在 TypeScript 中有这样一个内置类型工具 Required<T>,它可以将对象类型 T 上的所有 可选属性 转化为 必填属性。先...原创 2020-02-01 15:29:36 · 1865 阅读 · 0 评论 -
TypeScript 3.7 带来了哪些好用的功能
TypeScript 3.7 带来了哪些好用的功能文章目录TypeScript 3.7 带来了哪些好用的功能Optional Chining(可选链)Nullish Coalescing`--declaration` and `--allowJs`Optional Chining(可选链)Optional Chining 核心点在于它允许我们写出在遇到 null 或者 undefined 时...翻译 2020-01-31 17:17:17 · 942 阅读 · 0 评论 -
TypeScript高级类型-条件类型
TypeScript高级类型-条件类型预备知识:泛型高级类型为什么需要条件类型?在TypeScript使用过程中,我们一般会直接指定具体类型比如:let str: string = 'test';然而,我们在编写代码的过程中,会遇到不能明确指定其具体类型的情况比如:declare function f<T extends boolean>(x: T): T e...原创 2020-01-30 13:18:20 · 3733 阅读 · 0 评论 -
TypeScript高级类型-Partial
TypeScript高级类型-Partial预备知识:TypeScript类型系统接口泛型先来看一下 Partial 类型的定义/** * Make all properties in T optional */type Partial<T> = { [P in keyof T]?: T[P];};假设我们有一个定义 user 的接口,如下int...原创 2020-01-29 22:50:12 · 38373 阅读 · 2 评论 -
TypeScript useRef 使用问题
TypeScript useRef 使用问题interface IModalReturn { destroy: () => void; update: (newConfig: ModalFuncProps) => void;}let confirmModalRef = useRef<IModalReturn>(null);confirmModalRef...原创 2020-01-13 10:13:59 · 17113 阅读 · 0 评论 -
React Hooks简易实现redux状态管理
React Hook中提供的 useContext 、 useReducer 以及 context API可以实现类redux的状态管理功能,具体API的使用方法见官方文档,这里结合 TypeScript 演示如何进行组件的状态管理首先创建共享数据的Store组件 BgStore.tsximport * as React from 'react';interface IState { //...原创 2019-09-15 22:59:34 · 815 阅读 · 0 评论 -
Create React App文档说明(二)
绝对路径导入可以对工程做一些配置使其支持 绝对路径 导入,其结果跟在 webpack 中配置路径别名效果相同具体配置如下:在工程下创建 jsconfig.json 文件(若是基于 TypeScript 开发,则是 tsconfig.json)在 jsconfig.json 中添加基路径配置{ "compilerOptions": { "baseUrl": "src"...翻译 2019-05-16 17:32:34 · 344 阅读 · 0 评论 -
创建React16.6,Mobx5 和 Typescript3 初始工程
Getting started with MOBX 5 and TypeScript 3, React 16.6原文为一篇英文文章,整篇几乎不用翻译即可看懂,这里只做简要注解,转载信息见文末。When looking around for example applications that use Mobx 5.x combined with Mobx-react 5.xand Type...转载 2019-01-31 12:52:47 · 763 阅读 · 0 评论 -
Vue中Props(不可变状态)
单向数据流所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定:父级 prop 的更新会向下流动到子组件中,但是反过来则不行。这样会防止从子组件意外改变父级组件的状态,从而导致你的应用的数据流向难以理解。额外的,每次父级组件发生更新时,子组件中所有的 prop 都将会刷新为最新的值。这意味着你不应该在一个子组件内部改变 prop。如果你这样做了,Vue 会在浏览器的控制台中发出...原创 2018-09-28 18:10:14 · 2056 阅读 · 0 评论 -
Vue+Typescript踩坑记录
简述近日项目技术选型为Vue+Typescript,终于也得体验一把typescript的强大,其相关依赖库版本如下,截止今日皆为最新版本号: "flyio": "^0.6.1", "iview": "^3.1.2", "vue": "^2.5.17",原创 2018-09-26 20:05:36 · 11877 阅读 · 1 评论