typescript
文章平均质量分 79
以实战为线索,学习ypescript
卸载引擎
世上本没有码,搬的人多了便有了码。
展开
-
【JS】jsx/tsx是什么?为什么 Vue3 的组件库都在使用 jsx/tsx?如何在Vue3中使用 jsx/tsx?
前几天得到一个疑问,为什么 React 要用 JSX 语法,这样显得代码好像“很耦合”。按照传统应推荐 html、js、css 模版分离,这样设计的优越性到底在哪里?原创 2023-03-10 11:41:00 · 2526 阅读 · 7 评论 -
【TS】TypeScript泛型 T 的用法详解
泛型,从字面上理解,泛型就是一般的,广泛的的意思。TypeScript中泛型(Generics)是指在定义函数、接口或类的时候,不预先指定具体类型,而是在使用的时候再指定类型的一种特性。泛型中的T就像一个占位符、或者说一个变量,在使用的时候可以把定义的类型传入,它可以原封不动地输出。,这些成员可以是:函数参数、函数返回值、类的实例成员、类的方法等。原创 2023-03-09 17:03:22 · 2261 阅读 · 0 评论 -
【TS】TypeScript声明文件(.d.ts)的使用
当我们在TS文件中需要引入外部库时,编译时是无法判断传入参数的类型的,所以我们需要在引入前加入一个声明文件来帮助ts判断类型。当然现在大部分库都自带有自己的声明文件,一般在@types目录下。原创 2022-12-13 08:51:26 · 3514 阅读 · 0 评论 -
【axios】封装axios
Axios是一个基于 promise的 HTTP`库,可以用在浏览器和node.js中。(本文围绕XHR)axios提供两个http请求适配器,XHR和HTTP。XHR的核心是浏览器端的XMLHttpRequest对象;HTTP的核心是node的http.request方法。原创 2022-06-27 16:12:15 · 3104 阅读 · 0 评论 -
【TS】在 TypeScript 中,我们使用接口(Interfaces)来定义对象的类型
一、什么是接口在 TypeScript 中,我们使用接口Interfaces来定义对象的类型。可以用来约束一个对象,函数,以及类的结构和类型。在面向对象语言中,接口Interfaces是一个很重要的概念,它是对行为的抽象,而具体如何行动需要由类classes去实现implement。TypeScript 中的接口是一个非常灵活的概念除了可用于对类的一部分行为进行抽象以外,也常用于对对象的形状(Shape)进行描述。二、定义接口2.1 默认定义接口一般首字母大写interface Pe原创 2022-05-27 16:08:31 · 2212 阅读 · 0 评论 -
Openlayers 快速上手教程
通过上面例子可以看出 Openlayers 使用很简单,首先定义一个 Map,这是 Openlayers 的核心,它是一个容器,所有动作、设置等都在 Map 中展开。下面对上面 demo所简要说明:1. 将 Map 容器与 HTML 元素(这里是 DIV 元素 `map-id`)做绑定,Map 提供有 `target` 属性来绑定;2. 将图层 Layer 添加到 Map 中,这里是一个瓦面图层 `ol.layer.Tile`;3. 图层是一个包装盒,需要给图层添加具体的数据源:`new ol.s原创 2022-03-12 14:26:44 · 36181 阅读 · 13 评论 -
【Vue】vue2.6使用TS之vue-class-component与vue-property-decorator使用详解
(1)vue-class-component 是官方出品; vue-property-decorator 是社区出品;(2)vue-class-component 提供了Vue、Component等;(3)vue-property-decorator深度依赖了vue-class-component,拓展出了更多操作符:@Prop、@Emit、@Inject、@Model、@Provide、@Watch;原创 2022-03-06 15:11:05 · 4418 阅读 · 4 评论 -
【前端】常见英文缩写汇总、解析(持续更新...)
常见英文缩写汇总(持续更新...)1. Aasync3. CcamelCaseCLI8. HHMR11. K14. Nnpm16. PpropsProxy19.SSFCSPASSOT20. Rrefs21. S22. Ttsc23. WWDS1. Aasyncasync表示asynchronous异步的3. CcamelCasecamelCase骆驼拼写法,“骆驼拼写法”又分为两种:第一个词的首字母小写,后面每个词的首字母大写,叫做“小骆驼拼写法”(lowerCamelCase);第一个词的首字原创 2022-03-03 15:28:19 · 573 阅读 · 0 评论 -
【ES6】es6数组中对象去重,数组对象去重方法总结---filter()与reduce()实践
es6数组中对象去重,数组对象去重方法总结---filter()与reduce()实践。利用reduce()方法的累积器作用,在对由对象组成的数组进行遍历时,通过对象```hasObj```来标记数组中每个元素id是否出现过。如果出现过,那么遍历到的当前元素则不会放入到累积器中,如果没有出现,则添加到累积器中,这样保证了最后返回值中每个数据id的唯一性。原创 2022-03-02 22:04:49 · 14167 阅读 · 2 评论 -
【ES6】es6常用小技巧汇总 (持续更新中...)
es6常用小技巧汇总 (持续更新中...)原创 2022-02-27 11:19:27 · 1019 阅读 · 0 评论 -
JS中各种循环遍历方式:for-in,for-of,forEach(),filter(),map(),some() ,every(),reduce(),reduceRight()的用法
1. for…in 、for…of常用于遍历对象。for…in循环读取键名,for…of循环读取键值。如果要通过for…of循环,获取数组的索引,可以借助数组实例的entries方法和keys方法。let list = [4, 5, 6];for (let i in list) { console.log(i+'-'+list[i]); // 打印: 0-4,1-5,2-6}for (let i of list) { console.log(i); // 打印: 4,5,6}原创 2021-05-22 22:26:59 · 10029 阅读 · 7 评论 -
【Angular】Angular中管道的使用---匹配搜索结果中的关键词并高亮显示
【Angular】Angular中管道的使用---匹配搜索结果中的关键词并高亮显示原创 2022-01-14 14:10:18 · 350 阅读 · 0 评论 -
【Angular/TS】一文弄懂安全导航操作符(?.)、非空断言操作符/可选链(?.) 、空值合并运算符
typescript安全导航操作符、非空断言操作符、可选链原创 2021-10-21 17:13:27 · 1976 阅读 · 0 评论