typescript

React + TypeScript + Taro前端开发小结

前言 项目到一段落,先来记录一下,本文以前端新手的角度记录React、TypeScript、Taro相关技术的开发体验以及遇到的问题和解决方法。 之前总说要学React(这篇博客:代码使我头疼之React初学习),这次项目需要做H5前端+小程序,我终于能用上React了~ 使用React的开发框架之 ... »

TypeScript学习_入门向

TypeScript学习_入门向 1-TypeScript简介 首先官网祭天 > https://www.tslang.cn/ TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准。 TypeScript 由微软开发的自由和开源的编程语言。 TypeScr ... »

typescript使用入门及react+ts实战

ts介绍 TypeScript是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。 与js关系 ts与js区别 TypeScript JavaScript JavaScript 的超集,用于解决大型项目的代码 ... »

在Vue3项目中使用pinia代替Vuex进行数据存储

pinia是一个vue的状态存储库,你可以使用它来存储、共享一些跨组件或者页面的数据,使用起来和vuex非常类似。pina相对Vuex来说,更好的ts支持和代码自动补全功能。本篇随笔介绍pinia的基础用法以及持久化存储的一些用法,供参考学习。 pinia在2019年11月开始时候是一个实验项目,目... ... »

wuhuacong

TypeScript学习文档-基础篇(完结)

 TypeScript学习第一章:TypeScript初识 1.1 TypeScript学习初见 TypeScript(TS)是由微软Microsoft由2012年推出的自由和开源的编程语言, 目前主流的三大框架React 、Vue 和 Angular这三大主流框架再加上最新的鸿蒙3.0都可以用T ... »

用 rollup + gulp 造个轮子,别说还挺香

前戏 我是16年入了前端的坑,17年知道了gulp和rollup这两个玩意儿。由于那时webpack势头很猛,便一直没有正眼瞧过它一眼。 直到20年进了一家小公司,做了很多类似的小项目,相同的代码拷来拷去,出现一个bug一堆项目都要改,实在恶心到我了。 于是不得不开始考虑将一些公共的方法和组件提取出 ... »

在TypeScript项目中进行BDD测试

在TypeScript项目中进行BDD测试 什么是BDD? BDD(Behavior-Driven Design)是软件团队的一种工作方式,通过以下方式缩小业务人员和技术人员之间的差距: 鼓励跨角色协作,建立对待解决问题的共同理解 以快速、小迭代的方式工作,以增加反馈和价值流 生成系统文档,自动对照 ... »

C#和TS/JS的对比学习02:函数与方法

程序本质上,就是由数据和处理数据的方法构成。函数和方法,这两个名词虽然字面不同,但意义上其实没有区别。只是因为它们出现的地方有异,给予了不同的名称,比如在全局环境中,叫函数,在对象或类中,叫方法。而C#没有全局的概念,所以绝大多数时候,都叫方法。本节内容比较多,列一下目录: 基本概念 函数的声明和调 ... »

TypeScript-axios模块进行封装的操作与一些想法

所谓封装与模块化,对我这种初学者来说,个人理解就是解耦,比如说,当我们前端一个项目使用了现在流行的模块,但是没有对其进行封装处理,包括一些相同的代码逻辑,把他们分散在各个组件当中,这样一来整个项目对于这个模块的耦合度太高.如果将来这个模块突然停止维护,或者有更好的模块将其替代,我们想要更换模块时就显 ... »

lkx666

TypeScript 2.0开启空值的严格检查

摘要:在编程过程成空指针是最常见的bug之一,但是在TypeScript中我们无法使用具体的类型来表示特定的变量不能为空!幸运的是,TypeScript 2.0 解决了这个问题。 本文分享自华为云社区《TypeScript开启严格空值检查》,作者:搞前端的半夏。 在TS中,有对应JS中的基础类型nu ... »

TypeScript入门三:TypeScript函数类型

TypeScript函数类型 TypeScript函数的参数 TypeScript函数的this与箭头函数 TypeScript函数重载  一、TypeScript函数类型  在上一篇博客中已经对声明TypeScript类型变量已经做了初步的解析,这里先回顾以下: 1 //声明函数 2 function add1(x:number,y:number):number{ 3 return »

使用Typescript重构axios(十)——异常处理:增强版

1.使用Typescript重构axios(一)——写在最前面2.使用Typescript重构axios(二)——项目起手,跑通流程3.使用Typescript重构axios(三)——实现基础功能:处理get请求url参数4.使用Typescript重构axios(四)——实现基础功能:处理post请求参数5.使用Typescript重构axios(五)——实现基础功能:处理请求的header6. »

第三章 Typescript 基本数据类型

一、基本数据类型 Boolean Number String Array Tuple Enum Any Void Null 和 Undefined Never 二、代码示例 //布尔值 let isDone: boolean = false; //数字(可以是二进制、八进制、十六进制) let decLiteral: number = 6; let hexLiteral: number = »

typescript-plugin-css-modules不生效问题

  一款配合 ts、CSS Modules 的插件。 https://github.com/mrmckeb/typescript-plugin-css-modules#visual-studio-code 1、yarn add -D typescript-plugin-css-modules 2、tsconfig.json { "compilerOptions": { "plugin »

初识typeScript

中文文档 typeScript是javascript的超集,它包括了js的基本语法,另外还增加了接口、类型等特性,使得功能更加强大; typescript不能直接在浏览器运行,有些高版本的谷歌浏览器可以运行;node环境也可以运行; 安装: npm i -g typescript 检测: tsc -V    下面来写ts代码,ts代码里可以写js代码。 ts文件后缀都是.ts 我们创建一 »

使用Typescript重构axios(二十九)——添加baseURL

1.使用Typescript重构axios(一)——写在最前面2.使用Typescript重构axios(二)——项目起手,跑通流程3.使用Typescript重构axios(三)——实现基础功能:处理get请求url参数4.使用Typescript重构axios(四)——实现基础功能:处理post请求参数5.使用Typescript重构axios(五)——实现基础功能:处理请求的header6. »