随笔分类 - TypeScript
摘要：JS解构的用法想必大家都知道，但解构时可以赋予别名大家就不一定都了解了。 起因：在公司项目中希望通过传入的参数动态生成组件标签。 解决方式：对入参解构，赋予别名，并使用别名作为组件标签。 先解释JS中解构的别名 const obj = { x: 1 }; //otherName为x的别名 const
阅读全文
摘要：1：下载运行Redis Windows https://github.com/MSOpenTech/redis/releases 运行： C:\Program Files\Redis\redis-server.exe redis.windows.conf 运行成功后，可以在Services中看到Re
阅读全文
摘要：既然使用了Typescript，自然会想到oop的那些设计模式。 传统的GOF设计模式，这里就不提及了，相关资料太多。 这里想讲述一下如何实现AOP、IOC两种设计模式。 一）AOP(面向切面编程) aop在.net、java等平台上都有成熟的实现。举例说明其现实需求：假设有一个业务方法doSome
阅读全文
摘要：新建项目文件夹： mkdir react-setup cd react-setup mkdir public src touch public/index.html touch src/app.js 配置及依赖： npm init -y npm install webpack webpack-cli
阅读全文
摘要：一） 安装基础依赖 Npm init -y npm install webpack webpack-cli --save-dev npm install typescript ts-loader --save-dev npm install jest @types/jest ts-jest --sa
阅读全文
摘要：起因：想要重构原有的基于JQuery项目， 该项目中原来的开发人员扩展了一些JQuery方法，导致@typescript/jquery库中没有这些方法的定义。 解决方法：使用TypeScript的类型申明扩展 代码如下： export interface JQueryStatic { } expor
阅读全文
摘要：为什么要使用eslint、airbnb配置项？ 因为： ESLint + Airbnb = Standard JS 步骤如下： 1：create-react-app cra-eslint-airbnb-sample --template typescript 2：cd cra-eslint-airb
阅读全文
摘要：1: any 和 unknown类型的区别 any可以避开类型检查， 比如 let notSure: any = 'XXXXX'; notSure.Hello(); unknown在使用时必须进行类型断言： let x: unknown = 'xxxxxx'; console.log((x as s
阅读全文
