- 综合排序
- 最热优先
- 最新优先
- 来自专栏前端皮小蛋
TypeScript 3.9 升级初体验
背景 下午我正在写技术分享的PPT， 突然看到一篇推送： TypeScript 3.9 版本已经正式发布, ... , 收到来自微软团队的反馈意见，他们表示 TypeScript 3.9 的平均编译时长由 26 秒缩短至 10 秒左右。 正文 本来以为很简单， 就是几行命令的事： yarn add typescript ts-loader 安装完毕， 控制台报了错： 我就知道！每次升级都不会顺利... 本皮表示有点烦， 这个问题，应该和typescript没有关系. 猜测是ts-loader的锅。
96410发布于 2020-05-22 - 来自专栏静之森
vue-next+typescript 初体验
无意间又一次刷到了尤大介绍 Vue 3 的文章，这次决定试一下 Vue 3 的 TypeScript 支持到底如何，不管别人说什么，只有自己用的舒服才是真的舒服。 COPY 改写 TSX 打开项目之后，默认使用的是 js ，但是没关系，直接安装 ts 1yarn add -D typescript COPY 无需其他配置。 // 挂载后获取到其Ref 7 onMounted(() => { 8 console.log(imageRef.value) 9 // do anything... 10 const message = ref('') 7 onMounted(() => { 8 message.value = message.value + '我触发了一次' 9 }) 10 const double = computed(() => count.value * 2) // 包装一个计算属性，value 为计算的值 8 return () => ( 9 <> 10
63230编辑于 2021-12-28 - 来自专栏杨不易呀
初识TypeScript：入门体验与简介
无论您是新手还是有经验的开发者，都能在这篇文章中找到有关TypeScript的重要信息和实用技巧。让我们一起探索这个强大的编程语言！ 是一个数值然后将参数一的长度加上参数二的值进行返回出去代码如下： function test(a, b) { return a.length + b; } let res = test([1, 3, 5], 10 是正常的情况如果我第一个参数不给数组当然编译器它是不会报错的，例如如下： function test(a, b) { return a.length + b; } let res = test(1, 10 那么这个时候就体现了 JS 这个弱类型语言的缺点了，紧接着来看看利用 Ts 来进行解决该问题，首先如果要使用 Ts 就先需要安装一下 Ts 把 Ts 进行全局安装进行使用即可，安装命令如下： npm install typescript return a.length + b; } let res = test(1, 2); console.log(res); 然后利用如上编译命令进行编译发现报错了： 图片 然后 TS 的初体验就到此为止
25410编辑于 2023-09-28 - 来自专栏Vue中文社区
TypeScript 4.2 Beta版本发布：带来诸多更新，营造更好的开发体验
下面就来看看 TypeScript 4.2 带来了哪些新内容。 元组类型的 Rest 元素可放置于元组中的任何位置 在 TypeScript 中，元组类型用于建模具有特定长度和元素类型的数组。 https://github.com/microsoft/TypeScript/pull/40171/ abstract 构造签名 TypeScript 允许我们将一个类标记为 abstract。 yield 表达式但没有在上下文中类型化它（也就是说 TypeScript 不知道类型是什么）时，TypeScript 现在将发出一个隐式的 any 错误。 TypeScript 4.2 的看法！ 延伸阅读 https://devblogs.microsoft.com/typescript/announcing-typescript-4-2-beta/ 前线报道：2021 年 Web 开发趋势 ES2020
2.1K10发布于 2021-02-26 - 来自专栏Android 开发者
欢迎体验 Android 10！
经过一年多的开发和长达数月的早期使用者测试，Android 10 终于准备好和您见面了！ ? Android 10 聚焦移动创新、安全隐私和数字健康三大主题，全面打造最佳用户体验。 如果您想为 Android 10 开发应用，请前往 developer.android.google.cn/10 Android 10 新特性 Android 10 引入了多项新特性和重要变更，等待各位开发者和用户前来探索 创新与新体验 在 Android 10 中，开发者得以借力软硬件尖端技术，着力塑造丰富多彩的用户体验。 透过这些能力，希望您能开发出更加丰富的沉浸式 5G 体验应用。 Live Caption:可以为正在播放的多媒体文件自动生成字幕。该功能支持任何应用中的多媒体文件，包括视频、播客和语音信息。 对于开发者而言，我们希望 Android 10 中的这些更新能够有效提高系统组件在不同设备上的一致性，为大家提供更加统一的开发体验，进而降低开发与测试成本。 将您的应用适配至 Android 10！
1.7K50发布于 2019-09-05 - 来自专栏LawD的技术专栏
TypeScript 开发环境搭建
选择好安装路径直接安装即可 安装完成后，使用win+R快捷键打开 cmd 命令行窗口，并输入node -v检查是否安装成功 安装解析 TS 的工具包 进入 cmd 命令行窗口 网速好 输入：npm install -g typescript npm：包管理器 typescript：就是用来解析 TS 的工具包，提供了 tsc 命令，实现了 TS -> JS 网速不好 先输入：npm config set registry https:/ /registry.npm.taobao.org（淘宝镜像） 检查：npm config get registry 再输入：npm install -g typescript 检查是否安装成功 输入tsc
1.4K60发布于 2021-05-13 - 来自专栏领域驱动设计DDD实战进阶
10-TypeScript中的接口
在高级开发中，通常接口是用于实现各种设计模式的基础，没有接口，设计模式无从谈起。
1.3K70发布于 2018-05-04 - 来自专栏全栈前端精选
10 个关于 TypeScript 的小技巧
英文 | https://www.sangle7.com/ 1、 TypeScript 和 DOM 当你开始使用 TypeScript 时，你会发现在浏览器环境中使用它，你需要非常了解它。 然后，仅当开发人员处理旧文件时，他才会删除此注释并仅修复该文件中的所有掉毛错误。这样一来，我们就不会进行革命，而只会进行进化-代码库会逐渐但安全地得到改善。 6、更多限制 有时TypeScript无法推断类型。 关于TypeScript的事情是它了解这种逻辑。 deviceId: string; } const routes: Routes = [{ path: 'country/:countryId/device/:deviceId/dashboard' }] 10
1.6K10发布于 2020-12-15 - 来自专栏wfaceboss
WebStorm开发TypeScript的设置
Webstorm IDE可以开发TypeScript，同时支持自动编译成js文件，下面我们来进行一些简单的配置。 1.去node.js官网下载安装node.js 2.下载安装新版本的Webstorm 3.使用node的npm命令安装typeScript编译器 npm install typescript -g 安装好 6.打开Webstorm,为TypeScript文件更改编译设置，File->Settings->File Watchers->TypeScript，这里我们需要选择TypeScript，但是File 勾选“TypeScript”，点击ok。 ? ? 这样，typescript的自动编译功能就设置好了，可以发现我们编写的ts文件会自动转为js文件。 ? ?
6.6K30发布于 2019-04-08 《PWA体验优化指南：10个经实战验证的开发技巧》
对于开发者而言，PWA的开发不是简单的功能堆砌，而是一场对用户场景的深度解构——从弱网环境的内容获取，到多设备切换的体验衔接，每个细节都藏着提升用户粘性的密码。 以下10个经过实战淬炼的技巧，将带你跳出工具配置的表层，触及PWA开发的本质逻辑。 通过分析用户历史活跃数据，识别其使用应用的高峰时段：社交类应用多在晚间8-10点，工具类应用集中在工作日9-11点，避开凌晨等休息时段避免打扰。 采用渐进式图片加载：先展示低分辨率缩略图（体积仅为原图的10%），快速建立视觉锚点，再逐步渲染高清版本；通过响应式图片技术，让浏览器根据设备屏幕尺寸自动匹配最优尺寸，避免小屏设备加载大屏图片造成的资源浪费 PWA开发的深层逻辑，是用Web技术解决原生应用的体验痛点，同时保留自身的轻量与开放优势。
67710编辑于 2025-08-12- 来自专栏LNMP开发那些事
使用typescript开发chrome扩展
使用typescript开发chrome扩展 记录一下使用typescript开发chrome扩展的相关配置。 1. 安装依赖 必定需要用到的开发依赖项： chrome-types copy-webpack-plugin ts-loader typescript webpack-cli npm install chrome-types webpack-cli ts-loader typescript copy-webpack-plugin --save-dev 2. 基本目录结构截图 图片 chrome使用typescript目录结构 MySQL多层级树形结构表的搜索查询优化 使用WordPress作为小程序后端——APPID有效性前置检查 使用WordPress 作为小程序后端——小程序请求前置检查 Windows rclone挂载sftp 迁移——从Electron迁移到Eclipse Theia 使用typescript开发chrome扩展 use multiple
1.7K20编辑于 2023-10-19 - 来自专栏云前端
使用 TypeScript 开发 React Hooks
；但 用 TypeScript 搭配 React hooks 却变为了一种愉悦的体验。 旧 React 里的 TypeScript TypeScript 由微软设计并沿着 Angular 的路径一路进发，而彼时 React 开发出的 Flow 已然式微。 在 React 类组件中编写原生 TypeScript 着实痛苦，因为 React 开发者不得不同时对 props 和 state 定义类型，即便二者的许多属性是相同的。 Partial<T> 和 Omit<T> 并不存在于 Java 等大部分强类型语言中，但常在前端开发中以各种方式大展身手。它们简化了类型定义的负担。 TypeScript 只有一种泛型的简单 双变（bivariant） 实现，以供 JS 开发者采用。如果对变量命名得当，就能很大程度上避免指鸭为猫。
2.7K10发布于 2020-07-23 - 来自专栏Titan笔记
腾讯Serverless体验，使用TypeScript编写并部署云函数
初始化云函数项目 腾讯云开发提供了详尽的开发文档，并提供了CLI工具（CloudBase CLI ）帮助用户快速、方便的部署项目，管理云开发资源。 习惯于在TS的类型检测和代码提示环境中开发的同学，就需要自己手动打造一个TypeScript的云函数开发环境。 一、改造云函数目录结构 使用TCB CLI工具初始化node-app后的云开发目录结构应该如下： [改造前的云函数目录结构] 云开发环境的配置文件为 cloudbaserc.json，其中子目录functions 和src文件夹 [改造后的目录结构] 二、配置TypeScript环境 配置TypeScript工具，安装TypeScript npm install -g typescript 或者 yarn global --- 云开发CloudBase，一站式高效开发平台：https://curl.qcloud.com/JcBqSTMl [云开发CloudBase] 本文为Titan笔记原创文章，同步发布至腾讯云+社区
3.9K172编辑于 2022-02-14 - 来自专栏京程一灯
10个写TypeScript代码的坏习惯
// 每日前端夜话 第485篇 // 正文共：2400 字 // 预计阅读时间：10 分钟 ? 近几年 TypeScript 和 JavaScript 一直在稳步发展。 以下是我们都应该改正的 10 个坏习惯。 1.不使用 strict 模式 这种习惯看起来是什么样的 没有用严格模式编写 tsconfig.json。 时，现有的代码库通常会对 TypeScript 编译器无法自动推断出的类型进行假设。 这使得新开发人员很难理解代码，无论是对一般开发人员来说还是对 JavaScript 来说都是新手。也很容易引入细微的错误。 10. != null 这种习惯看起来是什么样的 棒棒运算符的小弟 ! = null使我们能同时检查 null 和 undefined。
94220发布于 2021-02-25 - 来自专栏前端宇宙
要改掉的 10 种 TypeScript 坏习惯
时，现有的代码库通常会对 TypeScript 编译器无法自动推断出的类型进行假设。 这使得代码库对于新开发人员来说用起来更麻烦，不管新人是代码新手还是说只是 JavaScript 新手都一样。引入细微的错误也很容易。用!! 时。 10. != null 具体是什么意思 bang bang 运算符的小姐妹!= null 允许我们同时检查 null 和 undefined。 作者介绍 DanielBartholomae 是位于柏林的创始人和 Web 开发人员。 延伸阅读 https://startup-cto.net/10-bad-typescript-habits-to-break-this-year/
77920发布于 2021-03-16 - 来自专栏全栈之路
TypeScript+webpack开发js库
由于近期需要开发一个比较复杂的组件，所以决定采用typescript进行开发。 之前有用过typescript进行开发，用tsc打包后，再用脚本将所有js进行合并，然后再用uglyjs压缩js，但是最终报错了，原因就是合并js的顺序问题，后来用脚本指定合并js的顺序。 本次采用typescript+webpack进行开发，此篇文章记录一下项目的构建流程。 初始化项目 1. 安装依赖 demo/目录下： npm install typescript -save-dev npm install ts-loader -save-dev npm install path -save-dev 已经不同的策略 3. npm相关配置 package.json: { "name": "demo", "version": "0.0.1", "description": "demo , typescript
2.4K20发布于 2020-05-22 - 来自专栏我的知识小屋
智能合约开发——TypeScript 基础（全）
首先我们准备一个目录，使用 dos 进入到某目录，当然你直接 vs 打开终端执行也是没有问题的： 执行以下命令安装 typescrip（不用进入目录，直接安装即可）： npm install -g typescript
1K10编辑于 2022-10-28 - 来自专栏漫漫前端路
使用 TypeScript 开发你的项目
关于 TypeScript 早在去年（2017），TypeScript 赢来了它的爆发式增长。 时至今日，随着 JavaScript 的代码数量越来越庞大，越来越多的开发者意识到 JavaScript 在构建大型项目时的不足之处。 而 TypeScript 能够很好的解决上述问题。 ? TypeScript 最早是在 2012 年十月份由微软开源在 GitHub 上，它是 JavaScript 的一个超集，除了能让我们使用 ES Future 的各种语法外，还提供如 Enum、Tuple 改为 TypeScript 加上简单的类型推断时： ? 可见，它在编译前就已经给出了错误的提示。
1.6K20发布于 2018-08-30 - 来自专栏知识累积
Vs Code搭建 TypeScript 开发环境
一.npm install -g typescript 全局安装TypeScript ?
1.2K20发布于 2019-04-16 - 来自专栏joealzhou
React+TypeScript开发--环境搭建
React+TypeScript开发--环境搭建 学习文档 React TypeScript 一、node环境安装 打开Node.js的官网，它会自动识别所在的环境，推荐你下载相应版本，左侧是持久支持的稳定版本 屏幕快照 2019-07-16 15.23.09.png 二、初始化项目 要将 TypeScript 添加到 Create React App 项目，请先安装它： $ npm install --save typescript @types/node @types/react @types/react-dom @types/jest $ # 或者 $ yarn add typescript @types React App 项目： $ npx create-react-app my-app --typescript //或者 $ yarn create react-app my-app --typescript 接下来，将任何文件重命名为 TypeScript 文件（例如 src/index.js 重命名为 src/index.tsx ） 三、开发工具 VSCode 四、运行项目 在vscode中打开项目后，
2.8K10发布于 2019-08-23
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号