摘要： const handleClick = (event: MouseEvent) => { const button = event.currentTarget as HTMLElement; // 計算點擊位置 const rect = button.getBoundingClientRect(); 閱讀全文

摘要： function compressImage(file, maxWidth, maxHeight, quality, callback) { // 創建FileReader讀取文件 let reader = new FileReader(); reader.readAsDataURL(file); 閱讀全文

摘要： <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 閱讀全文

摘要： ref 接受一個內部值并返回一個響應式且可變的 ref 對象。ref 對象僅有一個 .value property，指向該內部值 <template> <div> <button @click="changeMsg">change</button> <div>{{ message }}</div> 閱讀全文

摘要： 介紹虛擬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比較全一點把路由 閱讀全文

摘要： vue2和vue3對比 vue2是optionsApi（分散式又叫選項API） vue3是compositionApi （組合式） vue新特性 重寫雙向綁定 vue2是基于Object.defineProperty()（深入淺出）實現 vue3 基于Proxy（代理） vue3 允許我們支持多個根 閱讀全文