原创 微信小程序優化注意點(用戶體驗,數據邏輯優化)

1.對於列表請求數據,使用二維數組,以分頁的頁碼做一維下標,以條數做二維下標,每次setData只setData當前頁的數據,其他頁的數據不用。因爲每次setData的數據量大小有限制,官網也有說明;可以參考 2.對於列表中刪除某一項,

原创 微信小程序跳轉微信小程序傳參

1.背景: 在某些情況下,需要使用到微信小程序間的跳轉攜帶參數。例如:小程序A跳轉到小程序B,小程序A是北京的數據,跳轉到小程序B(B默認的是西安的),此時就需要將A的北京的城市傳給B,讓B的信息也切換爲背景的纔對,此時就需要把小程序A的

原创 微信小程序獲取rich-text(富文本)渲染內容高度,rich-text(富文本)裏img 樣式設置

1.背景: 在某些場景下,例如在某些詳細信息內容展示數據量特別大的時候(有時候特別小),當數據量特別大的時候,需要做展示固定高度,展開更多內容完全展示,收起內容又還原。當內容特別少的時候,例如小於3行,不展示更多按鈕。(小程序內容獲取的時

原创 用戶位置授權

1.在微信小程序中很多場景都需要用戶授權,例如用戶相冊權限,位置權限...,當需要將海報保存在相冊就會用到相冊權限(海報參考),在城市定位,店家列表由遠及近排序就會用到位置權限,這裏主要考慮位置權限使用場景。 2.主體思路,進頁面立馬彈出

原创 小程序常用組件(video,map,wx.showToast,wx.showModal,button,打電話,text)

1.video(官方地址:https://developers.weixin.qq.com/miniprogram/dev/component/video.html) 1.1wxml <view class="mask"> <vie

原创 微信小程序獲取圖片的寬高,計算寬高比,image圖片的bindload,image的wx.getImageInfor

1.背景 在某系場景下可能會需要獲取圖片的寬高,例如做樓盤相關的,樓棟分佈,一張底圖,然後每個樓棟號在不同頁面的具體位置,就需要通過定位來實現。不能保證每一張樓棟分佈底圖的寬高比都一樣,此時就須算出寬高比從而得到位置。 2.思路 2.1思

原创 微信小程 input序鍵盤彈起時,是否自動上推頁面 adjust-position,input底部懸浮聚焦鍵盤彈起遮蓋

1.背景: 對於某些在輸入框聚焦時不需要向上推動頁面的需求,可以嘗試此方法,小程序官方文檔也有說明。 2.思路: 2.1給底部懸浮的部分動態設置bottom,聚焦時設爲鍵盤彈起的bottom值,失焦時設置bottom爲0; 2.2 給in

原创 小程序button=disable樣式修改,彈起多個蒙層限制

在好多場景都需要對點擊按鈕做限制,防止連續點擊。why?例如場景獲取電話號碼授權,如果不做限制,會彈起多次授權彈窗,好;多個進行疊加,想關閉,得點擊多次。場景2:接口比較慢時,用戶會多次點擊按鈕,多次請求接口,這顯然不好......諸如此

原创 微信小程序component父子組件傳值

在某些場景,用到組件還是比較多的。例如,在頁面的底部有一個懸浮,懸浮分兩種,每種裏邊有四個按鈕,每個按鈕分爲登錄和沒登錄兩個狀態,點擊每個按鈕繪根據後臺傳的值的狀態不同分別請求不同的接口(當然了,有些處理完頁面也可能是跳轉,或者跳轉web

原创 Hbuilder 安裝(或配置) less

背景: js是可以直接計算的,但css不能直接計算,在觸屏端使用rem爲計量單位,設計稿採用iPhone6的尺寸,所以會存在一個換算比例,此時可以使用less進行編譯出css即可。其實less的優點還有很多,less中可以使用變量(例如,

原创 小程序 模擬今日頭條導航欄,點擊錨點跳轉對應樓層

使用場景,頂部導航的個數不確定,會有超出屏幕的情況,在一行展示,每點擊一個導航的tab會判斷是否向左或者像右滾動一個距離,以使當前的點擊的導航能看到。同時點擊導航會錨點跳轉對應樓層,當前導航會變爲激活狀態。滾動屏幕,滾動到對應樓層,對應導

原创 ps安裝 Photoshop CC2017 安裝,cutterman下載安裝,ps簡單設置

1.可以去這裏下載。 1.1 下載: photoshop cc2017  鏈接:https://pan.baidu.com/s/1caI-AYLtPM-yuJhGv9U8lw 提取碼:uwas 1.2 安裝步驟 1解壓下架出來的文件壓縮包

原创 微信小程序強制更新

(如果想直接使用,可直接拉到最底部5.2,有比較全的代碼) 1.場景:隨着這些年的不斷完善,移動端的產品在往小程序傾斜,以前是小程序爲app倒流,現在小程序不斷完善app能做到的功能,小程序基本都能做到,而是小程序屬於輕應用,無需下載,用

原创 小程序swiper製作分門別類的輪播

簡單的輪播圖在文檔中可直接使用,但有寫需求可能需要改動一下。例如,在輪播圖底部放幾個分類的按鈕,點擊各個按鈕,分別跳轉到該分類的第一張圖,當輪播圖在滾動的過程中,由分類1的最後一張圖切換爲分類2的最後一張圖,下邊的分類狀態也從第一個激活狀

原创 小程序自定製從頂部彈出的picker,模擬貝殼找房

1.背景 1.1.要求:頂部有一個tab欄,點開後會存在1級,2級,3級菜單(不論有積極菜單,都要點擊到最後一級纔會選中) 1.2.要求:對於有些數據第一項需要加不限,有些不需要,根據要求自行添加,點擊不限展示原文字,只有點擊不限之外的文