2024年11月2日
摘要：
const handleClick = (event: MouseEvent) => { const button = event.currentTarget as HTMLElement; // 计算点击位置 const rect = button.getBoundingClientRect(); 阅读全文
2024年11月1日
摘要：
function compressImage(file, maxWidth, maxHeight, quality, callback) { // 创建FileReader读取文件 let reader = new FileReader(); reader.readAsDataURL(file); 阅读全文
2024年9月27日
摘要：
<template> <view class="container"> <view class="content"> <map :scale="14" :show-location="true" :show-compass="true" class="map-content" :latitude=" 阅读全文
摘要：
// 跳转高德地图 const openAmap = () => { // 高德地图URL模板，其中"latitude"和"longitude"是你要标记的坐标 const lat = 39.90; // 纬度 const lon = 116.40; // 经度 const amapUrl = `h 阅读全文
2023年12月5日
摘要：
ref 接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象仅有一个 .value property，指向该内部值 <template> <div> <button @click="changeMsg">change</button> <div>{{ message }}</div> 阅读全文
2023年11月28日
摘要：
介绍虚拟DOM 虚拟DOM就是通过JS来生成一个AST节点树 为什么要有虚拟DOM？ 一个dom上面的属性是非常多的，所以直接操作DOM非常浪费性能 介绍Diff算法 diff算法的目的就是找出新旧不同虚拟DOM之间的差异,使最小化的更新视图，所以 diff 算法本质上就是比较两个js对象的差异 特 阅读全文
摘要：
指令 v- 开头都是vue 的指令 v-text 用来显示文本 v-html 用来展示富文本 v-if 用来控制元素的显示隐藏（切换真假DOM） v-else-if 表示 v-if 的“else if 块”。可以链式调用 v-else v-if条件收尾语句 v-show 用来控制元素的显示隐藏（di 阅读全文
摘要：
Vite目录 public 下面的不会被编译 可以存放静态资源 assets 下面可以存放可编译的静态资源 components 下面用来存放我们的组件 App.vue 是全局组件 main ts 全局的ts文件 index.html 非常重要的入口文件 vite config ts 这是vite的 阅读全文
摘要：
下载node.js 可以在终端输入npm -v 来检查是否安装成功 成功以后会展示版本号 构建vite项目 使用vite初始化一个项目 npm创建 npm init vite@latest 和 npm init vue@latest 都可以创建 npm init vue@latest比较全一点把路由 阅读全文