原创 小程序筆記—ArrayBuffer、base64、url互轉
小程序中經常會返回ArrayBuffer類型的數據，如獲取小程序碼時就返回如下數據： 乍一接收到，有些懵逼，但仔細想想圖片無外乎是去展示的，image展示主要可以用base64格式或者url格式，那就需要把接收到buffer轉化爲
2020-06-29 23:11:09
原创 微信小程序——轉發後場景值不穩定的原因及退回主頁的解決方案
1.場景值的概念 大概意思就是小程序是怎麼被啓動的，通過掃碼？還是通過點擊羣裏小程序分享卡片？或者其他，每種啓動入口對應一個場景值，目前有80多種場景值。 2.場景值什麼時候被賦值的 小程序是在程序啓動時被賦值的，也就是app.j
2020-06-29 23:11:09
原创 微信小程序—ocr識別圖片上文字
直接上效果： 自主體驗文字識別 代碼： // 雲函數入口文件 const cloud = require('wx-server-sdk') cloud.init() // 雲函數入口函數 exports.main = as
2020-06-29 23:11:09
原创 雲函數（nodejs）中Buffer、ArrayBuffer、DataView互相轉化
我們都知道小程序雲函數是基於nodejs開發，小程序前端是基於es開發，所以前端有ArrayBuffer這個類型，卻沒有Buffer這個類型，這樣使用時很不方便，例如非法圖片鑑定imgSecCheck這個api就需要Buffer參
2020-06-29 23:11:09
1
原创 微信小程序——圖片模糊加載整個過程（默認圖>縮略圖>原圖）
圖片加載的整個過程是這樣的，當進入一個頁面一般我們是沒有圖片鏈接的，所以需要先調用接口獲取圖片鏈接，再將圖片加載渲染到image上，圖片一般採用1.5倍資源圖，所以大小都在30kb左右，這樣圖片加載渲染的時間非常短，可以忽略，但是
2020-06-29 23:11:09
3
原创 小程序智能裁剪功能，讓人物形象更突出，讓照片結構更專業
基於微信aiCrop接口實現智能裁剪功能，選擇一張圖片，由微信智能算法返回裁剪的位置，自主實現裁剪功能。 直接上效果圖： 體驗智能裁剪 路徑：AI智能系列>>智能裁剪圖片 實現代碼 // 雲函數入口文件 const clou
2020-06-29 23:11:09
原创 小程序筆記—動畫的同步執行與異步執行
小程序動畫執行的順序關鍵點在於step，即動畫執行步驟： 動畫使用 <image style="width:80rpx;height:80rpx;" src="./float.png" bindtap="showAnimate"
2020-06-29 23:11:09
原创 微信小程序—這個位置我們可以做點文章
我們都知道微信小程序中支持圖片預覽 調用方式：wx.previewImage() 顯示效果： 感嘆一下微信強大的交互體驗意識，但我想放點毒，這個圖片預覽是不是還能添加點東西，比如是不是可以放個廣告位，不錯的想法！ 效果如下：
2020-06-29 23:10:59
原创 微信小程序—這個完美的搜索框一定是你需要的，拿去用（熱門搜索、歷史搜索、幫助搜索...）
搜索框是比較常用的，看似簡單，邏輯甚是複雜，急需一個邏輯嚴謹、交互優雅、功能齊全的，假如您是需要搜索框附帶熱門搜索、歷史搜索、幫助搜索等功能，恭喜，這個拿去用就是了。 先看效果 不信你試試，體驗 如果你覺得還行的話，可以直接複
2020-06-29 23:10:58
原创 小程序—這款工具把加速計、陀螺儀、設備方向的調試痛點解決了
之前在一篇博文中捎帶介紹過這款工具，反響很好，還收到了兩位用戶的打賞，但受那篇博文的影響，並沒有被廣大小程序開發者所熟知，故寫一篇專門的，希望能有更多用戶不再被加速計、陀螺儀、設備方向的調試難題再刺痛。 加速計、陀螺儀、設備方向痛
2020-06-29 23:10:58
原创 微信小程序—仿美團酒店入住日期時段選擇
美團市值突飛猛進，確實霸佔了我們的喫喝玩樂，所以想做什麼東西，研究一下美團也是不錯的。最近需要用到一個酒店入住日期選擇的組件，看了一下美團的設計，很好用，在此實現一下。 效果圖如下： 體驗路徑（並獲取源碼）： 代碼邏輯： va
2020-06-29 23:10:58
原创 微信小程序之圖表系列——最簡單的表格製作
一圖勝千言，相信很多開發者都沒有繞開過圖表製作這個坑，在小程序中也是，當然可以用第三方echart等製圖插件來做，但小程序要求代碼量最大12M，還得分好幾個包，一個echart插件就將近1M，要是隻做一張表或幾張表實在浪費，況且小
2020-06-29 23:10:58
1
原创 微信小程序瀑布流，可直接體驗
先看效果： 直接體驗： 還可以的話，再看代碼： js： let col1H = 0; let col2H = 0; Page({ data: { scrollH: 0, imgWidth: 0,
2020-06-29 23:10:58
原创 小程序權限邏輯—如何嚴謹的獲取用戶錄音、地理位置等權限併兼容用戶拒絕授權的場景
小程序開發過程中最不能體現微信風格的一定就是權限了，最能體現微信風格的應該也是權限了，爲什麼這麼說呢？太麻煩了，但這裏的麻煩一定是經過微信深思熟慮之後做出的限制，畢竟一切以用戶爲中心。 不要看官方解釋，因爲要搞明白它的意思，估計得
2020-06-29 23:10:58
原创 微信小程序—帶qq表情的評論輸入框
直接上效果： 表情與文字切換部分 點擊識別表情部分 體驗 實現思路： 1、動畫控制切換 2、emoji-parse解析表情 代碼： const emojiList = require('components/emoji-par
2020-06-29 23:10:58