我正在尝试使用JavaScript/TypeScript进行一个简单的API调用，并正确地返回任何数据。API的格式为XML - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

超 1.7 万个 JavaScript 文件，Etsy 大型代码库如何完成向 TypeScript 迁移？

在这个问题上，我不会详细讨论，因为构建系统有许多不同的风格，但简单地说：用 Webpack 来构建我们的 JavaScript。...它们为我们捕捉各种不良模式，帮助我们废除旧代码，并保持我们的 pull request（拉取请求）评论不跑题，没有吹毛求疵。如果它很重要，我们将尝试为其编写一个 Lint 规则。...举例来说，假设有一个函数接受 HTML 标签的名称并返回 HTML 元素。...但是理想情况下，开发者需要访问的任何数据都应该有自己的类型。几乎我们网站上所有的数据都是通过 Etsy API 实现的，所以如果我们能在那里提供类型，我们很快就可以涵盖大部分的代码库。...由于只有少数工程师正在编写 TypeScript，所以很容易从他们那里得到直接的反馈，并迅速解决他们遇到的问题。这些早期的团队为我们提供了很多 Lint 规则，这可以确保我们的文档清晰、有用。

8961 0

如何不编译使用 TypeScript

鉴于这些 TypeScript 的优势，《TypeScript 正在高速成长》这篇文章的观点就变得不足为奇了。当然，使用非标准语言方言也有缺点。...四月份发布的TypeScript 2.3支持通过注释中的类型说明来对原生 JavaScript 代码进行近代分析。您可以使用类 JSDoc 语法来描述函数功能并添加类型信息。...不需要编译安装，你甚至不需要一个 TypeScript 的配置文件，只需将注释添加到任何需要检测的 JavaScript 代码中即可。如果您尝试使用与指定类型不匹配的参数调用函数，编辑器将显示警告。...当您想要从 API 接口获取到的 JSON 数据中使用自动补全和属性访问检查时，这一点特别有用。...在异步立即执行函数的内部，我们将 GitHub API 的返回结果复制给了 issues 变量，声明上方有一个类型注释表示 issues是 Issue类型对象的数组。

2.4K4 0

您找到你想要的搜索结果了吗？

是的

没有找到

Etsy 的 TypeScript 迁移之旅

为了检查我们的类型，我们将 TypeScript 编译器作为测试套件的一部分运行，并使用它的 noEmit 选项将其配置为不实际转译任何文件。...如果一些风格很重要，我们会尝试为它编写一个 lint 规则。我们发现 linting 的一个地方是强制类型的特异性，我通常用它来表示“类型与它所描述的事物的匹配程度”。...例如，假设一个函数接受一个 HTML 标签的名称并返回一个 HTML 元素。...API 调用的改造也给我带来一些新的想法，如果我们想确保我们的API支持的所有地区都有一个标志表情，我们可以使用类型来强制执行： type Locales OASGeneratedTypes["updateCurrentLocale...跟踪报告中表明，当 TypeScript 尝试对未迁移的 Javascript 文件进行类型检查时，我们的一种类型存在问题。下面是该文件的跟踪报告（此处的宽度表示时间）。

1.2K4 0

深入学习下 TypeScript 中的泛型

在今天的内容中，我们将尝试 TypeScript 泛型的真实示例，并探索它们如何在函数、类型、类和接口中使用。...泛型出现在尖括号内的 TypeScript 代码中，格式为，其中 T 表示传入的类型。可以理解为 T 类型的泛型。...这里的 TypeScript 从调用代码本身推断泛型类型。这样调用代码不需要传递任何类型参数。...使用 JavaScript 时的另一个常见示例是使用包装函数从 API 检索数据：代码语言：javascript复制async function fetchApi(path: string) { const...第二种类型是您通过递归调用 NestedOmit 构建的新类型。如果您进行 NestedOmit 的下一次评估，对于第一次递归调用，交集类型现在正在构建一个类型以用作 a 字段的类型。

2.6K1 0

C#开发BIMFACE系列49 Web网页中加载模型与图纸的技术方案

系列47 IIS部署并加载离线数据包 C#开发BIMFACE系列48 Nginx部署并加载离线数据包从本篇博客开始，主要介绍BIMFACE与不同类型的业务系统进行集成开发应用的技术方案。...iView 与 iView 与 iView Weapp 两款组件实现并适配了PC端、移动端、小程序等常用场景，这里我比较推荐它。大家可以尝试用用。...只关注视图层，采用自底向上增量开发的设计。它目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 Vue 学习起来非常简单，目前国内很多大厂都在使用它。...增加的功能包括：类型批注和编译时类型检查类型推断、类型擦除接口、枚举泛型编程、命名空间元组、Await异步编程 TypeScript可以编译成纯JavaScript，可以运行在任何浏览器、...Ajax技术 AJAX = Asynchronous JavaScript And XML（异步的 JavaScript 和 XML）通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新

2.2K1 0

如何在 TypeScript 中使用函数

当我们在函数体中返回字符串时，TypeScript 正确地假定我们的函数具有字符串返回类型。...这些数据可以存储在任何地方，例如文件、数据库或 API 请求后面。...以下面的代码为例，其中有一个名为 sum 的函数，它接受可变数量的数字并返回它们的总和： function sum(...args: number[]) { return args.reduce((...函数重载的一个有趣的方面是，在大多数编辑器中，包括 VS Code 和 TypeScript Playground，只要我们键入函数名称并打开第一个括号来调用函数，就会出现一个弹出窗口，其中包含所有可用的重载...在这种情况下，如果 isString 返回 true，则表示 value 是一个字符串。我们还将 value 参数的类型设置为 any，因此，它适用于任何类型的值。

17K1 0

Deno 环境下的 TypeScript 开发入门手册

我每周都会探索一些新的项目，但很少会有像 Deno 这样吸引我的注意力的。在本文中，我会让你快速了解 Deno，并把它与 Node.js 进行比较，以此构建你的第一个 REST API。...Deno 在其所有 API 和标准库中使用现代 ECMAScript 功能，而 Node.js 使用基于回调的标准库，并且没有计划对其进行升级。 Deno 通过权限提供了一个沙箱安全层。...：测试的例子 welcome.ts：一个简单的 console.log 语句（我们在上面运行的第一个程序） xeval.ts 允许你为收到的任何标准输入行运行任何 TypeScript 代码。...假设你用的是 VS Code，不过你可以使用任何喜欢的编辑器。我建议从 justjavac 安装 Deno 扩展（我尝试时有另一个名称相同，但已弃用的扩展——将来可能会消失） ?...Oak 构建 REST API 我想举一个简单的例子，说明如何用 Oak 构建 REST API。

1.7K2 0

TypeScript：请停止使用 any

我们看到的大多数用法都表明我们正在处理 TypeScript 中的基本类型。在文档中我们可能会找到：（…）来不使用 TypeScript 或第3方库编写的代码的值。...any 类型是使用现有 JavaScript 的强大方法，可让您在编译期间逐渐选择加入和选择退出类型检查。 TypeScript 文档明确表达了当我们使用any类型时，我们正在告诉编译器： ?...使用 any 可能允许我们在不考虑数据如何流入逻辑的情况下更简单的开发。...如果我们显式地设置类型并更改系统中使用的API，编译器将提供它的指导。如果以后我改变主意怎么办？...但是只有在尝试其他所有方法之后才推荐使用。如果使用它，我们应该将其重新转换为可预测的类型。如果我们的函数可以真正处理任何类型，那么这种情况很少见，并且是偶然的（例如调试或日志记录函数）。

1.5K2 1

Vue3中defineEmits、defineProps 是怎么做到不用引入就能直接用的

最近正在将一个使用单文件组件的 Options API 的 Vue2 JavaScript 项目升级为 Vue3 typescript，并利用 Composition API 的优势。...我也很好奇 Vue 是如何处理接口的。 TypeScript 接口是只在设计和编译时存在的结构。它们在JavaScript运行时之前被过滤掉，那么它们是如何影响组件的行为的呢?...在进行完整的 TypeScript 传递之前，Vue webpack插件使用TypeScript的 AST（抽象语法树）来推导JavaScript版本的函数选项。...如果看一下Vue的 SFC（单文件组件）编译器源代码，有一个叫做 compileScript 的函数。我开始尝试用最少的参数来调用这个函数，这样就不会出错，并模拟任何不重要的必要参数。...最终发现了另一个叫 parse 的函数。这给了我所需的大部分参数，只剩下要mock的组件 id。这里有一个小脚本，它接收SFC的 .vue文件并输出 Vue 如何解释 TypeScript。

2.4K2 0

深入学习下 TypeScript 中的泛型

在今天的内容中，我们将尝试 TypeScript 泛型的真实示例，并探索它们如何在函数、类型、类和接口中使用。...泛型出现在尖括号内的 TypeScript 代码中，格式为，其中 T 表示传入的类型。可以理解为 T 类型的泛型。...使用 JavaScript 时的另一个常见示例是使用包装函数从 API 检索数据： async function fetchApi(path: string) { const response =...any 表示任何 JavaScript 值，使用它你将失去静态类型检查，这是 TypeScript 的主要优点之一。...第二种类型是您通过递归调用 NestedOmit 构建的新类型。如果您进行 NestedOmit 的下一次评估，对于第一次递归调用，交集类型现在正在构建一个类型以用作 a 字段的类型。

41.3K3 0

vue3.0 Composition API 翻译版(超长)

今天vue-class-component，大多数将Vue与TypeScript一起使用的用户正在使用，该库允许将组件编写为TypeScript类（在装饰器的帮助下）。...在理解组件时，我们更关心“组件正在尝试做什么”（即代码背后的意图），而不是“组件碰巧使用了哪些选项”。虽然使用基于选项的API编写的代码自然可以回答后者，但在表达前者方面做得相当差。...您可以通过简单地将其导出为函数来重用组件逻辑的任何部分。您甚至可以extends通过导出setup组件的全部功能来达到等效的效果。让我们看一个例子：跟踪鼠标的位置。...这意味着使用Vue的Composition API的代码为：总的来说，它更符合惯用的JavaScript代码的直觉；对呼叫顺序不敏感，可以有条件；在每次提炼中不反复调用，并产生较小的GC压力；无需考虑...当尝试从Svelte组件中提取逻辑并将其提取到标准JavaScript文件中时，我们将失去神奇的简洁语法，而不得不使用更为冗长的低级API。

9.4K1 0

JavaScript生态加速攻略：eslint

在创建该类的新实例时，它调用了两个函数，这两个函数似乎都会启动搜索。不过，如果不了解它正在做什么，第一个函数可以被排除在外，因为它不包含任何形式的循环。...该算法的描述如下： findIndex() 是一种迭代方法。它按升序顺序为数组中的每个元素调用提供的 callbackFn 函数，直到 callbackFn 返回一个真值。...我强烈建议访问该网站并尝试使用各种代码片段进行操作。这将帮助你更好地了解我们工具的AST格式有多相似或者多不同。然而，在 eslint 的情况下存在一个问题。...但是，如果你确信自己没有使用它们的任何规则，并且只是想要理解TypeScript的语法并更快地进行代码检查，那么切换到Babel的解析器是一个不错的选择。...它不需要选择器引擎，不需要不断进行 AST 转换，只需要解析代码并检查各种规则。所以我用一个非常简单的 API 包装了 babel 的解析器，并添加了自定义遍历逻辑来遍历 AST 树。

1.2K2 0

“别更新了，学不动了” 之：全栈开发者 2019 应该学些什么？

但是，有一件事是肯定的：2019 年对全栈开发者的需求量很大。在本文中，我将向你概述一些趋势，你可以尝试根据这些趋势来确定你可能要投入的时间。简单地说，全栈开发者就是可以构建完整应用程序的人。...对于一个真正的全栈开发者，你可以在 2019 年选择这三个框架中的任何一个。来自React 16 的更新你需要了解 React 的基础知识及其基于单向数据流架构的组件。...这意味着你需要知道如何使用 React.lazy() 和进行代码拆分，使用 React.memo 进行优化，并时刻关注新功能，如 React Hooks，它可能会给...工具你应该使用的 NPM 包 Prettier——让你可以专注于你正在写的代码，而不是去关心代码的格式； https://prettier.io/ eslint——保持代码整洁； https...2019 年，我们将可以看到机器学习 API 在 Web 上的应用，而不是从头开始构建自己的机器学习模型。因为与上述大型科技巨头不同，大多数人或公司无法为机器学习提供足够的资源或数据。

3.5K3 0

10个最受欢迎的 JavaScript 框架，以及它们的主要特征和功能

多年来，业界已经发布了大量 JavaScript 框架，怎样进行选择可能是一个挑战。如果你感到困惑，不知道应该选哪个或者究竟哪个适合你，那么我已经帮你解决了问题。...JavaScript 接口通常更难以开发和组织。如果你正在寻找一种快速，简单且易于使用的解决方案，那么应该就是它了。 2....JSX：React 使用了 JSX，这是一个使用 HTML 引用的简单 JavaScript，而不是用于模板的 JavaScript。...这意味着基于 Node.js 的服务器永远不会等待 API 返回数据。服务器在调用它之后移动到下一个 API，并且事件的通知机制帮助服务器从先前的 API 调用获得响应。...Meteor Meteor 是一个用 NodeJS 编写的免费开源 JavaScript 框架。它允许进行快速原型设计并生成跨平台代码。

5.9K1 0

最全面的 Deno 入门教程

让我们的第一个 Deno 应用程也从这里开始。在命令行中，为你的 Deno 项目创建一个文件夹，进入到该文件夹，并创建一个新文件。...你可以在这个网站上阅读有关技术的最新新闻。我喜欢在自己的教程中使用 Hacker News 的 API。为了学习有关 Deno 和权限中的数据获取的知识，我们将用这个 API 来获取数据。...)); 如果你用 JavaScript 写过前端程序，则可能已经注意到，我们所使用的浏览器 API 为客户端程序提供了相同的 fetch API（或至少使用相同实现细节的接口）。...serve 函数为我们创建了一个 Web 服务器，可通过已定义的端口[6]对其进行访问。JavaScript for await ... of[7] 用于遍历每个传入此服务器的请求。...我们已经导入了要测试的函数（即 mapStory），该函数实际上只接收一个文章列表数组，并返回具有较少属性和格式化日期的新文章数组。

4.1K1 0

实战 ASP.NET Web API

Web API 的开发类似于 ASP.NET MVC 中控制器的开发，但是相对于直接使用 ASP.NET MVC 来返回 Json 对象的方式而言，Web API 封装了数据的序列化、反序列化，接口、实现都更加简单...简单地说，如果要向浏览器、移动端提供 Json 数据格式的 API，则应该首选 Web API 作为通信框架。以下，我列出了在当前使用 Web API 开发系统时，遇到的几个知识点或问题。...数据序列化 Web API 框架目前支持两种数据格式的序列化：Json 及 Xml。...在不做任何配置的情况下，如果 Http 请求中，HttpHeader 中 Accept 被指定为 accept: application/xml，则 Web API 会自动把数据使用 xml 进行序列化...Json 序列化支持对匿名类型进行进行序列化，这大大方便了开发人员，例如，我们可以随意组装数据并直接返回： 1: [HttpGet] 2: public IEnumerable AllGet

1.9K5 0

带你认识 flask ajax 异步请求

如果语言监测为未知，或者如果我得到意想不到的长字符串的结果，我会将一个空字符串保存到数据库中以安全地使用它。...我将采用约定，将任何将把语言设置为空字符串的帖子假定为未知语言 04 展示一个 ‘翻译’链接第二步很简单。...异步（Ajax）请求类似于我在应用中创建的路由和视图函数，唯一的区别是它不返回HTML或重定向，而是返回数据，格式为XML或更常见的JSON。...你可以在下面看到翻译视图函数，该函数调用Microsoft Translator API，然后返回JSON格式的翻译文本： app/routes.py：文本翻译视图函数 from flask import...ID，后两个参数是源语言和目标语言代码该函数从一个很好的接触开始：它添加一个加载器替换翻译链接，以便用户知道翻译正在进行中。

5.3K2 0

我的一周头条 2352

基于 rollup 封装的工具我使用自己的 tsbb 工具打包，部分包也是使用 rollup 来发布，如果您不是专家，可以尝试使用 bunkee 来发布你的包。...设计时考虑到简单性和类型安全，允许您使用熟悉的 API（例如 Express 和 Fastify）创建服务器。...■ TypeScript - 丰富的类型系统，提供完整的 TypeScript 体验 ■ JSX 模板引擎 - 前端开发人员熟悉的体验 ■ 符合人体工程学的设计 - 用于构建服务器的简单且熟悉的 API...示例：根据 ID 对表 A 和表 B 进行 RIGHT JOIN 将返回表 B 中的所有记录，对于表 A 中根据 ID 匹配的记录，也将获得其数据。...30‍ 您正在学习 JavaScript 并想练习吗？

1.1K1 0

如何规范地发布一个现代化的 NPM 包？

esm 对打包工具来说更容易正确地进行 treeshaking，因此对于库来说，拥有这种格式很重要。或许在将来的某一天，你的库只需要输出 esm。...最后，如果你正创建一个不依赖任何打包工具可以直接在浏览器中使用的产出（通常是 umd 格式，但也可以是现代的 esm 格式）。...在这种情况下，你应该对代码进行压缩，并创建 sourcemap，并输出到一个单文件。创建 sourcemap 对源代码进行任何形式的编译，都将导致未来某个异常的位置，无法与源码对应起来。...必要的编译编译 TypeScript、将 JSX 转换为函数调用如果库的源码是需要进行编译的形式，如 TypeScript、React 或 Vue 组件等，那么你库需要输出的是编译后的代码。...例如：你的 TypeScript 代码应该输出为 JavaScript。

2.9K2 0

现代 JavaScript 库打包指南

esm 对打包工具来说更容易正确地进行 treeshaking，因此对于库来说，拥有这种格式很重要。或许在将来的某一天，你的库只需要输出 esm。...一个例外是，如果你要创建一个不依赖任何打包工具可以直接在浏览器中使用的产出（通常是 umd 格式，但也可能是现代的 esm 格式）。在这种情况下，最好让浏览器请求一个大文件，而不是请求多个小文件。...最后，如果你正创建一个不依赖任何打包工具可以直接在浏览器中使用的产出（通常是 umd 格式，但也可以是现代的 esm 格式）。...在这种情况下，你应该对代码进行压缩，并创建 sourcemap，并输出到一个单文件。创建 sourcemap 对源代码进行任何形式的编译，都将导致未来某个异常的位置，无法与源码对应起来。...例如：你的 TypeScript 代码应该输出为 JavaScript。

2.8K2 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭