当前位置: 首页 > news >正文

网上做流量对网站有什么影响新闻稿代写

网上做流量对网站有什么影响,新闻稿代写,建设部法律法规网站,兰州网站建设q.479185700棒1 背景 对于为第三方模块/库写声明文件之前,我们需要知道第三方模块/库,是否需要声明文件,或者是否已有声明文件。 若第三方模块/库,是ts编写且无声明文件, 可以使用--declaration配置选项来生成;可以在命…

1 背景

对于为第三方模块/库写声明文件之前,我们需要知道第三方模块/库,是否需要声明文件,或者是否已有声明文件。

  • 若第三方模块/库,是ts编写且无声明文件, 可以使用--declaration配置选项来生成;可以在命令行中添加 --declaration(简写 -d),或者在 tsconfig.json 中添加 declaration:true 选项
  • 若第三方模块/库,是js编写,分为两种情况:
    • 与该 npm 包绑定在一起,可以通过查找该库的package.json中的types 或者 typings属性
    • 发布到 @types 里,可以在官方提供的第三方声明文件库(http://microsoft.github.io/TypeSearch/)中查找

如若上面的情况都不符合, 则需要我们自己手写声明文件。

2 概念

通常我们将有关于一些全局变量或者引入的模块对应的类型声明语句存在一个单独的文件,这样的文件就被成为声明文件

注意,声明文件一定要以 [name].d.ts 结尾。

3 tsconfig.json

.d.ts 文件中的顶级声明必须以 declareexport 修饰符开头。

通过declare声明的类型或者变量或者模块,在include包含的文件范围内,都可以直接引用而不用去import或者import type相应的变量或者类型。

如果声明文件中的类型没有生效,可以检查一下tsconfig.json文件中的include字段是否包含了这个.d.ts文件。

使用tsc编译的时候,会先解析.d.ts全局模块声明文件,然后再解析.ts文件,所以我们只要定义了.d.ts文件,那我们在任何地方都可以使用里面的全局声明的类型。

4 用法

4.1 扩展npm包的类型

通常在我们可以利用 declare module 语法在进行新模块的声明的同时,也可以使用它来对于已有第三方库进行类型定义文件的扩展

在进行模块扩展时,需要额外注意如果是需要扩展原有模块的话,需要在类型声明文件中先引用原有模块,再使用 declare module 扩展原有模块

比如,我们在使用View组件的时候,需要自定义传一些参数,比如testID这样子的,但是View并不支持testID属性,所以我们可以全局配置一下:

// eslint-disable-next-line @typescript-eslint/no-unused-vars
import * as ReactNative from 'react-native';declare module 'react-native' {interface ViewProps {testID?: string;}
}

4.2 扩展全局变量

比如,假设我们想为 string 类型的变量扩展一个 hello 的方法。正常扩展后全局调用该方法 TS 是会提示错误的。

此时就需要我们通过类型定义文件来进行全局变量的扩展:

// types/index.d.ts 利用接口合并,扩展全局的 String 类型
// 为它添加一个名为 hello 的方法定义
interface String {hello: () => void;
}// 此后,我们就可以直接在全局中自由的调用该 hello 方法了:
'a'.hello()

另一种情况,在 TS 项目中我们需要引入一些后缀为 png 的图片资源,那么此时 TS 是无法识别此模块的。

在这里插入图片描述

在全局的声明文件(比如globel.d.ts)里添加如下声明:

declare module '*.png' {const img: number;export default img;
}declare module '*.jpg' {const img: number;export default img;
}declare module '*.gif' {const gif: number;export default gif;
}

5 参考文档

巧妙利用TypeScript模块声明帮助你解决声明拓展

TypeScript一般在项目的根目录有global.d.ts 文件,请问有什么用呢?

声明文件

Global .d.ts

http://www.ds6.com.cn/news/13724.html

相关文章:

  • 给期货交易类做网站违法吗线上商城的推广方案
  • 今日新闻国际最新消息seo外链要做些什么
  • 网站备案需要年检吗短视频推广平台有哪些
  • 福田网站开发seo是什么职业
  • 做暧暧动态网站网络销售平台排名
  • 连云港疫情最新消息安卓优化大师旧版
  • 北京计算机培训机构前十名杭州seo托管公司推荐
  • 广科网站开发竞价出价怎么出
  • 网站续费精准营销推广
  • 做一个网站服务器内部搜索引擎优化
  • 网站建设网页设计培训学校推广app软件
  • 建设银行网站在线客服是真的吗友情链接交换统计表
  • 杭州集团网站建设方案简易网站制作
  • 重庆网站建设制作设计公司哪家好百度优化培训
  • 做网站的客服回访话术网络黄页平台网址有哪些
  • 微信微网站制作教程注册城乡规划师好考吗
  • 英语网站案例成都网站排名优化公司
  • 网站排名分析 用户需求西安seo教程
  • asp.net网站怎么做网络推广平台大全
  • 做视频的网站带模板下载如何制作自己的网址
  • 广西汽车网网站建设杨谦教授编的营销课程
  • 请问做网站和编程哪个容易些24小时最新国际新闻
  • 海南百度网站建设关键词搜索引擎
  • 南宁武鸣区建设局网站app推广引流方法
  • 贵州网站制作哪家好google秒收录方法
  • 程序小程序开发seo推广的网站和平台有哪些
  • 做网站敲代码的图片怎么找平台推广自己的产品
  • word可以做招聘网站吗今日热点新闻事件
  • 河南建设河南勘察设计协会网站百度极速版下载安装最新版
  • 上门做网站哪家好竞价广告是什么意思