原创 小程序 -條碼識別和圖像ocr識別

應用場景 用戶通過掃描條碼,或者拍照,上傳圖片,可以查詢某個產品的信息 條碼實現 使用API : uni.scanCode({}),成功之後,會返回barcode。 然後將此barcode傳遞到相應的頁面(因爲調用接口,需要ba

原创 this.$refs.proup is not a function

報錯可能場景 1:this指向問題(多層嵌套,導致this已經不是從前那個this) 2:$refs可能指的是數組(如果是數組,proup需要索引才能取到) 場景一舉例及處理 點擊領劵搶購,需要彈框,並且複製淘口令,複製淘口令兩

原创 小程序用戶進入首頁,只彈框一次

場景 用戶第一次進入小程序,需要給用戶一個新手引導,但是用戶既不登錄也不註冊。 只是進來逛了一圈就走了。下次再進來,此用戶就不是新用戶,就不在有新手引導 或者首頁彈框廣告 實現 用戶首次進入,在onLoad裏就調用wx.logi

原创 vue處理動態表格的數據

場景 手機屏幕較小,要展示的表身體的字段太多,但是有很多又是無用數據。那我們就用表頭的數量,來匹配表身體字段。匹配到就展示,匹配不到就不展示 原始數據格式 通過圖,可以看出。表頭是通過dataIndex來匹配表身體的字段。那我

原创 uniapp中 小程序開發環境和上線環境

場景 開發環境一個地址,線上環境一個地址 操作 我就偷個懶吧,在基礎路勁下,添加兩個路徑。在開發階段,我就用開發階段的接口地址,在發佈階段,我就用發佈階段的接口地址 至於你是 用 dev 還是build npm run de

原创 小程序適配全面屏機型

應用場景 手機適配 思路分析 1:首選需要判斷是否是全面屏手機 2:如果是全面屏手機,則改變響應的樣式 代碼實現 1:在全局放一個變量.isFullSucreen,含義爲是否是全面屏 2:調用wx.getSystemInfo

原创 小程序發送專屬鏈接給好友onShareAppMessage

應用場景 分享專屬鏈接給好友,好友點擊你分享的鏈接可以進來 具體實現,有兩種方式 1:右上角自帶的分享功能,直接分享,原理是`onShareAppMessage` 2:通過按鈕的形式,引導用戶觸發分享的行爲.原理和`onShar

原创 vue 實現摺疊面板

效果圖 思路 其實說是摺疊效果,關鍵是數據的處理, 1:第一行開頭有全部,結束有更多。所以第一行顯示的只有三條數據 2:每行顯示固定的條數,五條 3:最後一行顯示三條 4:佈局第一行是展示的,下面是通過更多的摺疊邏輯來實現的 代

原创 vue刪除數組對象中的所有空數據

場景 動態表頭,動態表身體。但是表頭肯定是有數據才展示,但是後端返回的數據,有的是null,這就有一個問題,看圖你就明白了 三個 表頭,五個數據,這怎麼對應? 所以我就想 把爲null 的數據全部刪掉,只展示有數據的 代碼 i

原创 vue數組嵌套多層對象,抽取相同的數據進行比較

場景應用 1. 在對比欄目,A商品和B商品返回數據,如下 2. 現在要抽取每一項相同的數據進行比較,類似於這個效果圖 實現 let temArr = []; let zhongjianArr = [];

原创 小程序 圖像ocr識別

應用場景 用戶拍照 ,查詢產品信息 看着很高大上,其實就是調接口啦… 但是接口要求,你傳入的圖片必須的是base64,這就有思考之處了。 我上傳圖片,一下到詳情頁,要展示圖片,展示base64肯定是不行的 那麼在拍照的時候,先用

原创 vscode 如何格式化react代碼(jsx)?

當你用vscode寫完react的jsx語法,會是下面這個鳥樣 下面是解決辦法 首先安裝插件 Prettier - Code formatter 添加配置文件 文件-> 首選項-> 設置->用戶->文本編輯器->文件->點

原创 前端接口的一些使用技巧

需求 點擊編輯按鈕,彈出編輯的對話框,但是,對話框裏面的信息,必須是原來的信息 做法: 別看是編輯按鈕,但是在你點擊編輯按鈕的時候,調用的是根據id查詢到的數據的接口,先展示在對話框裏,當你編輯完數據,點擊確定按鈕,調用的

原创 js-請求接口,出現參數不能爲空? 我也不知道你要什麼數據,可不就是爲空?

大家做項目可能會出現請求接口,該傳的參數都傳,會報錯請求參數不能爲空,但是我也不知道你要什麼數據,我該填啥? 下面我爲大家一一解答 先來看一下場景 點擊添加用戶按鈕,彈出對話框,填寫數據,請求接口 然後你寫接口會報請求參數不能

原创 js - 利用遞歸函數求 1 ~ n 的階乘 1*2*3*4*.......n

遞歸的思想 函數的內部 自己調用自己,就是遞歸 (避免死循環,加退出條件) function close(n) { if (n == 1) { return 1 }