原创 uniapp開發h5遊戲推薦框架
在開發H5遊戲時，推薦使用以下幾個流行的遊戲開發框架： Phaser: Phaser是一個使用JavaScript製作的開源遊戲框架，它支持WebGL渲染，並且有豐富的社區支持。 CreateJS: CreateJS是Adobe
2024-05-15 13:19:47
原创 css設置文字選中的底色
在CSS中，設置文字選中的底色可以通過::selection僞元素來實現。::selection允許你自定義當文本被用戶選中時的背景色和文本顏色。 以下是設置文字選中底色的CSS代碼示例： ::selection { backg
2024-04-15 13:20:44
原创 uniapp修改webpack輸出文件名帶~波浪線字符
根目錄找到或者建立vue.config.js，有些網站部署可能不支持解析帶~的文件名，例如gitLab module.exports = { configureWebpack: { opt
2024-03-28 13:20:09
原创 h5如何獲取app頂部欄高度
在app嵌套的h5頁面，js可以直接調用以下代碼來獲取 plus.navigator.getStatusbarHeight() 否則css樣式或者框架自帶設備信息高度可能爲0
2024-03-27 13:20:05
原创 白嫖的在線圖片壓縮網站
壓縮或者轉換圖片不想看到付費字眼的來這裏，白嫖 1、Caesium Image Compressor 網址：https://caesium.app/ 允許使用 JPG、PNG 或 WebP 格式 一次最多 5 個文件 每個文件最大 20
2024-01-08 13:42:20
原创 css3的translate3d記錄
CSS3的translate3d是一個用於在3D空間中移動元素的屬性。它可以接受三個值（x，y，z），分別表示元素在x軸、y軸和z軸上的移動距離。translate3d屬性的用處是將元素從其原始位置移動到新位置，可以用於創建動態效果、更改元
2023-11-07 13:24:42
原创 如何解決小程序打開授權報錯openSetting:fail can only be invoked by user TAP gesture
要解決這個問題，你需要在頁面上爲 openSetting 接口添加一個點擊事件。根據微信小程序的文檔，openSetting 接口只能通過用戶點擊行爲（如 tap 事件）來觸發。以下是一個簡單的示例代碼： <!-- index.wxml
2023-10-12 13:19:45
原创 vite配置跨域（記錄）
根目錄找到vite.config.js或者自建vite.config.js，代碼如下： import { defineConfig } from 'vite' export default defineConfig({ server
2023-09-13 13:27:31
原创 uniapp+ts頁面接收傳參
<script setup lang="ts"> import { onLoad } from '@dcloudio/uni-app'; //接收傳參 onLoad(options => { console.log(options
2023-08-04 13:19:45
原创 ueditor富文本複製word文檔（文字+圖片）
vue項目裏安裝了1.3.0版本的ueditor富文本，從word文檔複製過來的文字+圖片粘貼到富文本里，發現圖片需要圖片轉存，沒有實現直接圖片上傳的效果，想要實現效果的話 那你就升級版本吧，新版本解決了這個問題，暫時有人維護這個百度ued
2023-07-06 13:19:39
原创 微信小程序輸入框光標錯亂問題
會出現這個問題，一般是受到了滾動條的影響，所以，在獲取焦點時，需要關閉頁面滾動，失去焦點時，就開啓滾動，例如頁面裏存在scroll-view組件 示例代碼 wxml片段 <scroll-view class="m_scroll" st
2023-06-08 13:19:56
原创 時間戳轉化“剛剛”、“幾小時前”、“幾天前”、“幾周前”等形式的js代碼片段
代碼片段（可用於vue過濾器） function getTimeStr(timestamp) { const now = new Date(); const date = new Date(timestamp); const dif
2023-06-04 13:19:50
原创 CSS mask的用法
CSS的mask屬性可以讓你在元素上添加一個遮罩蒙層，從而有助於創建各種有趣的效果。下面是一些mask屬性的常見用法：1. 使用圖片遮罩 img { -webkit-mask-image: url(mask.png); mask-
2023-05-04 13:19:42
原创 小程序canvas導入字體
在需要使用自定義字體的頁面中，在canvas繪製之前加入以下代碼： wx.loadFontFace({ family: '自定義字體名稱', source: 'url("字體文件的路徑")', scopes: ['webvie
2023-04-07 13:19:56
原创 關於微信小程序的boundingClientRect用法
微信小程序提供了 wx.createSelectorQuery 接口，用於獲取 WXML 節點信息。其中，boundingClientRect 方法可以獲取某個節點的佈局位置和尺寸信息。 boundingClientRect 方法接受一個回
2023-03-20 13:19:50