- 近年来,前端开发领域迅猛发展,各种新技术、新框架、新工具和新的开发理念,层出不穷。另一方面,前端应用的规则和复杂度也大大增加。虽然 JavaScript 已经成为 Web 前端开发最普遍使用的编程语言,但 JavaScript 诞生之初,并不是为了开发超大规模的复杂前端应用而设计的。作为一门动态类型编程语言,JavaScript 缺乏类型检查支持,使得许多代码问题直至运行时才能被发现,降低了... 近年来,前端开发领域迅猛发展,各种新技术、新框架、新工具和新的开发理念,层出不穷。另一方面,前端应用的规则和复杂度也大大增加。虽然 JavaScript 已经成为 Web 前端开发最普遍使用的编程语言,但 JavaScript 诞生之初,并不是为了开发超大规模的复杂前端应用而设计的。作为一门动态类型编程语言,JavaScript 缺乏类型检查支持,使得许多代码问题直至运行时才能被发现,降低了...
- 新建一个文件夹 ui5-ts, 执行命令行 npm init -y 初始化:新建一个 src 文件夹,里面存放一个 Component.ts 文件,源代码如下:import UIComponent from "sap/ui/core/UIComponent";/** * @namespace ui5.typescript.helloworld */export default class C... 新建一个文件夹 ui5-ts, 执行命令行 npm init -y 初始化:新建一个 src 文件夹,里面存放一个 Component.ts 文件,源代码如下:import UIComponent from "sap/ui/core/UIComponent";/** * @namespace ui5.typescript.helloworld */export default class C...
- 在进入模块扩充之前,让我们看看一些 TypeScript 合并原则,这些原则将随着我们的进步而变得有用。TypeScript 支持创建完全同名的 class 和 interface:class Food { cheese: string;}interface Food { bacon: string;}const food = new Food();food.bacon = "nice... 在进入模块扩充之前,让我们看看一些 TypeScript 合并原则,这些原则将随着我们的进步而变得有用。TypeScript 支持创建完全同名的 class 和 interface:class Food { cheese: string;}interface Food { bacon: string;}const food = new Food();food.bacon = "nice...
- ts-node 是 Node.js 的 TypeScript 执行引擎和 REPL。它 JIT 将 TypeScript 转换为 JavaScript,使您无需预编译即可直接在 Node.js 上执行 TypeScript。 这是通过挂钩 node 的模块加载 API 来实现的,使其能够与其他 Node.js 工具和库一起无缝使用。注意,在 windows 操作系统里,直接运行 ts-nod... ts-node 是 Node.js 的 TypeScript 执行引擎和 REPL。它 JIT 将 TypeScript 转换为 JavaScript,使您无需预编译即可直接在 Node.js 上执行 TypeScript。 这是通过挂钩 node 的模块加载 API 来实现的,使其能够与其他 Node.js 工具和库一起无缝使用。注意,在 windows 操作系统里,直接运行 ts-nod...
- Mixins除了传统的 OO 层次结构,另一种从可重用组件构建类的流行方法是通过组合更简单的部分类来构建它们。 您可能熟悉 Scala 等语言的 mixin 或特征的想法,并且该模式在 JavaScript 社区中也很流行。模式依赖于使用具有类继承的泛型来扩展基类。 TypeScript 最好的 mixin 支持是通过类表达式模式完成的。看一个例子:class Sprite { name ... Mixins除了传统的 OO 层次结构,另一种从可重用组件构建类的流行方法是通过组合更简单的部分类来构建它们。 您可能熟悉 Scala 等语言的 mixin 或特征的想法,并且该模式在 JavaScript 社区中也很流行。模式依赖于使用具有类继承的泛型来扩展基类。 TypeScript 最好的 mixin 支持是通过类表达式模式完成的。看一个例子:class Sprite { name ...
- reflect-metadata例子:import 'reflect-metadata';function validate( target: Object, key: string, descriptor: PropertyDescriptor) { const originalFn = descriptor.value; // 获取参数的编译期类型 const designP... reflect-metadata例子:import 'reflect-metadata';function validate( target: Object, key: string, descriptor: PropertyDescriptor) { const originalFn = descriptor.value; // 获取参数的编译期类型 const designP...
- 本文讲解 Fiori Elements Architecture使用 SAP Fiori Elements,SAP 负责提供应用 floorplans,而应用开发人员只负责专注于提供 OData 服务以及服务上施加的注解。SAP Fiori Elements elements floorplans 是基于 XML 的模板,体现了 SAP Fiori 用户交互式体验。Fiori Element... 本文讲解 Fiori Elements Architecture使用 SAP Fiori Elements,SAP 负责提供应用 floorplans,而应用开发人员只负责专注于提供 OData 服务以及服务上施加的注解。SAP Fiori Elements elements floorplans 是基于 XML 的模板,体现了 SAP Fiori 用户交互式体验。Fiori Element...
- TypeScript 官方文档里关于 Constructor signature 只有这短短的一段话:JavaScript functions can also be invoked with the new operator. TypeScript refers to these as constructors because they usually create a new objec... TypeScript 官方文档里关于 Constructor signature 只有这短短的一段话:JavaScript functions can also be invoked with the new operator. TypeScript refers to these as constructors because they usually create a new objec...
- Hello TypeScript我们从一个简单的例子开始。将以下代码复制到 hello.ts 中:function sayHello(person: string) { return 'Hello, ' + person;}let user = '大前端之旅';console.log(sayHello(user));然后执行tsc hello.ts这时候会生成一个编译好的文件 hel... Hello TypeScript我们从一个简单的例子开始。将以下代码复制到 hello.ts 中:function sayHello(person: string) { return 'Hello, ' + person;}let user = '大前端之旅';console.log(sayHello(user));然后执行tsc hello.ts这时候会生成一个编译好的文件 hel...
- 如果你经常使用VSCode,你可能会偶尔把鼠标放在变量上,此时VSCode会在变量上面给出一个提示框。效果如下图的红色框,提示 let userName:string,userName是string类型的。其实这就是TS的类型推断。我们并没有安装插件,VSCode也会提示。因为VSCode也是用TS编写的,他天生就有TS的基因在。但是这种提示,在其他编辑器可能就不存在了,例如Atom,Vim... 如果你经常使用VSCode,你可能会偶尔把鼠标放在变量上,此时VSCode会在变量上面给出一个提示框。效果如下图的红色框,提示 let userName:string,userName是string类型的。其实这就是TS的类型推断。我们并没有安装插件,VSCode也会提示。因为VSCode也是用TS编写的,他天生就有TS的基因在。但是这种提示,在其他编辑器可能就不存在了,例如Atom,Vim...
- 编码环境:https://www.typescriptlang.org/zh/play?#code/DYUwLgBAdghgtiAvBA5ARgEwGYVA 类型推断在编码区域中,输入以下代码:let userName= '123'当你将鼠标放置在该串代码处,会看到TS推断出userName的类型是string当你添加以下代码userName = 18此时该串代码下方会出现红色的波浪线。TS... 编码环境:https://www.typescriptlang.org/zh/play?#code/DYUwLgBAdghgtiAvBA5ARgEwGYVA 类型推断在编码区域中,输入以下代码:let userName= '123'当你将鼠标放置在该串代码处,会看到TS推断出userName的类型是string当你添加以下代码userName = 18此时该串代码下方会出现红色的波浪线。TS...
- 类型如果你用维基百科搜索类型这个词的定义,会发现: 类型存在于各个领域。而在计算机中,类型可以确认一个值或者一组值具有特定的意义和目的(虽然某些类型,如抽象类型和函数类型,在程序运行中,可能不表示为值)。熟悉一点编程知识的人知道“HelloWorld”是一个字符串类型, 1234是数字类型,true是布尔类型。类型是编程的基础。JS有类型,其他编程也有类型。JavaScript 语言中类型... 类型如果你用维基百科搜索类型这个词的定义,会发现: 类型存在于各个领域。而在计算机中,类型可以确认一个值或者一组值具有特定的意义和目的(虽然某些类型,如抽象类型和函数类型,在程序运行中,可能不表示为值)。熟悉一点编程知识的人知道“HelloWorld”是一个字符串类型, 1234是数字类型,true是布尔类型。类型是编程的基础。JS有类型,其他编程也有类型。JavaScript 语言中类型...
- 原来在我们创建tsconfig.json文件的时候,VSCode会自动检测当前项目当中是否有TS文件;如果没有的话,就会报这个错提示我们去创建一个文件,再去使用。 原来在我们创建tsconfig.json文件的时候,VSCode会自动检测当前项目当中是否有TS文件;如果没有的话,就会报这个错提示我们去创建一个文件,再去使用。
- 前言首先初始化两个文件 js配置文件npm init -y生成{ "name": "TypeScript", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "dev": "ts-node ./src/crowller.ts" }, "keywords": [], "aut... 前言首先初始化两个文件 js配置文件npm init -y生成{ "name": "TypeScript", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "dev": "ts-node ./src/crowller.ts" }, "keywords": [], "aut...
- 一、装饰器装饰器:装饰器是一种特殊类型的声明,它能够被附加到类声明,方法,属性或参数上,可以修改类的行为。通俗的讲装饰器就是一个函数方法,可以注入到类、方法、属性参数上来扩展类、属性、方法、参数的功能,可以认为就是在原有代码外层包装了一层处理逻辑。装饰器在身边的例子随处可见水龙头上边的起泡器就是一个装饰器,在装上以后就会把空气混入水流中,掺杂很多泡泡在水里。但是起泡器安装与否对水龙头本身并... 一、装饰器装饰器:装饰器是一种特殊类型的声明,它能够被附加到类声明,方法,属性或参数上,可以修改类的行为。通俗的讲装饰器就是一个函数方法,可以注入到类、方法、属性参数上来扩展类、属性、方法、参数的功能,可以认为就是在原有代码外层包装了一层处理逻辑。装饰器在身边的例子随处可见水龙头上边的起泡器就是一个装饰器,在装上以后就会把空气混入水流中,掺杂很多泡泡在水里。但是起泡器安装与否对水龙头本身并...
上滑加载中
推荐直播
-
OpenHarmony应用开发之网络数据请求与数据解析
2025/01/16 周四 19:00-20:30
华为开发者布道师、南京师范大学泰州学院副教授,硕士研究生导师,开放原子教育银牌认证讲师
科技浪潮中,鸿蒙生态强势崛起,OpenHarmony开启智能终端无限可能。当下,其原生应用开发适配潜力巨大,终端设备已广泛融入生活各场景,从家居到办公、穿戴至车载。 现在,机会敲门!我们的直播聚焦OpenHarmony关键的网络数据请求与解析,抛开晦涩理论,用真实案例带你掌握数据访问接口,轻松应对复杂网络请求、精准解析Json与Xml数据。参与直播,为开发鸿蒙App夯实基础,抢占科技新高地,别错过!
回顾中 -
Ascend C高层API设计原理与实现系列
2025/01/17 周五 15:30-17:00
Ascend C 技术专家
以LayerNorm算子开发为例,讲解开箱即用的Ascend C高层API
回顾中
热门标签