原创 把數組按某個屬性分類成對象或數組渲染頁面

原數組如下: sourceArr:[ {month:"2020-6",id:"001",name:"lzz1"}, {month:"2020-6",id:"002",name:"lzz2"}, {month:"2020-6"

原创 解決微信公衆號tabbar高度不包含在整個頁面中,頁面數據被覆蓋的情況

tabbar的高度 默認是50px,可以在需要調整的頁面css中使用條件編譯,如下: .home { display: flex; flex-direction: column; height: 100vh;

原创 頁面間傳值,返回時把值傳遞給上一頁面

1、正向傳值: a.vue 跳轉到b.vue 頁面,a向b傳值,可通過跳轉時url帶參數的形式;如下: uni.navigateTo({ url: 'b?name=uniapp' }); b頁面在onLoad中通過option來

原创 微信小程序引用全局變量和方法

方法一:通過引用.js文件實現 1、在js文件中定義全局變量和方法,如在common.js定義全局變量和方法 2、在common.js中定義ip和方法 const common = { ip: "https://test.com/l

原创 使用uniapp開發微信公衆號(H5頁面),用微信開發者工具調試微信公衆號

1、先引入入口.html文件 參見官網https://uniapp.dcloud.io/collocation/manifest?id=h5-template 2、配置manifest.json 3、運行 4、在微信開發者工具中進行

原创 獲取地理位置uni.getLocation(object)

// 開啓地圖服務for 微信 // #ifdef MP-WEIXIN uni.getSetting({ success: res => { console.log("res

原创 微信小程序中引用的wxs文件在uniapp中不可用的解決方法

在微信小程序中使用的wxs文件相當於執行一段js,對數據進行處理,轉到uniapp中可以使用過濾器來解決這個問題。 功能:m與km轉化,<1000顯示 m; >1000顯示 km 在微信小程序中使用wxs實現方法: 1、在utils文件下

原创 實現在App端授權qq/微信/微博登錄

App端登陸相關的SDK需要在manifest中配置: 打開 manifest.json -> App模塊權限配置,勾選 OAuth(登陸鑑權)。 打開 manifest.json -> App SDK配置,查看到登陸鑑權。在說明中有藍色

原创 給後端發送請求時,傳遞的參數使用md5加密

const key = 'aaa.bbb.ccc'; import md5 from './md5.js'; function setRequest(url, data, showLoad = true, method = 'post'

原创 使用 Object.assign(A,B,C) 合併對象

 Object.assign(A,B,C) 合併三個對象的值,後面重複屬性覆蓋前面的,把合併結果返回A,A被修改。 1、BUC=A 2、返回值:A 3、A對象被修改,B、C不變 var A = { a: 1, b: 2 }; var B

原创 vue-評分/評價五角星組件開發

功能: 展示默認的分數, 點擊幾顆星星,展示幾分 <template> <div class="form-content"> <div> <span class='name'>質量分<span cl

原创 小程序7天自動退出

7天自動退出的場景: 1、7天沒有點擊按鈕, 2、7天沒有請求服務器 解決思路: 1、登錄成功,記錄當前登錄時間,並存在緩存中, 2、登錄狀態下,點擊按鈕和請求服務器時,     a 先判斷當前時間和登錄時間差是否大於7天,     a.

原创 開發中間帶有+號和懸浮按鈕的底部選項卡

1、新建一個uniapp項目,選擇模板 2、 創建好之後,用微信開發者工具打開,默認點擊【發佈】,懸浮框出現,但在實際項目當中,不用每次點擊【發佈】tab都顯示懸浮框,針對上述問題,做如下優化: 第一次切換到【發佈】tab時,默認不顯示

原创 js-filter 根據過濾條件返回符合條件的數組

filter() 方法創建一個新的數組,新數組中的元素是通過檢查指定數組中符合條件的所有元素。 注意: filter() 不會對空數組進行檢測。 注意: filter() 不會改變原始數組。  

原创 發佈H5時,提示文件查找失敗

文件查找失敗:'uni-view/components/camera' at ..\..\HBuilderX\plugins\uniapp-cli\node_modules\@dcloudio\vue-cli-plugin-uni-opt