Vue3单元测试 近来工作接触了一个有意思的东西,那就是Vue3的单元测试。虽说写起来费时费力,但是它确实可以让我们设计的组件更加健壮、更加合理且风险可控,同时编写单元测试也让我们更近一步理解组件的设计原理,好了废话不多说...
-
vue.js Vue3+Typescript+Vitest单元测试环境+基础用例篇
-
javascript 前端 TypeScript 中的 Map 对象定义、基本操作和常见用法
在 TypeScript 中,Map 对象是一种用于存储键值对的集合。它类似于 JavaScript 中的对象,但提供了更强大、更灵活的功能。本文将详细介绍 TypeScript 中的 Map 对象,包括定义、基本操作和常见...
-
微信小程序(typescript) npm添加Tdesign UI组件库
最近,发现一个新的微信小程序UI组件库-TDesign。腾讯自家出品,颜值杠杆。网址如下: https://tdesign.tencent.com/miniprogram/getting-started 安装 使用NPM N...
-
JavaScript TypeScript npm 镜像源 运行时环境 包管理器 最新Node.js安装详细教程及node.js配置
目录 一、Node.js简介及其下载地址 1、编译器、运行环境、开发环境的区别 2、Node.js与JavaScript、TypeScript 3、Node.js与浏览器 二、单击网站的Downloads,选择对应的系统下载...
-
javascript 前端 TypeScript 中的 .d.ts 文件:加强类型支持,提升开发效率
1.引言 什么是 .d.ts 文件 当我们使用 TypeScript 开发时,类型声明是非常重要的。它们提供了代码的静态类型检查和智能提示,以增强代码的可读性、可维护性和可靠性。然而,对于已有的 JavaScript 库...
-
javascript typescript git 前端 vue.js tsconfig.json配置详解
1、tsconfig.json是TypeScript编辑器的配置文件,通常存在于项目的根目录中,TypeScript编译器可根据它的信息来对代码进行编译。根选项: include:用来指定哪些ts文件需要被编译,否则默认当...
-
javascript 前端 Typescript的Promise原理及应用场景
Typescript的Promise原理及应用场景 Promise的基本原理 TypeScript 是一种静态类型检查的编程语言,它是 JavaScript 的超集。它允许开发者在编写代码时定义变量、函数和对象的类型,并在编...
-
前端 javascript 面试 开发语言 TypeScript(十二)模块
...
-
harmonyos typescript 鸿蒙 ArkTS Tabs组件实现类微信(可滑动的)tabBar页签切换页面功能
关键词:harmonyOS 鸿蒙开发 ArkTS TabContent 使用场景:类微信底部导航栏,点击/左右滑动切换页面并加载数据 开发环境:ArkTS3.1 API9 Phone设备 HMOS Dev官方文档...
-
javascript 前端 typescript JS 正则表达式(正则匹配RegExp)
JavaScript实现对象深拷贝的方法(5种) 知识回调(不懂就看这儿!)场景复现核心干货举例引入关于RegExp对象语法修饰符——区分大小写和全局匹配方括号——查找某个范围内的字符元字符——拥有特殊含义的字符量词Reg...
-
vue.js typescript vue3 清空/重置reactive
序: 1、适用场景:表单切换验证如下图。 我举个例子,如果下拉选银行卡,提交表单的时候所属银行是要必填验证,但是如果选支付宝,那所属银行就非必填了,然而很多时候from的rules是以pro...
-
npm typescript 用webpack打包TS时遇到的问题一
一、安装各种依赖 npm i -D webpack-dev-server@3.10.2 --------------启动开发服务器的 npm i -D html-webpack-plugin@4.0.0-alpha...
-
react.js React+Typescript+Electron 开发跨平台桌面应用教程
...
-
javascript 前端 html ecmascript typescript console对象与控制台
...
-
javascript TypeScript笔记
文章目录 什么是TS前期准备安装TSTS配置文件 基础类型原始类型 object类型 数组类型 元组类型 枚举 函数类型可选参数和默认参数剩余参数 any任意类型 高级类型交叉类型联合类型 接口类...
-
javascript 前端vue3+typescript搭建vite项目(初识vite+项目配置完善+屏幕适配)
一、文章引导 前端vue3+typescript搭建vite项目 屏幕适配 默认清除配置 vite.config.ts配置...
-
前端 javascript html5 TypeScript【第三方声明文件、自定义声明文件、tsconfig.json文件简介、tsconfig.json 文件结构与配置】(六)-全面详解(学习总结---从入门到深化)
...
-
学习 harmonyos 华为 typescript 程序人生 阿里云 CSDN开发云 2023年——我和夸智的一周年纪念日|回顾与展望|汗水与成长
个人主页: Aileen_0v0 热门专栏: 华为鸿蒙系统学习|计算机网络|数据结构与算法 个人格言:"没有罗马,那就自己创造罗马~" 目录 对2023的总结与回顾 获奖记录 学习记录 感恩相遇 TypeS...
-
vue.js javascript typescript vue实现动态路由添加(简单无废话第二种方法)
最近学习了后台管理系统路由权限部分实现的第二种思路,进行前面介绍过第一种方法: vue实现动态路由添加(简单无废话版本) 这里只是记录我个人最后实现的思路,本人由于是初学者,可能思路和代码有不正确地方,还求多见谅。也请能不吝...
-
javascript 前端 typescript vue-element-admin(后端管理系统)
1. vue-element-admin 项目的基本了解与总结 感谢这个博主的文章@初晨 windows 安装失败的很大原因是 node-sass 问题 换源一下就好了。 2. vue-element-admin 使用中遇...
-
前端 开发语言 typescript ts中的类型判断
主要使用typeof 和 instanceof 关键字, typeof可以只能判断基本的几种类型, 包括 "number"、"string"、"boolean"、"object"、"undefined"、"function"...
-
react.js ant-design中form组件的item在typescript环境下自定义提示文字(Form.Item的tooltip属性)及提示图标
一. 实现效果 代码环境:react、typescript、ant-design-react ant-design-react中用到的组件为Form 想要实现的效果如下图: 上图中: ① 每个label文字内容后面的问号为自...
-
typescript vue.js vue3项目中引入ts
...
-
javascript 前端 require加载静态资源 找不到require Vue3+TypeScript项目报错: 找不到名称“require”。是否需要为节点安装类型定义?
问题:Vue3+TypeScript项目编写代码时报错:找不到名称“require”。是否需要为节点安装类型定义?请尝试使用 npm i --save-dev @types/node。 描述:今天在开发项目时(项目框架为V...
-
javascript typescript 前端 removeEventListener取消事件监听的坑
从addEventListener说起,上代码 doSth(param //param为参数addEventListener有一个箭头函数回调函数,这个函数本身不能传参(当然event除外),如果你要传参,只...
-
react.js 前端 前端框架 typescript 使用createRoot()方法创建的react组件在调用ReactDOM.unmountComponentAtNode()方法卸载报错的解决方案
报错: 翻译: 警告:unmountComponentAtNode():您试图卸载的节点由React渲染,不是顶级容器。相反,请父组件更新其状态并重新读取,以便删除此组件。 警告:您正在调用ReactDOM。在之前传递给Re...
-
react.js 前端 typescript React中提示XXX不能用作JSX组件
1.在公司项目中,多个页面出现过报错,在开发后发现对页面没有影响,一直没有进行处理,后来再次处理的时候没有找到问题发生的情况,在CSDN找到帖子,使用如下的方式解决了文件报错 此时发现自己封装的组件仍旧提示 "xxx"不能用...
-
javascript 前端 typescript 使用 Three.js 搭建元宇宙基础交互 | 大帅老猿 Three.js 特训
大家好,今天使用 Three.js 搭建一个简单的元宇宙项目。 预览效果 首先先看预览效果:预览 初始化项目 首先我们使用 vite 创建 vanilla-ts 项目,并且安装 Three.js。 使用 pnpm run d...
-
typescript 前端 TS中never类型、any、unknown类型
1.any是任何类型,可认为是全集; 2.unknown是位置集; 3.never是空集,可用来做检查; 一、any any是TS中有的任何数据类型 二、unknown 就是把这个类型盖住,比如从接口中获取的类型,(一般是从...
-
前端 typescript react.js 使用antd中的RangePicker组件时,出现“没有与此调用匹配的重载”的错误怎么办?
原因分析 其实很多时候是ts语法机制问题,主要是类型匹配上不,将这些类型改写成any即可。 为什么有的时候可以按照官网用不出错,有时又会出错呢?因为项目中使用的版本不一。 如何解决?请看下面: 1.antd官网源码 代码如下...
-
前端 typescript 开发语言 ecmascript 如何在 JavaScript 中将数组转为对象
首先,我们需要明白对象具有键和值。 如果我们想把某个东西转换成一个对象,我们需要传递具有这两个要求的东西:键和值。 满足这些要求的参数有两种类型: 具有嵌套键值对的数组 Map 对象 数组 这是一个带有键值对的嵌套...
-
react.js typescript 前端 使用create-react-app构建react+ts项目(超详细)
写在前面 本文主要介绍的是如何通过create-react-app快速搭建一个react+ts的web项目,同时引入了ant-design组件库,路由(react-router-dom 以及使用redux作为状态管理库;希望...
-
typescript TS2669: 全局范围的扩大仅可直接嵌套在外部模块中或环境模块声明中的解决方案
出现问题:想更改全局变量里面的配置 问题原因: 如果最上面不是import或者export,这个文件会被当成一个全局的TS脚本,而不是模块。所以,之前的写法中,最上面只有一个declare,会被编译器当成是一个脚本。而在T...
-
vue.js typescript 基于Vue+Python的应用搭建——前端[1]
...
-
html5 javascript css react.js typescript ant-design React table表格组件合并展开错位解决
错误现象 先看下我的需求,表格的column是后端返回,且个数不是固定的,第一列需要进行合并,第二列开始需要支持展开。 接下来是第一次尝试实现,在column里面通过items的数据筛选,确定rowSpan的值,结果就是第...
-
typescript tsconfig.json文件配置详解与常用配置
在TS的项目中,TS最终都会被编译JS文件执行,TS编译器在编译TS文件的时候都会先在项目根目录的tsconfig.json文件,根据该文件的配置进行编译,默认情况下,如果该文件没有任何配置,TS编译器会默认编译项...
-
javascript 前端 typescript es6 开发语言 js操作数组的常用方法
目录 一 、数组的创建二、常用方法1、arr[索引值]2、arr.push( 末尾追加3、arr.unshift( 首位添加4、arr.pop( 删除最后一项5、arr.shift( 删除第一项6、arr.reve...
-
react.js 前端 typescript javascript React封装axios请求
1、前言 因为最近在进行老系统用新框架改造,正好用到了react,就顺便整理了一下react中对axios进行封装的相关知识点和步骤。 2、如何封装 可以参考一下chat gpt给出的回答。...
-
react.js 前端 解决 React forwardRef 与 TypeScript 泛型组件冲突的问题
forwardRef是一个可以将组件内的ref对外暴露的高阶组件,当你的组件需要对外暴露元素的Ref,或者想对外暴露某些内部方法,就可以使用这个 (对应vue3的 expose 方法) 但是当...
-
javascript 【03】基础知识:typescript中的函数
一、typescript 中定义函数的方法 函数声明法 return '返回类型为string' console.log('没有返回值的方法' 函数表达式/匿名函数 二、typescript 中 函数参数写法 1、type...
-
前端 typescript Angular 进阶之五: Signals到底用不用?
Angular 在V16的时候推出了Signals,在17正式作为主打功能之一强烈推荐,看过了各种博主的各种科普文章也没说明白,到底这东西值不值得用?毕竟项目大了,重构代码也不是闹着玩儿的。各种科普文章主要在说两点: 1....
-
javascript 深入理解ArkTS:Harmony OS 应用开发语言 TypeScript 的基础语法和关键特性
文章目录 前言 TypeScript语法 变量声明 条件控制 循环迭代 函数 类和接口 模块开发 文章总结 要点总结前言 Harmony OS应用开发的主力语言ArkTS的前身T...
-
javascript 前端 深入理解Axios的TypeScript类型的约束
axios是一个非常流行的http请求库,而在typescript当中,使用泛型可以为axios的请求和响应去添加更为强大的类型约束。 什么是泛型? 泛型 (Generics 允许你编写可以适用于不同类型的代码,以增强代码...
-
javascript vue.js 教程10 Vue3的生命周期与方法(Typescript)+ Setup语法糖详解 + setup中的生命周期钩子
...
-
vue.js 前端 javascript typescript 前端框架 Vue3核心知识点合集
...
-
javascript typescript webpack babel与AST
初始化项目 此时在package.json里面加入以下依赖 babel以及项目依赖 对使用到的包进行说明 详细内容请参考: 理解babel的基本原理和使用方法 @babel/core Babel 是一个 JavaScript...
-
vue.js javascript typescript 使用TS 开发vue项目
...
-
javascript vue.js 前端 typescript html5 h5 使用canvas绘制海报并保存到本地
最近做了一个项目,需求是这样的:保存海报到本地,如图 点击保存之后需要下载到本地 刚开始采用的是html2canvas找个插件,可以用但是发现保存的图片很模糊,如下: 这样肯定是不行的,于是决定用canvas手写一个...
-
typescript Vue3+Vite+Ts 项目实战 05 用户登录和身份认证
...
-
javascript 前端 typescript echarts echart图表 和弦关系图 悲惨世界人物关系图的使用及配置项 修改旋转角度 顺时针旋转
...