写点什么

typescript

0 人感兴趣 · 192 次引用

  • 最新
  • 推荐

深入理解 TypeScript 的 type 以及 type 与 interface 和 class 的区别

本文详细讨论了 TypeScript 中的 type 以及它与 interface 和 class 的区别,并介绍了它们各自的用途和特点。

https://static001.geekbang.org/infoq/57/577f3bff01808f65619333a0f26123a4.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

一文带你了解 TypeScript 泛型

我们先来看看 ChatGPT 怎么说:类型安全:使用泛型可以让代码在编译时就发现类型错误,避免了运行时类型错误的发生。 代码复用:泛型可以将一些通用的代码封装成可复用的函数或类,避免了重复编写类似的代码。

https://static001.geekbang.org/infoq/0c/0cfba641f516f107badcea122a339a37.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Typescript- 数据类型

TypeScript是一种基于JavaScript的编程语言,它提供了丰富的数据类型,包括基本类型、高级类型和特殊类型。本文将介绍其中一些常用的类型,包括any类型、unknown类型、void类型、never类型、tuple类型、function类型、class类型和union类型。

https://static001.geekbang.org/infoq/a5/a58061199a9a0b793ec5c55fbdc3195d.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

什么是前端开发领域的 Cumulative Layout Shift 问题

CLS 是 Cumulative Layout Shift(累计布局偏移)的缩写,它是一个用于度量网页稳定性的指标。CLS issue 指的是网页在加载过程中存在的累计布局偏移问题,这些问题会导致网页元素在页面上闪烁或跳动,影响用户体验。

https://static001.geekbang.org/infoq/fb/fb82193af65f32c946c7492944c3c13a.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Typescript- 类型检测和变量的定义

最近在学vue3,vue3又是使用typeScript编写的javaScript框架,于是也学了学typeScript。那什么是typeScript呢,和javascript又有什么关系呢?

历史性的时刻!OpenTiny 跨端、跨框架组件库正式升级 TypeScript,10 万行代码重获新生!

介绍 TS 基础及在 Vue 中的实践,并提供JS项目转TS的步骤指南,旨在帮助还在使用 JS 的开发者快速上手 TS,享受TS带来的丝滑开发体验。

https://static001.geekbang.org/infoq/b7/b7c55466637feeee562eee312ccec33b.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

一个 OpenTiny,Vue2 Vue3 都支持!

用户头像
Kagol
04-07

TinyVue 是一套跨端、跨框架的企业级 UI 组件库,支持 Vue 2 和 Vue 3,支持 PC 端和移动端。今天给大家介绍如何同时在 Vue2 和 Vue3 项目中使用 TinyVue。

https://static001.geekbang.org/infoq/91/91f34561defe5b3d4e5754870619a09a.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

历史性的时刻!OpenTiny 跨端、跨框架组件库正式升级 TypeScript,10 万行代码重获新生!

用户头像
Kagol
04-03

本文主要介绍 TS 基础及在 Vue 中的实践,附赠《JS项目转TS指南》,旨在帮助还在使用 JS 的朋友们快速使用上 TS,享受TS带来的丝滑体验。

https://static001.geekbang.org/infoq/af/afa18e96fa9d1df0865f9c88ff02cc19.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

TypeScript 与 JavaScript:你应该知道的区别

在本文中,我们将比较这两种编程语言——TypeScript 与 JavaScript,它们之间的关系,它们的区别,并概述每种语言的优点。

https://static001.geekbang.org/infoq/b5/b5110a3f1cd0ba36f89c6a110bfcd6e0.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

3 个加强理解 TypeScript 的面试问题

TypeScript 作为 JavaScript 的超集,让 JavaScript 越来越像一门“正经的”语言。和纯粹的 JavaScript 语言相比,TypeScript 提供静态的类型检查,提供类的语法糖(这一点是继承了 ES6 的实现),让程序更加规范和紧凑,为使用 JavaScript 开发大型项目提供

手写一个前端存储工具库

在项目开发的过程中,为了减少提高性能,减少请求,开发者往往需要将一些不易改变的数据放入本地缓存中。如把用户使用的模板数据放入 localStorage 或者 IndexedDB。代码往往如下书写。

https://static001.geekbang.org/infoq/55/551e3a9f2f83377352aec1ff27d46a66.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

读 2022 年 JavaScript 趋势报告

《JavaScript 2022趋势调查报告》发布了。收集了 39,472 份调查报告,几乎是去年的两倍,涵盖了浏览器、开发者对 JavaScript 特性、代码库、技术、工具、资源等的内容。下面来一起看看这份报告,并加深对 JavaScript 的认识,在新的一年里提升一个档次。

安卓、iOS、小游戏三端同发?介绍给你一个新方式 - 普洱 WebGL

用户头像
僵尸浩
2022-12-25

很长一段时间里,Unity都没有很好的方案可以做到安卓、iOS、小游戏同时上线。所以,向大家介绍一个新方案——普洱WebGL。

https://static001.geekbang.org/infoq/2b/2bf883d17ddc9f4494a29ba5a681c3e2.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

TypeScript 前端工程最佳实践

随着前端工程化的快速发展, TypeScript 变得越来越受欢迎,它已经成为前端开发人员必备技能。 TypeScript 最初是由微软开发并开源的一种编程语言,自2012年10月发布首个公开版本以来,它已得到了人们的广泛认可。TypeScript 发展至今,已经成为很多大型项目

https://static001.geekbang.org/infoq/d1/d1417d7fa616654e8f750f213d60fa97.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

使用 JS 转换数据的最佳实践

用户头像
夏木
2022-12-01

d-pipe 介绍,使用 JS 对数据进行转换的最佳实践。 在开发中,不同输入输出所存储和使用数据总会存在差异,或是数据类型、字段经常出现偏差。

https://static001.geekbang.org/infoq/3f/3fcf930c43495f1ee30d731fb35fdfa0.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

在实践中学习类型定义、类型覆盖、CSS Modules

用户头像
小鑫同学
2022-11-28

🎄Hi~ 大家好,我是小鑫同学,一位长期从事前端开发的编程爱好者,我将使用更为实用的案例输出更多的编程知识,同时我信奉分享是成长的唯一捷径,在这里也希望我的每一篇文章都能成为你技术落地的参考~

https://static001.geekbang.org/infoq/7c/7c7c40ea5a218714b80f70e9e281d002.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

企业级 Angular 应用路由路径自定义配置和开发的案例分享

用户头像
Jerry Wang
2022-11-15

本文通过 SAP Commerce Cloud ( 电商云 ) UI 这个颇具代表性的企业级 Angular 全段应用为例,给大家分享 Angular 应用前台路由路径的自定义配置与开发的一个实际例子,来加深大家对其灵活性的认识。

https://static001.geekbang.org/infoq/7c/7c7c40ea5a218714b80f70e9e281d002.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

谈谈 Angular 应用 Feature Module 的延迟加载话题

用户头像
Jerry Wang
2022-11-10

笔者最近工作中处理了 SAP Commerce Cloud (电商云) UI 的一个懒加载 (Lazy Load) 功能的客户问题,通过本文把自己学到的关于 Angular Feature Module 延迟加载的知识做个记录。

https://static001.geekbang.org/infoq/26/261d118292a309ba14005cbd0ed28695.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

前端食堂技术周刊第 58 期:TypeScript 4.9 RC、10 月登陆浏览器的新功能、Turbopack 真的比 Vite 快 10 倍吗?100 天 Modern CSS 挑战

用户头像
童欧巴
2022-11-07

- TypeScript 4.9 RC - 10 月登陆浏览器的新功能 - Turbopack 真的比 Vite 快 10 倍吗? - 在 VS Code 中使用 Git - 100 天 Modern CSS 挑战 - Node.js 18 的新功能

https://static001.geekbang.org/infoq/61/61265da81ef2d0a65646e55711a04a7f.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

扒官方文档学 Ts 类型编程(二)

用户头像
GFE
2022-11-03

     承接上一篇扒官方文档学Ts类型编程来继续扒完类型编程的后两个章节Mapped Types和Template Literal Types,同样准备了演练场的代码可以同步调试观察输出的类型来学习。

https://static001.geekbang.org/infoq/dd/ddcc6485015dc46ebc0743cf8debf358.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

扒官方文档学 Ts 类型编程

用户头像
GFE
2022-11-03

     TypeScript作为JavaScript的一个超集带来了非常强大的类型系统,但作为天天泡在业务开发中的我们来说没感觉比其它面向对象的Java,C#等语言高级了多少,最近发现吵吵着类型体操的人比较多,决定翻看了一下TypeScript文档来搞搞清楚这个类型有什么高

https://static001.geekbang.org/infoq/03/032eb13cc5279a3151fcffff1357fcbb.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

如何让 SAP Spartacus 访问 navigation node 的上下文,暴露更多的字段

用户头像
阿英
2022-10-31

SAP Spartacus 启动时,会从 SAP Commerce Cloud 后台发起 OCC API 调用。

https://static001.geekbang.org/infoq/d1/d1ebbdf0218d7931e8041ecdb46b38fc.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

一个 ExpressionChangedAfterItHasBeenCheckedError 错误的解决过程

用户头像
Jerry Wang
2022-10-07

我的 Component 里有一个 selectedPane 字段(第56行),作为数据源显示在 div 标签里(代码第47行):

https://static001.geekbang.org/infoq/7c/7c7c40ea5a218714b80f70e9e281d002.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

通过单步调试的方式学习 Angular 中带有选择器的内容投影使用方式

用户头像
Jerry Wang
2022-10-06

我创建了一个 selector 为 app-content-section 的 Component,用于容纳内容投影(content projection):

https://static001.geekbang.org/infoq/8d/8d51959468f1149a683166ee291f475a.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

通过单步调试的方式学习 Angular 中 TView 和 LView 的概念

用户头像
Jerry Wang
2022-10-05

使用数组进行存储的含义是不清楚在数组中的哪个位置存储实例数据。 TData 用于描述 LView 中每个位置存储的内容。 所以 LView 本身不足以推理,因为它在没有上下文的情况下存储值。 TView 描述了组件需要什么,但它不存储实例信息。

https://static001.geekbang.org/infoq/e9/e97dda05a6923b6ec3f0d5a3c28d471c.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【最右】面向 TS 生态的新型 Flutter 框架

用户头像
刘剑
2022-09-28

这篇文章主要介绍最右在Flutter相关领域技术探索取得的新成果,以及实现过程中的一些思考,相较于之前跟大家分享的JS2Flutter框架,这次的技术成果更具创新性,其中也有不少有趣的难题。本文一来分享实践经验,供感兴趣的同学参考;二来算作对自己在这个工作

https://static001.geekbang.org/infoq/7c/7c7c40ea5a218714b80f70e9e281d002.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

如何解决 Angular custom library module 在 ng build 时无法被识别的错误

用户头像
Jerry Wang
2022-09-27

SAP Spartacus angular.json, 是 Angular CLI 自动生成的文件,里面针对 storefrontapp,生成的 tsConfig 属性,指向一个 tsconfig.app.json 文件,该文件指定 ng build 如何对该 app 进行构建。

typescript_typescript技术文章_InfoQ写作社区