原创 僞元素之img標籤

CSS僞元素:before :after等是用來添加一些選擇器的特殊效果,在實際開發中我們會經常用到。顧名思義,“僞元素”就是僞裝的元素,它不是真正的元素卻通過樣式就能有着和元素一樣的表現,我們常見的塊級、行塊、行內元素大多都是可

原创 Build settings from command line: SDKROOT = iphoneos12.1 note: Using new build system note: Plannin

HBuilder ios雲端打包報錯如下: 親測有效(僅針對我),前方巨坑~~~~~~~ 在自動生成圖標這一欄,選擇自己需要的png圖片(官方建議是1024X1024,我的是256x256的也行); 不選中“不替換手動設

原创 uniapp 報錯:this.$refs.mpvueCityPicker.show is not a function...

不要放在循環裏面。。。

原创 DOM元素的三種屬性

我們通過編程語言對 HTML DOM 進行訪問,所有 HTML 元素被定義爲對象,而編程接口則是對象方法和對象屬性。 系統屬性 HTML對象原有的屬性,如“id”,“class”,“src”,“value”等,我們可以直接獲取或設

原创 uniapp打開App Store下載頁面

if(platform == 'ios'){ appUrl = 'itms-apps://itunes.apple.com/cn/app/idXXXX?mt=8';// XXXX爲對應的AppID plus.runtime.o

原创 canvas實現截屏功能 H5頁面生成圖片

最近發現各種測試結果,未來預測遍佈朋友圈,生成個性名片,保存測試結果等等應用成了推廣策劃們的"常用技倆",總結一點就是網頁截屏,通過用戶自主填寫或是答案生成圖片然後發朋友圈或是其他的圈。 而html2canvas 能幫助前端小白實

原创 正則表達式中如何添加變量

如果給義一個字符串或是數組加入變量,是非常簡單的事情,但是我們不能用這種常規思維來給正則表達式加入變量,比如 var param = 3; var reg = "/^[0-9]+"+param+"[a-z]+$/"; ✘ var

原创 uniapp scroll-view scroll-top設置無效

根據需求,切換到 scroll-view 滾動區域時 滾動條回到頂部,初步嘗試在切換的時候設置 this.scrollTop = 0,發現無效,一番查證: 當重複設置某些屬性爲相同的值時,不會同步到view層。 例如:每次將sc

原创 H5監聽搖一搖和手機傾斜事件(重力感應)

搖一搖功能(DeviceMotion) 搖一搖功能是很多原生APP都可以實現的功能,如微信中的搖一搖找好友,QQ音樂中的搖一搖換歌等。它們都是利用了手機加速傳感器提供的API,當監聽到手機加速變化的事件時,根據獲取的加速值來

原创 iOS微信端 audio 自動播放背景音樂

最近有一個要求添加背景音樂的需求,我jio得OK,音頻文件發給我就好啦(~ ̄▽ ̄)~ 卟啦卟啦寫完了,瀏覽器調試一切都沒問題,最後測試才發現iOS系統的沒 有 音 樂!!!嗯? 瞬間就jio得才疏學淺~ 最後,也算是得到了解決,

原创 jQuery創建、複製、替換、包裹、刪除節點

一、創建節點 創建子元素類: 創建的內容作爲目標元素的子元素。 append()/appendTo() :目標元素內部結尾處插入內容(標籤、文本內容)。 $(selector).append( newContent ) $( n

原创 css中margin屬性值百分比的使用

margin使我們使用得很頻繁的一個屬性,用來設置一個元素所有外邊距的寬度,或者設置各邊上外邊距的寬度,可以有 1 到 4 個值。例子:margin:10px 5px 15px 20px; 說明: 屬性值 描述 au

原创 頁面加載進度條百分比實現的僞方法

網頁進度條是能夠帶來更好的用戶體驗,避免加載過程中一度出現空白頁面,但是由於目前瀏覽器不可以直接獲取正在加載對象的大小。所以我們無法通過數據大小來實現 0%~100% 的加載顯示過程。因此各種"偏方"隨之而來,給出頁面加載進度的

原创 H5抽獎小遊戲萬聖節抓南瓜

效果如下: 遊戲規則: 把行走的南瓜拖到下方的"鍋裏" 遊戲倒計時30s,時間越短南瓜速度越快,抓住的南瓜積分達到120分即可獲得抽獎機會 整體思路: 圈出南瓜行走區和煮鍋區 南瓜從行走區右方隨機位置出現 給南瓜添加“跳走

原创 js獲取一個區間隨機數

var max = 70; var min = 30; var random = Math.random()*(max-min)+min; console.log(random);