原创 koa2+ts中爲Context擴展自定義屬性

問題來源 爲了簡化 ctx.body 賦值操作,想要在 ctx 擴展兩個自定義方法, success 及 error 使用起來如下 // 響應成功狀態請求 ctx.success({ username: 'test' });

原创 webpack Dll(預編譯) 進階優化

轉載聲明: 作者:鹵代烴 文章原標題:辛辛苦苦學會的 webpack dll 配置,可能已經過時了 鏈接:https://segmentfault.com/a/1190000020485804 來源:思否(segmentfaul

原创 常用中間件原理淺析

常用中間件原理淺析 Koa2 中間件原理 /** * Compose `middleware` returning * a fully valid middleware comprised * of all those wh

原创 TypeScript高級類型-Partial

TypeScript高級類型-Partial 預備知識: TypeScript類型系統 接口 泛型 先來看一下 Partial 類型的定義 /** * Make all properties in T optional

原创 Ant Design 組件small、default、large自定義

Ant Design 組件small、default、large自定義 定製主題 項目中常見於Ant Design 的樣式變量覆蓋 下面是一些常用的通用變量 @ant-prefix: ant; // ant design 類名前綴

原创 React16常用自定義Hooks封裝

/* eslint-disable import/prefer-default-export */ import { useState, useRef, useEffect, useReducer } from 'react';

原创 TypeScript高級類型-條件類型

TypeScript高級類型-條件類型 文章目錄TypeScript高級類型-條件類型爲什麼需要條件類型?條件類型是什麼及其使用條件類型與聯合類型分佈式條件類型條件類型與映射類型條件類型中的類型推斷 預備知識: 泛型 高級類型

原创 TypeScript高級類型-內置實用工具類型

TypeScript高級類型-內置實用工具類型 預備知識 TypeScript高級類型-Partial TypeScript高級類型-條件類型(重要前置知識) TypeScript高級類型-實用技巧 Partial<T> 將泛

原创 TypeScript-工具類型的設計

TypeScript-工具類型的設計 文章目錄TypeScript-工具類型的設計預備知識嘗試解一道面試題工具類型分析與設計注意事項如何訓練工具類型的編寫呢? 預備知識 TypeScript高級類型-Partial TypeSc

原创 TypeScript高級類型-實用技巧

TypeScript高級類型-實用技巧 文章目錄TypeScript高級類型-實用技巧預備知識類型遞歸特殊關鍵字註釋is 關鍵字泛型約束 預備知識 TypeScript高級類型-Partial TypeScript高級類型-條件

原创 TypeScript-易混淆點解讀

TypeScript-易混淆點解讀 文章目錄TypeScript-易混淆點解讀字面量類型類型字面量可辨識聯合類型類型別名與接口的異同點相同點不同點 字面量類型 字面量是JavaScript本身提供的一個準確變量,其主要分爲字符串字

原创 mobx-react-lite + Context 使用不完全指南

mobx-react-lite + Context 使用不完全指南 mobx-react-lite 是 mobx-react 的輕量版,增加了對函數式組件 hooks 的支持 隨着 React Hooks 的推出,讓我們在不編

原创 TypeScript useRef 使用問題

TypeScript useRef 使用問題 interface IModalReturn { destroy: () => void; update: (newConfig: ModalFuncProps) => vo

原创 TypeScript 3.7 帶來了哪些好用的功能

TypeScript 3.7 帶來了哪些好用的功能 文章目錄TypeScript 3.7 帶來了哪些好用的功能Optional Chining(可選鏈)Nullish Coalescing`--declaration` and `

原创 React Hooks簡易實現redux狀態管理

React Hook中提供的 useContext 、 useReducer 以及 context API可以實現類redux的狀態管理功能,具體API的使用方法見官方文檔,這裏結合 TypeScript 演示如何進行組件的狀態管