用戶
 找回密碼
 立即注冊

QQ登錄

只需一步,快速開始

掃一掃,登錄網站

實戰教程

    微信小程序加入購物車動畫的實現(向上、向下)

    微信小程序加入購物車動畫的實現(向上、向下)

    場景描述:一般情況下,加入購物車的動畫效果都會是上圖的3的路線,在這篇文章里,我們來實現1和2路線的加入購物車的動效(3路線的動畫效果網上有很多,具體可以參考這篇文章來實現:www.cnblogs.com/greengage/p… ...
    489 Rolan/2020-1-14 00:42
    從客戶端角度窺探小程序架構

    從客戶端角度窺探小程序架構

    小程序自誕生以來。就以一種百家爭鳴的姿態展現在開發者的面前。繼2017年1月9日微信小程序誕生后,小程序市場又陸續出現了支付寶小程序、頭條小程序、百度智能小程序等等,甚至平安內部,也在發展自己的小程序生態。 ...
    433 Rolan/2020-1-7 00:42
    小程序跨頁面交互的作用與方法

    小程序跨頁面交互的作用與方法

    去年年末,微信小程序的分包大小已經到達了 12M 大小,一方面說明小程序的確逐步為開發者放開更大的權限,另一方面也說明了對于某些小程序 8M 的大小已經不夠用了。我個人今年也是在開發一個 to B 小程序應用。這里列 ...
    574 Rolan/2020-1-7 00:24
    微信小程序 接入 騰訊云驗證碼

    微信小程序 接入 騰訊云驗證碼

    前言:最近做了一個小程序抽獎的活動,出現了部分用戶惡意薅羊毛的現象,因此考慮接入騰訊云的驗證碼。其實騰訊的官方文檔寫的相當清晰:https://cloud.tencent.com/doc...不想啃文檔的筒子們的就往下繼續看吧~(雖 ...
    587 Rolan/2020-1-7 00:06
    微信小程序長按保存圖片

    微信小程序長按保存圖片

    微信瀏覽器打開h5頁面如果是img標簽的話,長按會彈出保存圖片的選項。但是微信小程序里面不可以,需要自己寫這個功能。這個功能有兩個點,一個是長按,一個是保存圖片到本地。1. 微信小程序關于圖片長按的解釋,有兩 ...
    800 Rolan/2020-1-2 00:43
    微信小程序canvas生成海報 文字自動換行 canvas高度動態設置

    微信小程序canvas生成海報 文字自動換行 canvas高度動態設置

    在微信小程序中分享,官網只提供分享給好友和群聊的能力,未提供分享到朋友圈的api。因此小程序分享到朋友圈通常做法就是利用canvas生成一張動態海報,上面貼一個小程序碼圖片,分享到朋友圈,長按識別小程序碼進入 ...
    829 Rolan/2020-1-2 00:24
    微信小程序使用自定義組件導航實現當前頁面高亮

    微信小程序使用自定義組件導航實現當前頁面高亮

    最近開發小程序,需要做一個導航,導航可以通過template寫出來,但是這個項目需要在導航中處理一些邏輯,做成組件更方便些。首先新建header文件夾,里面新建對應的js、json、wxml、wxss文件。!-- 公共頭部組件 -- vi ...
    520 Rolan/2020-1-2 00:18
    給你的頭像加個圣誕帽吧

    給你的頭像加個圣誕帽吧

    看著大伙都在弄這個,我自己也來試一哈,我分別用了兩種方式來實現,一種是普通的方式,一種是wxs方式 普通方式 效果圖如下: 思路 獲取頭像 選擇素材 縮放,移動,旋轉素材 生成canvas 生成圖片,保存圖片 實現 ...
    577 Rolan/2019-12-31 00:43
    小程序標簽展開收起功能實現

    小程序標簽展開收起功能實現

    先看效果主要結構我用的mpvue,如用原生標簽直接轉換成原生即可div id="labelBox" div class="label userLabel" v-for="(label,inx) in labelList" :key="inx"{{label}}/div div class="more" v-show="showLabel===1 ...
    608 Rolan/2019-12-27 00:41
    純CSS實現圓環型進度條

    純CSS實現圓環型進度條

    以下內容來自于去年的一次案例,隨著微信小程序的不斷改版,部分條件可能已不再適用,請謹慎參考。內容比較短,主要都在代碼片段里。案例某個項目中需要用到如下圖這樣的一個圓環行的進度條。一開始的想法是使用canv ...
    498 Rolan/2019-12-27 00:07
    小程序 input 使用setData觸發bindinput事件

    小程序 input 使用setData觸發bindinput事件

    背景 UI設計如下圖 當有輸入內容后顯示后面的清除按鈕,點擊清除刪除input里的內容 代碼實現 我的代碼實現是監聽bindinput事件,將輸入框中的值this.setData({inputValue}), 清除按鈕監聽點擊事件,觸發后this.setD ...
    728 Rolan/2019-12-17 00:33
    小程序跨頁面數據傳遞與事件響應

    小程序跨頁面數據傳遞與事件響應

    在實際工作中有很多場景需要在第二個頁面中將用戶操作之后的將數據回傳到上一頁面。接下來將我的方案分享給小伙伴。 本次示例采用 uni-app 框架和 weui 樣式庫 實現思路 創建一個 Emitter,用于事件處理 創建一個 ...
    772 Rolan/2019-12-17 00:27
    小程序Canvas性能優化實戰

    小程序Canvas性能優化實戰

    案例背景需求:在小程序中使用canvas組件繪制地鐵圖,地鐵圖包括地鐵線路、站點圖標、線及站點名稱文字,繪制元素為線、圓、圖片、文字。支持拖動平移和雙指縮放。問題:小程序中的canvas性能有限,特別在交互的過程 ...
    766 Rolan/2019-12-17 00:18
    Kbone原理解析 & 小程序技術選型

    Kbone原理解析 & 小程序技術選型

    轉載自微信開放社區:https://developers.weixin.qq.com/community/develop/article/doc/0006a6326b8d38e56b998833456813官方介紹“Kbone 是一個致力于微信小程序和 Web 端同構的解決方案?!盬eb端框架基本原理首先 ...
    703 Rolan/2019-12-12 00:24
    小程序不同頁面的異步回調,callback和promise的使用講解

    小程序不同頁面的異步回調,callback和promise的使用講解

    發個掃盲貼,大神請繞道。最近好多同學問我如何再請求數據成功后直接使用數據。我們通常的做法就是在請求成功后,再調用我們定義的方法,進而使用數據。如下代碼 onLoad() { let that=this wx.cloud.database().coll ...
    693 Rolan/2019-12-5 00:23
梦幻单人赚钱方法