原创 微信小程序 --- 使用wx.redirectTo(OBJECT)跳轉頁面安卓返回按鈕異常問題(監聽安卓返回鍵操作,監聽小程序左上角返回按鈕)

先看看官方文檔對wx.navigateBack的使用解釋 wx.navigateBack(OBJECT) 關閉當前頁面,返回上一頁面或多級頁面。可通過 getCurrentPages() 獲取當前的頁面棧,決定需要返回幾層。

原创 微信小程序 --- 10行代碼實現滑動tab切換

效果預覽: js部分: Page({ data: { arr: [1,2,3,4,5,6,7,8], index: 1 }, onLoad: function (options) {

原创 jQuery --- 利用input標籤flie屬性實現圖片上傳(單文件選取/可刪除已選圖片)

效果預覽: 每一行都有註釋,宛如媽媽的嘮叨,再也不怕看不懂代碼了~~~~ 想了解input的其他屬性點這裏 想知道URL.createObjectURL()詳細內容點這裏 js部分: <!DOCTYPE html> <ht

原创 微信小程序 --- 小程序優化相關

1. 減少this.setData的操作, 儘量將多次操作合併爲一次(避免頻繁操作引起CPU佔用過高導致卡頓) this.setData({ a: 1 }) this.setData({ b: 2 }) // 可優化爲 this.

原创 JS --- 動態顯示目標數字(排名,金額等數字動態化顯示可適用)

效果預覽: js部分: $(function(){ //最終需要顯示的數字 var count = 10000000; //獲取數字的長度 var countLen = count.toStr

原创 微信小程序 ---製作一個像APP一樣的授權列表方式

效果圖: 實現效果後即可實現第一次打開微信小程序彈出授權列表(登錄授權,獲取手機號碼等特殊授權不支持) wxml文件 import { allGetauthorization } from '../../tool/wx_corr

原创 微信小程序 ---製作一個類似頭條的滑動tab導航欄

效果圖: 使用頁面wxml <!-- 頂部滑動導航欄組件 --> <slideNav navList="{{ navList }}" fontSize="{{ 28 }}" padding="{{ 20 }}" bindtabF

原创 javascript封裝函數仿jQuer選擇器(日常基本夠用)

因爲不想寫那麼多的document.get…..所以就封裝了一個玩意,於是乎,他就誕生了。和jQuery當然差很多了,不過作爲日常娛樂,小小的方便 還是可以的,在不能用jq又能用js的DOM時候,就可以派上用場了~~~~ 用法

原创 微信小程序 --- 不在以下合法域名列表中請參考文檔

報這個錯誤一般是因爲你是用AppID開發的應用,所以管理更加嚴格,需要你進行配置纔可以正常 到小程序登錄頁面登錄https://mp.weixin.qq.com/,在設置的地方進行配置就能正常獲取了 點贊

原创 微信小程序 --- textarea、input的文本框標籤,遮罩層無法覆蓋文字問題

在微信小程序中使用textarea、input時,有時候會需要用到遮罩層覆蓋文本域的操作。 那麼一般情況下想覆蓋別的元素優先顯示指定元素時,會用z-index提高優先顯示的元素級別,但在小程序中是行不通的,不管調到999999

原创 微信小程序 --- CSS實現仿網易雲音樂播放界面效果(黑膠唱片與唱針純CSS實現)

下面代碼的效果是網易雲音樂唱針和黑膠唱片的CSS效果實現方式,播放等並沒貼出來 實現效果的範圍 動態圖效果預覽: stylusW,panW是獲取系統寬度計算後的參數 wxml部分: <!-- 黑膠唱片唱針部分 -

原创 微信小程序 --- RESTful API 獲取資源請求成功卻無法獲得資源

如果發生這個情況,可能是因爲你的請頭條是application/json,本來這樣應該是沒錯的,但是也不知道爲什麼不行 只需要將application/json改成application/xml,就能正常獲取 點贊

原创 微信小程序 --- 星級評價效果

效果預覽: wxml代碼部分: <view class='topMaxBox'> <view class='topLeft' style='width: {{ imgW }}px; height: {{ imgW }}px

原创 ES6 --- 安裝express後,無法命令行執行

最後查找原因,原來,最新express版本中將命令工具分家出來了(項目地址:https://github.com/expressjs/generator),所以我們還需要安裝一個命令工具,命令如下: npm install -

原创 微信小程序 --- 模擬複選框

樣式部分你們自由發揮,反正這裏是什麼都沒寫的,選中和沒選中直接用這個this.data.arrStatus[checkIndex]去判斷就行了,之後你們都懂的~~愛怎麼耍怎麼耍 效果預覽: js部分 // page/ind