2025年3月15日

Vite 和 Webpack 的热更新(HMR)有什么区别?

摘要: 🚀 Vite 和 Webpack 的热更新(HMR)有什么区别? ✅ 1. 核心区别 对比项Vite HMRWebpack HMR 运行方式 基于原生 ESM 模块 基于 Webpack 依赖图 更新机制 按需更新,直接替换模块 需要构建整个模块依赖树 性能 极快,无需重新打包整个项目 慢,需要 阅读全文

posted @ 2025-03-15 23:38 ChoZ 阅读(1) 评论(0) 推荐(0) 编辑

虚拟滚动列表

摘要: 1.一次性传入大量数据的情况下,通过滚动数据位置,只显示10条数据 (1)计算可视区域 设定每个列表项的高度(如 itemHeight = 50px)。 计算可视区域内可显示的最大列表项数量: visibleCount=Math.ceil(视口高度/itemHeight)visibleCount = 阅读全文

posted @ 2025-03-15 17:37 ChoZ 阅读(1) 评论(0) 推荐(0) 编辑

canvas 添加水印

摘要: 🚀 使用 Canvas 给图片添加水印 在 Web 开发中,给图片添加水印可以使用 Canvas API,这样可以确保水印不会被轻易移除,同时不会影响图片的清晰度。 📌 1. 使用 Canvas 给图片添加水印(基础版) ✅ 示例:在图片右下角添加水印 <canvas id="watermark 阅读全文

posted @ 2025-03-15 15:26 ChoZ 阅读(2) 评论(0) 推荐(0) 编辑

2025年3月13日

eletron开发

摘要: 1.安装 npm i electron electron-builder -D 2.编写electron主进程文件 // 主进程文件 import { app, BrowserWindow } from 'electron' app.whenReady().then(() => { const wi 阅读全文

posted @ 2025-03-13 23:16 ChoZ 阅读(3) 评论(0) 推荐(0) 编辑

2025年3月11日

router

摘要: 1.创建router文件 import { createRouter, createWebHistory } from 'vue-router' import type { RouteRecordRaw } from 'vue-router' const routes: Array<RouteRec 阅读全文

posted @ 2025-03-11 00:57 ChoZ 阅读(6) 评论(0) 推荐(0) 编辑

2025年3月10日

router初始化

摘要: import { createRouter, createWebHistory } from 'vue-router' import type { RouteRecordRaw } from 'vue-router' const routes: Array<RouteRecordRaw> = [ { 阅读全文

posted @ 2025-03-10 15:57 ChoZ 阅读(1) 评论(0) 推荐(0) 编辑

2025年3月9日

发布APP

摘要: 1.基础配置(启动界面、模块、配置等按需配置) 2.自定义基座,并点击打包 3.本地启动,在逍遥模拟器上运行,模拟器环境没有问题打线上包 4.打线上包 5.打包完成,提供临时下载地址,可以使用unicloud存储为持续性下载地址 阅读全文

posted @ 2025-03-09 18:41 ChoZ 阅读(2) 评论(0) 推荐(0) 编辑

h5发布

摘要: 1.manifest配置 2.在hubildX打包项目,需安装插件 3.查看打包好的文件,通过这个包可以到uniCloud发布 阅读全文

posted @ 2025-03-09 16:58 ChoZ 阅读(3) 评论(0) 推荐(0) 编辑

微信小程序发版

摘要: 1.配置request服务地址:配置请求后端地址 2.如果有需要下载文件,则配置downloadFile服务地址: 3.配置mainfest.json 4.使用hbuildX发行功能(需要注册hbuild账号和绑定手机号码,获取appid) 5.打包后的文件 6.会自动打开微信小程序开发工具,手动点 阅读全文

posted @ 2025-03-09 15:55 ChoZ 阅读(7) 评论(0) 推荐(0) 编辑

2025年3月5日

mp-html富文本渲染插件

摘要: <template> <mp-html :content="html"></mp-html> </template> <script setup> const html = '<div>123<h1>5555</h1></div>' </script> <style scoped lang="scs 阅读全文

posted @ 2025-03-05 11:27 ChoZ 阅读(2) 评论(0) 推荐(0) 编辑

导航