一、初识TypeScript1.TS是干嘛的2.安装及运行ts文件3.变量的声明4.变量的类型推断5.JS中的类型声明二、TypeScript的数据类型1.any类型2.unknow类型3.void类型4.never类型(了...
-
javascript 前端 TypeScript:初识ts、ts的数据类型、一些语法细节、函数中的类型、泛型
-
javascript TS的安装和运行 在vscode中使用ts 在vscode中使用Typescript并运行
首先呢,我们在学习ts之前,需要先安装ts1、安装 typescript//检查是否安装2、生成配置文件,cd进入该文件夹,在控制台输 此时我们就可以看到在ts文件夹下面出现了 一个tsconfig.json的文件3、编译...
-
react.js 前端 创建一个 React+Typescript 项目
接下来 我们来一起探索一下用TypeScript 来编写react 这也是一个非常好的趋势,目前也非常多人使用 那么 我们就先从创建项目开始首先 我们先找一个 或者 之前创建一个目录 用来放我们的项目 然后 在这个目录下...
-
前端 javascript TypeScript初体验(二)
1、字面量类型代码示例:‘Hello'就是一个字面量类型,除字符串外任意的JS字面量(比如对象、数字等)都可以作为类型使用。使用模式:字面量类型配合联合类型一起使用使用场景:用来表示一组明确的可选值列表 优势:相比于stri...
-
typescript javascript vue.js TS 对象可能为“未定义”,不能将类型“ XXXX | undefined “分配给类型{ xxxx }
前言: 最近用 typeScript ,也就是大家常说的 【 TS 】写点东西,但是老是提醒这个未定义,那个可能为空,主要是 tsconfig.json 中的严格模式我没关,所以今天总结一下,严格模式中【TS】...
-
typescript 前端 javascript Umi从服务端动态获取路由
Umi从服务端动态获取路由背景1、前提2、过程背景一开始我是在route.ts文件下将路由写死,需求方提出要从服务端动态获取左侧菜单,实现动态路由1、前提根据UmiJs官方文档中,我们可以看到运行时配置,提供了配置项,pat...
-
vue.js Vue TypeScript 使用eval函数的坑
...
-
javascript 前端(六)——TypeScript在前端中的重要性与应用
...
-
前端 typescript javascript Pinia知识点(vue3版本)
...
-
vue react javascript typescript 前端号外—2022年明星项目居然是它,Node.js危已?
导读 | 2022年是艰难的一年,不仅有互联网的寒冬、还有新冠疫情的洗礼。但是似乎这一切都阻挡不了JavaScript的内卷,一年不长不短的时间中,JavaScript从创新、性能、功能等多维度深度进化,给前端带来了诸多惊喜...
-
vue.js javascript vue(typescript)项目在vs中打开出现的各种问题
目录 vue3 报错解决:找不到模块或其相应的类型声明。(Vue 3 can not find module) 解决方案 一 解决方案 二1.在src目录下创建vue.d.ts文件(啥名字都行我直接叫vue了)2.在vue....
-
javascript react.js 前端 next.js+react+typescript+antd+antd-mobile+axios+redux+sass react服务端渲染构建项目,从构建到发布,兼容pc+移动端
简介:该教程兼容pc+移动端,如只需一端,可忽略兼容部分教程,根据需要运行的客户端构建项目antd官网:https://ant.design/components/overview-cn/antd-mobile官网:http...
-
前端 typescript vue3+ts 踩坑之路[1]
...
-
前端 开发语言 typescript JS和TS的区别
TypeScript[4] 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。 TS 拓展了 JS 的一...
-
react.js 前端 typescript react router v6路由守卫权限控制
react router v6路由守卫权限控制文章目录react router v6路由守卫权限控制前言一、个人需求二、实现思路1.路由守卫是什么2.react router与vue router比较2-1.参考vue ro...
-
vue.js npm typescript Vue3后台管理系统(十一)wangEditor富文本编辑器
...
-
ubuntu linux 探索 TypeScript 元组的用例
元组扩展了数组数据类型的功能。使用元组,我们可以轻松构造特殊类型的数组,其中元素相对于索引或位置是固定类型的。由于 TypeScript 的性质,这些元素类型在初始化时是已知的。使用元组,我们可以定义可以存储在数组中每个位置...
-
javascript 前端 typescript TypeScrippt知识
目录一、JavaScript是什么二、TypeScript是什么三、typescript使用1、后缀名为 .ts2、安装3、编译四、typescript基础语法1、数据类型2、任意值3、类型推论4、数组类型5、函数类型6、参...
-
react.js typescript monaco-editor 编辑器 react版本简单理解
1,下载安装依赖 我直接用的基于react的继承依赖,也可以用官网的。官网链接:monaco-deitor编辑器官网2,创建组件实例theme: 'vs', // 编辑器主题颜色folding: true, // 是否折叠f...
-
编辑器 javascript VScode 入门TypeScript 常见错误
问题描述:tsc : 无法加载文件 D:\Program Files\nodejs\node_global\tsc.ps1,因为在此系统上禁止运行脚本。 解决办法文章链接:关于执行策略 - PowerShell | Micr...
-
typescript javascript 【区块链技术与应用】(六)
引言本次任务相对顺利,因为是已经打包的案例。不过二三案例中不像案例一中有go的chaincode,执行需要花时间debug案例链接:案例一:资产转移基本示例代码分析资产转移基本示例演示:将客户端应用程序连接到 Fabric...
-
vue.js javascript typescript vue3+vite中配置路径别名@
1、在项目中安装依赖包 安装@types/node 这个配置地址时会用到 npm install @types/node --save-dev2、 修改vite.config.ts配置路径别名@import path fro...
-
javascript 前端 typescript Nextjs使用socket.io创建连接
文章目录ts支持服务端创建socket实例客户端连接总结ts支持如果使用typescript使用新的类型将socket添加 pages/types/next.ts* @Description: 添加socket类型服务端创建...
-
前端 typescript中的兼容性(十二)
TS中的兼容性自动类型推论概述对象类型兼容性对象类型兼容性(可多不可少 对象类型兼容性(类型必须一一对应 函数类型兼容性参数个数参数类型参数返回值双向协变函数重载可选参数及剩余参数枚举类型知识补充数据枚举类型字符串枚举类型异...
-
react.js javascript React+Typescript项目构建
React+Typescript项目构建流程汇总提示:使用 typescript文章目录React+Typescript项目构建流程汇总一、React手脚架构建?1.项目构建2、项目结构介绍3.项目结构重组二、构建前期准备安...
-
javascript java 数据类型和Typescript
什么是数据类型?如果你是一名程序员,那你一定使用过变量、函数参数或者函数返回值,它们都用来表示数据,在编程语言中无处不在; 但是,你是否知道它们的真正含义呢?又是否知道它们在后台如何控制计算机的呢?在很多如 C/C++/C#...
-
vue.js 前端 typescript 如何在Vue3中使用事件总线
...
-
前端 javascript TypeScript Angular 应用启用 PWA 特性的 Angular CLI 命令行
ng add @angular/pwa --project 这条命令在 Angular CLI 中,是用于将一个标准的 Angular 应用程序转化为一个渐进式网页应用(PWA,Progressive Web App)的命...
-
前端框架 echarts vue.js typescript anti-design-vue Vue3+Vite+AntDesign+Axios+Unocss 太爽了,直接上手和后端对接-适合白嫖
发现新大陆,大厂前端架构师搭建的后台管理框架,使用都是热门的前端技术栈;只会后端的我直接拿来入手练习项目,与后端接口对接分分钟完成。所用技术栈:效果图:关于每个技术点的优势总结:以下观点纯属个人对此框架的使用过程中的理解;v...
-
angular.js 前端 typescript anguar12里面FormControl学习
在Angular 12中,要动态修改FormGroup,你可以使用patchValue( 方法或setValue( 方法。使用patchValue( 方法: import { Component, OnInit } from...
-
vue.js javascript 前端 typescript Vue3 + TS 可拖拽穿梭框
...
-
reactjs typescript react:动态路由(vite)
在项目当中,尤其是在企业级的中后台项目当中,避免不了处理部分权限问题。这个时候就可以用动态路由来处理一路由导航权限问题。更为严格的权限问题,需要在实际的项目当中根据业务需求去处理。在之前的Vue文档中写过了关于动态动态路由的...
-
vue.js elementui typescript Vue3+Ts+Vite项目(第九篇)——基于el-menu封装左侧菜单栏组件,element-plus el-menu二次封装
...
-
typescript vue.js Promise 微前端nuxt3.0方便请求api可封装一个使用哈希算法出key值的http,http封装
/**** 获取接口前缀 */我这里为不同站点的接口做了区分,主站点为api,demo站点为demoapi // 默认正式接口//不是微前端的可以忽略这个例子 const prefixcode = process.c...
-
vue.js typescript javascript 运行3项目显示Module ‘“vue“‘ has no exported member ‘xxxx‘. Did you mean ‘Xxxx‘? TS2305: Module ‘“…/…/node
运行3项目显示Module ‘“vue”’ has no exported member ‘xxxx’. Did you mean ‘Xxxx’? TS2305: Module ‘“…/…/node_modules/vue/...
-
ubuntu javascript 【TypeScript】进阶之路语法细节,类型和函数
进阶之路类型别名(type 的使用接口(interface 的声明的使用二者区别:联合类型和交叉类型联合类型交叉类型类型断言获取DOM元素非空类型断言字面量类型的使用类型缩小(类型收窄)TypeScript 函数类型函数类型...
-
javascript typescript [前端攻坚]:数组去重的几种方法
总结一些日常需要用到的一些api,也是在一些面试中会经常出现的题目,今天分享的是数组去重的几个不同的方法, 同时文章也被收录到我的《JS基础》专栏中,欢迎大家点击收藏加关注。数组去重的方法1.set去重 2.map去重 3....
-
javascript typescript 开发语言 nest笔记十:typeorm使用经验小结
nest笔记十:typeorm使用经验小结nestjs系列笔记之前的笔记:nest记笔五:使用TypeORM连接mysql,可以使用typeorm的基本功能。随着开发的深入,很多已经满足不了要求了。写这小结的时候,typeo...
-
javascript 【TypeScript】tsc命令,基础语法,基础类型学习
安装tsc命令查看版本号将 TypeScript 转换为 JavaScript 代码,得到js文件参数选项参数含义–help显示帮助信息–module载入扩展模块–target设置 ECMA 版本–declaration额外...
-
前端 typescript环境搭建及ts文件调试方法
一、全局安装 typescript打开cmd窗口,执行命令:# 或者以下简写方式安装安装完成后可以执行命令,查看 typescript 安装版本安装成功的话,可以看到所安装的版本号:二、调试 ts 文件方法一(先编译后执行)...
-
前端 react.js typescript Umi4 从零开始实现动态路由、动态菜单
Umi4 从零开始实现动态路由、动态菜单 前言 前期准备 数据表珞 Mock数据 定义类型 开始 获取路由信息淋 patchRoutes({ routes, routeComponents} 生成动态路由所需...
-
react.js 前端 typescript 【react-router V6】useNavigate的使用
【react-router-dom V6】useNavigate的使用编程实现路由导航在v6之前的版本中可以直接使用history.push( 和history.replace( 来传递参数。在v6中使用useNavigat...
-
前端 javascript vue.js 基于 Vue3 + TypeScript 开发SSR系统(一):初始创建SSR
1 简介 Description基于 Vue3 + TypeScript 开发SSR渲染的Web应用系统全过程同系列文章: 1.基于 Vue3 + TypeScript 开发SSR系统(一):初始创建SSR2 关键词 Key...
-
前端 vue.js typescript Vue3中使用腾讯地图
...
-
前端 TypeScript入门学习汇总
...
-
npm node.js Typescript安装编译及运行
1、安装最新版本,安装到全局2、安装指定版本,安装指定版本到全局npm intsall -g typescript@版本号3、卸载4、查看安装的版本5、初始化,创建 tsconfig.json 文件( Creates a t...
-
javascript typescript 前端 JS数组对象——根据日期进行排序Date.parse(),按照时间进行升序或降序排序localeCompare()
JS数组对象——根据日期对象进行排序,按照时间进行升序或降序排序场景复现封装数组对象的排序方法根据日期和时间对象排序1、按照日期时间混合排序2、分别按照日期和时间进行排序场景复现排序在项目中非常实用,出现频率极高,尤其是后台...
-
vue.js javascript typescript 容器 【几乎最全/全网最长的 2 万 字】前端工程化完整流程:从头搭到尾(vue3 + vite + qiankun + docker + tailwindcss + iview......)
...
-
前端 typescript Angular 路由无缝导航的实现与应用(六)
文章目录什么是 Angular 路由配置路由模块在模板中使用路由链接在组件中获取路由参数Angular 是一种流行的前端开发框架,它提供了强大的路由功能,用于构建单页应用程序(SPA)。本文将介绍 Angular 路由的基本...
-
react.js 前端 typescript 性能优化之懒加载 - 基于观察者模式和单例模式的实现
一、引入 在前端性能优化中,关于图片/视频等内容的懒加载一直都是优化利器。当用户看到对应的视图模块时,才去请求加载对应的图像。 原理也很简单,通过浏览器提供的 IntersectionObserver - We...