问题描述

在 uniapp 的组件中使用 canvas 组件，发现在页面中渲染不出来。

原因分析

在 uniapp 中将 canvas 做成组件并在微信小程序中无法正常显示的主要原因包括以下几点 ‌： 1、没有写 canvas-id‌：在自定义组件中，canvas 标签必须指定 canvas-id 属性，否则无法正确创建和管理 canvas 上下文 ‌。 2‌、uni.createCanvasContext 方法没有传入组件实例 ‌：在单独作为组件引入时，需要传入组件实例。在 Vue 2 中是 this，在 Vue 3 中是 getCurrentInstance()‌。canvas 标签上写了 type="2d"‌：在自定义组件中，不应使用 type="2d"，因为这会导致无法绘制图形 ‌。 3‌、没有在 onReady 或者 onMounted 生命周期里实例化 canvas‌：确保在组件的生命周期钩子 onReady 或 onMounted 中实例化 canvas，以确保画布正确初始化 ‌。

简介

PostCSS 是一款借助 JavaScript 插件来转换样式的工具。这些插件能够对 CSS 进行代码检查，支持变量和混合，将未来的 CSS 语法转译为当前可使用的语法，内联图像，以及更多功能。

PostCSS 被包括维基百科、推特、阿里巴巴和 JetBrains 在内的行业领军者所使用。Autoprefixer 和 Stylelint 这两款 PostCSS 插件是一些最受欢迎的 CSS 工具。

插件

为什么要使用 VSCode 来编辑 uni-app 程序

主要对于 TypeScript 项目，vscode 有更好的支持，同时也有 uni-app 插件来辅助开发。还有 AI 代码补全等功能，代码提示和补全更方便、准确和智能。

cli 创建的项目和 HBuilderX 创建项目的区别

• cli 创建的项目，是传统的 node 项目结构。工程代码在 src 目录下，编译器在项目下，编译结果在 dist 目录下。
• HBuilderX 可视化创建的项目，是一种免 node 开发概念。工程代码在项目目录下，编译器在 HBuilderX 目录下而不是项目下，编译结果在项目的 unpackage 目录下。