TypeScript

uni-app+vue3+ts项目搭建完整流程

项目代码同步更新至码云 uni-vue3-ts-template 开发前准备 利用 uni-app 开发,有两种方法: 通过 HBuilderX 创建(需安装 HBuilderX 编辑器) 通过命令行创建(需安装 NodeJS 环境),推荐使用 vscode 编辑器 这里我们使用第2种方法,这 »

TS MQTT封装

TS MQTT封装 导入相关包 npm i mqtt npm i lodash guid 随机生成就行,具体可以参考百度或者随便生成一个随机数* 代码封装 import mqtt from 'mqtt' import type { MqttClient, OnMessageCallback, ICl ... »

Vite4+Typescript+Vue3+Pinia 从零搭建(7) - request封装

项目代码同步至码云 weiz-vue3-template 基于 axios 封装请求,支持多域名请求地址 安装 npm i axios 封装 utils 目录下新建 request 文件夹,并新建 index.ts、request.ts 和 status.ts 文件。 1. status.ts »

weizwz vue

精通TypeScript:打造一个炫酷的天气预报插件

前言 ​ 随着数字化和信息化的发展,数据大屏使用越来越广泛,我们不仅需要展示数据,更需要以一种更加美观的方式展示数据。这就必然需要使用到各种图表组件,比如柱状图、饼图、折线图等等。但是有一些效果不太适合通过这种常规图表实现,比如3D效果图表、组织结构、天气预报等这些特殊效果。那么这种特殊效果,我们就 »

深度掌握TypeScript中的重载【函数重载、方法重载】

深度掌握TypeScript中的重载【函数重载、方法重载】 1. 函数重载,方法重载的重要性 著名前端流行框架底层都用到函数重载,例如:Vue3 底层源码就多处使用到带泛型的函数重载。很多前端面试更是拿函数重载作为考核求职者 TS 技能是否扎实的标准之一,如果你不掌握函数重载,等于你的 TS 技能有 »

Vite4+Typescript+Vue3+Pinia 从零搭建(6) - 状态管理pina

项目代码同步至码云 weiz-vue3-template pina 是 vue3 官方推荐的状态管理库,由 Vue 核心团队维护,旨在替代 vuex。pina 的更多介绍,可从 pina官网 查看 特点 更简洁直接的 API,提供组合式风格的 API 支持模块热更新和服务端渲染 对TS支持更为友 »

weizwz vue

Vite4+Typescript+Vue3+Pinia 从零搭建(5) - 路由router

项目代码同步至码云 weiz-vue3-templateVue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成,让用 Vue.js 构建单页应用变得轻而易举。 1. 安装 npm i vue-router@4 2. 集成 1. 新建两页面进行示例 在src/view »

weizwz vue

Vite4+Typescript+Vue3+Pinia 从零搭建(4) - 代码规范

项目代码同步至码云 weiz-vue3-template 要求代码规范,主要是为了提高多人协同和代码维护效率,结合到此项目,具体工作就是为项目配置 eslint 和 prettier。 editorconfig 安装 EditorConfig for VS Code 插件,根目录下新建 .edit »

weizwz vue

Vite4+Typescript+Vue3+Pinia 从零搭建(3) - vite配置

项目代码同步至码云 weiz-vue3-template 关于vite的详细配置可查看 vite官方文档,本文简单介绍vite的常用配置。 初始内容 项目初建后,vite.config.ts 的默认内容如下: import { defineConfig } from 'vite' import vu ... »

weizwz vue

React项目中应用TypeScript

前言 主要根据vue官网文档完成。对一些平时可能会用到的知识、组件进行收集,为的是对vue的可用性有一个大致的了解。博客中的组件介绍可能只涉及简单用法,完整用法还是以官网为准。   基础 启动过程: 主文件(main.js)是程序的起点,在主文件里挂在容器。如app.mount( »

Typescript详解

前言 主要根据vue官网文档完成。对一些平时可能会用到的知识、组件进行收集,为的是对vue的可用性有一个大致的了解。博客中的组件介绍可能只涉及简单用法,完整用法还是以官网为准。   基础 启动过程: 主文件(main.js)是程序的起点,在主文件里挂在容器。如app.mount( »

ypSharing

Vue项目中应用TypeScript

前言 主要根据vue官网文档完成。对一些平时可能会用到的知识、组件进行收集,为的是对vue的可用性有一个大致的了解。博客中的组件介绍可能只涉及简单用法,完整用法还是以官网为准。   基础 启动过程: 主文件(main.js)是程序的起点,在主文件里挂在容器。如app.mount( »

用TypeScript开发了一个网页游戏引擎,开放源代码

前言 主要根据vue官网文档完成。对一些平时可能会用到的知识、组件进行收集,为的是对vue的可用性有一个大致的了解。博客中的组件介绍可能只涉及简单用法,完整用法还是以官网为准。   基础 启动过程: 主文件(main.js)是程序的起点,在主文件里挂在容器。如app.mount( »

rufi

TypeScript 中命名空间与模块的理解?区别?

前言 主要根据vue官网文档完成。对一些平时可能会用到的知识、组件进行收集,为的是对vue的可用性有一个大致的了解。博客中的组件介绍可能只涉及简单用法,完整用法还是以官网为准。   基础 启动过程: 主文件(main.js)是程序的起点,在主文件里挂在容器。如app.mount( »

TypeScript知识:Property \'xxx\' does not exist on type \'never\'.

前言 主要根据vue官网文档完成。对一些平时可能会用到的知识、组件进行收集,为的是对vue的可用性有一个大致的了解。博客中的组件介绍可能只涉及简单用法,完整用法还是以官网为准。   基础 启动过程: 主文件(main.js)是程序的起点,在主文件里挂在容器。如app.mount( »

goloving

TypeScript从入门到项目实战(进阶篇)

前言 主要根据vue官网文档完成。对一些平时可能会用到的知识、组件进行收集,为的是对vue的可用性有一个大致的了解。博客中的组件介绍可能只涉及简单用法,完整用法还是以官网为准。   基础 启动过程: 主文件(main.js)是程序的起点,在主文件里挂在容器。如app.mount( »

smileZAZ

【TypeScript整理】

前言 主要根据vue官网文档完成。对一些平时可能会用到的知识、组件进行收集,为的是对vue的可用性有一个大致的了解。博客中的组件介绍可能只涉及简单用法,完整用法还是以官网为准。   基础 启动过程: 主文件(main.js)是程序的起点,在主文件里挂在容器。如app.mount( »

0前端 框架 库_千万别去碰js呀 混合APP_webAPP_美工 选有类型的语言,比如TypeScript - xiaoCong2015

前言 主要根据vue官网文档完成。对一些平时可能会用到的知识、组件进行收集,为的是对vue的可用性有一个大致的了解。博客中的组件介绍可能只涉及简单用法,完整用法还是以官网为准。   基础 启动过程: 主文件(main.js)是程序的起点,在主文件里挂在容器。如app.mount( »

xiaoCong2016

Vue3+Typescript+Node.js实现微信端公众号H5支付(JSAPI v3)教程--各种填坑

前言 主要根据vue官网文档完成。对一些平时可能会用到的知识、组件进行收集,为的是对vue的可用性有一个大致的了解。博客中的组件介绍可能只涉及简单用法,完整用法还是以官网为准。   基础 启动过程: 主文件(main.js)是程序的起点,在主文件里挂在容器。如app.mount( »

laolv4519