酱紫学习笔记

本文使用TRAE SOLO正式版，优化并开源了“像老乡鸡那样做饭”小程序。通过SOLO模式优化UI与数据，连接Supabase管理后端，并配置GitHub Actions实...

本文分享将 VitePress 博客改造为 PWA 的实践：通过 @vite-pwa/vitepress 插件实现离线访问、本地安装及桌面快捷方式。改造后二次访问秒开，断网...

WotUI 1.13 版本推出了专门的 VSCode 插件，为开发者提供更智能的代码编写支持，今天我们来聊一聊 wot-ui intellisense 以及它是如何实现 V...

uni-app支持纯血鸿蒙开发！本文以wot-starter模板为例，详解环境配置、运行调试及打包流程，实现与安卓/iOS一致的体验。需规避APP-PLUS条件编译及plu...

flex布局极大的提高了我们布局的效率，更简单、灵活。 主轴对齐方式 属性值 作用 flex-start 默认值, 起点开始依次排列 flex-end 终点开始依次排列 c...

PC端和移动端区别 PC端 屏幕大，网页固定版型 PC端浏览器繁多，更多考虑兼容性问题。（布局： 浮动+定位+标准流） 移动端 手机屏幕小，网页宽度多数为100%，是适配手...

动画可以不需要用鼠标触发，自动重复执行变形。 1.使用动画需要先定义动画： 或者可以用百分比表示： 2.调用动画 动画属性 动画名字参照css类选择器命名 动画时长和延迟时...

3D坐标系 3D 坐标系比2D坐标系多了一个Z轴。 X 轴 越往右越大 Y 轴 越往下越大 Z 轴 越往屏幕越大 3D位移 transform: translate3d(x...

变形可以改变盒子在平面内的形态（位移、旋转、缩放、倾斜等等） 位移translate translate可以让盒子沿着x轴或者y轴来移动。 位移和margin区别： mar...

下载字体图标 字体图标的选择和上传（UI美工） 具体的步骤： 使用字体图标 复制相关文件到fonts文件夹里面。 2.引入css <link rel="stylesheet...