前端开发

代码在线跑，知识轻松学

Python精品学习库

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

博客搬家 | 分享价值百万资源包

往期视频·干货材料·成员作品 最新动态

技术创作特训营·精选知识专栏

新邀入驻腾讯云开发者社区，福利多多！

如何运用「云、端融合的数智化安全体系」高效护航数据安全

左手AI，右手安全 —— 一汽丰田数字化转型之路

如何寻找到文件在电脑中安装的位置

交叉类型（intersection types）指的多个类型组成的一个新类型，使用符号&表示。

交叉类型的主要用途是表示对象的合成

JavaScript 语言中，typeof 运算符是一个一元运算符，返回一个字符串，代表操作数的类型。

不要混淆 typeof 的值运算和类型运算

上面示例中，变量a和b的类型是不一样的，但是变量a赋值给变量b并不会报错。这时，我们就认为，b的类型兼容a的类型。

什么是类型兼容？

TypeScript 数组有一个根本特征：所有成员的类型必须相同，但是成员数量是不确定的，可以是无限数量的成员，也可以是零成员。

TypeScript 的数组类型

JavaScript 的 8 种类型之中，undefined和null其实是两个特殊值，object属于复合类型，剩下的五种属于原始类型（primitive value），代表最基本的、不可再分的值。

理解包装对象类型

如果一个变量有多种类型，读取该变量时，往往需要进行“类型缩小”（type narrowing），区分该值到底属于哪一种类型，然后再进一步处理。

通过类型缩小来处理联合类型值

上面示例中，type命令为number类型定义了一个别名Age。这样就能像使用number一样，使用Age作为类型。

type 命令

uni-app 的本地持久化处理与网页端是有所不同的，其它使用都差别不大，如下是实现小程序端的 Pinia 持久化的改变：

6. 小程序端的 Pinia 持久化

由于 Volar 插件升级到了 Vue - Office 版本，然后安装过后有一个问题就是：不兼容 uni-app 的 nativeTags 配置，因此我就尝试了降低 Vue - Office 的版本，降到了其最低版本，就可以兼容了。

5. 解决 nativeTags 不被 Vue - Office 插件兼容的问题

 出现错误：类型“{ class: string; }”的参数不能赋给类型“ComponentPublicInstanceConstructor<{ props: { style?: unknown; readonly hoverClass?: string | undefined; readonly hoverStopPropagation?: boolean | undefined; … 12 more …; class?: unknown; }; … 10 more …; watch<T extends string | ((…args: any) => any)>(source: T, c…”的参数。 不能将类型“{ class: string; }”分配给类型

4. 解决uni-app开发过程中view、image等标签出现诸如“出现错误：类型“{ class: string； }”的参数不能赋给类型“.......”

由于 HBuild 开发很不舒服，Vscode 舒服一点，然后安装这三个插件，这三个插件支持：

3. 使用 VsCode 开发 uni-app 项目需要使用到的插件

使用 npm 安装好 uni-ui 之后，需要配置 easycom 规则，让 npm 安装的组件支持 easycom

2. 集成 uni-ui 组件库

首先我们在 HBuilder 建立好一个 uniapp 的项目之后，首先要找到微信官网找到自己的 appid，寻找到 appid 之后就找到新建项目中的 manifest.json 文件，在该文件中将你的 appid 粘贴进去：

1. 建立 HBuilder 与 微信开发者的联系

之后在项目根目录创建 mock 文件夹，去创建我们需要的 Mock 数据和对应的接口

Vite 项目中如何去集成 Mock 环境 （插件：vite-plugin-mock）

接口在发起请求的时候可能是会携带参数的，以及服务器返回的数据等等这些都是需要被定义数据的类型的，因此该配置文件的作用就体现出来了。

TypeScript 项目中接口的统一管理

index.ts 文件作为该 按钮 Button 的入口文件，这里导出了组件及其类型定义

小而美的IKUN-UI组件库源码学习（按钮 Button）

此时仅仅是删除了应用软件，如果重新下载安装之前得插件和个人配置还会重新加载，所有需要完全删除插件和个人配置

如何彻底卸载VSCode及其原来的插件配置缓存

项目开发过程中，至少会经历开发环境、测试环境和生产环境(即正式环境)三个阶段。不同阶段请求的状态(如接口地址等)不尽相同，若手动切换接口地址是相当繁琐且易出错的。于是环境变量配置的需求就应运而生，我们只需做简单的配置，把环境状态切换的工作交给代码。

Vue开发项目过程中环境变量的配置（vite、vue3、ts)

在开发项目的时候经常会用到svg矢量图,而且我们使用SVG以后，页面上加载的不再是图片资源，这对页面性能来说是个很大的提升，而且我们SVG文件比img要小的很多。放在项目中几乎不占用资源。

Vite项目当中的SVG图标的配置及图标全局组件的封装

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

腾讯云开发者社区推出了前端开发专栏，为你提供了前端开发的相关文章，致力于帮助开发者快速成长与发展。

前端开发

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐