前端开发

从部署到实践，即刻拥有你的专属龙虾助手

OpenClaw开发者专区🦞🦞🦞

自行/邀约他人一键搬运博客，享价值百万资源包

腾讯云自媒体同步曝光计划

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

腾讯技术创作特训营知识专栏

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

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

交叉类型（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专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

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

前端开发

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐