摘要：
在網站進行移動端 Web 適配開發中，彈窗和導航欄彈出等常常會出現一些問題，如果是奇奇怪怪的客戶嚴格要求的話，那么就會有下面這些情況： 打開彈窗后頁面自動放大，視圖區被放大到看不全 打開對話框打開后背景仍然能滾動 導航欄彈窗后，背后內容可滾動，影響體驗 點擊聚焦輸入框，導致視圖放大 下面通過 Nux 閱讀全文
posted @ 2025-11-07 12:18
幼兒園技術家
閱(yue)讀(109)
評論(0)
推薦(0)
摘要：
遇到一個問題，在同一主域下的多個子域之間共享登錄狀態的需求。例如： main.example.com 主站 learn.example.com 學習中心 希望在任意子域登錄后，其他子域也能自動識別登錄狀態，包括登出同步。 Cookie 跨子域共享 瀏覽器安全策略允許 Cookie 在同一主域下共享， 閱讀全文
posted @ 2025-10-26 15:46
幼兒園技術家
閱(yue)讀(132)
評(ping)論(0)
推薦(jian)(0)
摘要：
原生 DOM 更新 graph LR A[數據變化] --> B[手動查找DOM節點] B --> C[直接修改節點屬性] C --> D[處理相關依賴節點] Diff 算法更新 graph LR A[應用狀態變更] --> B[生成新的虛擬 DOM 樹] B --> C[Diff 算法比較新舊樹] 閱讀全文
posted @ 2025-08-04 15:18
幼兒園技術家
閱讀(489)
評論(0)
推薦(jian)(1)
摘要：
上篇文章說到了引導式訪問組件，其中有個擴展功能是是否強制以及是否第一次進行引導訪問，這時候有個 guideKey 可以作為根據判斷，那么存儲拿取的時候就用到唯一值了，然后就有了這篇文章介紹的幾種姿勢，有深入哦~ 背景 假設已經使用 guideKeyList 來記錄已完成的引導步驟： let guid 閱讀全文
posted @ 2025-07-14 10:42
幼兒園技術家
閱讀(513)
評論(lun)(0)
推薦(jian)(0)
摘要：
最近有個需求需要在小程序中實現一個新手引導組件，通過遮罩、高亮區域和提示框的組合，為應用提供流暢的用戶引導體驗。 組件功能概述 這個引導組件提供了以下核心功能： 分步引導：支持多步驟引導流程 智能定位：自動計算高亮區域位置 遮罩效果：突出顯示目標元素 方向感知：根據位置調整提示框方向 進度控制：下一 閱讀全文
posted @ 2025-07-08 10:28
幼兒園技術家
閱讀(364)
評論(0)
推(tui)薦(0)
摘要：
使用UniApp Canvas實現分享海報 一、分享海報 現在使用 Uniapp 中的 canvas 簡單實現下商品的分享海報，附上二維碼（這個可以附上各種信息例如分享綁定下單等關系）,開箱即用。 動態生成包含商品信息、用戶二維碼的分傭海報 一鍵保存到手機相冊 支持App原生分享和小程序分享 打通社 閱讀全文
posted @ 2025-07-06 21:36
幼兒園技術家
閱讀(597)
評論(0)
推薦(jian)(1)
摘要：
微信小店現已全面打通小程序生態，為開發者提供強大的電商能力支持。本文將詳細介紹各項集成功能及代碼實現方案。 一、商品展示與交易能力 1. 商品卡片嵌入 // 基礎商品卡片嵌入 <store-product product-id="123456" app-id="wx1234567890abcdef" 閱讀全文
posted @ 2025-07-03 17:48
幼兒園技術家
閱讀(479)
評論(0)
推薦(0)
摘要：
微信推客注冊參數解析（UniApp） ? 這篇文章主要是 uniapp 實現小程序對接推客用戶注冊，聚焦微信生態推客業務的注冊流程解析與 UniApp，結合實戰避坑經驗。 一、接口參數解析 先讓后端調用微信的接口獲取數據給到前端，可以看出從微信返回的接口數據中，以下字段與注冊流程強相關： { "er 閱讀全文
posted @ 2025-06-14 12:11
幼兒園技術家
閱讀(399)
評論(0)
推(tui)薦(1)
摘要：
📱 UniApp 實現 App 連接低功耗藍牙（BLE）通訊 手頭上有一個 uniapp 實現低功耗藍牙通訊設備的項目，本來 Android 版本沒問題已經上線，到了發布測試 iOS 出問題了，連接上了設備但是通訊失敗，排查了下才發現是協議通訊中有包含六位 ID，也就是設備的 MAC 地址，因為設 閱讀全文
posted @ 2025-05-12 15:22
幼兒園技術家
閱讀(632)
評論(0)
推薦(2)
摘要：
CSS 布局與視覺效果常用實踐指南 在我一篇隨筆中其實有說到十大布局，里面有提到 flex 布局、grid 布局、響應式布局，不過沒有提到容器查詢這個，現在說下這三個布局然后穿插下容器查詢吧。 1?? 核心布局方案 🧩 Flexbox 彈性布局 適用場景：線性布局、動態內容對齊，例如按鈕組、導航欄 閱讀全文
posted @ 2025-05-07 15:34
幼兒園技術家
閱讀(685)
評論(lun)(2)
推(tui)薦(3)