原创 uni-app數據請求封裝

1. utils文件夾 -> 新建 request.js request.js : const baseUrl = 'http://******' //請求接口地址 const httpRequest = (url, method,

原创 vue H5與(Android、iOS)原生APP交互

一:JS調用APP 1、封裝公共方法: /** *js調用APP * @params {*} Obj 傳給app參數 */ export function JSToNativeAPP(params) { let isAn

原创 Vue渲染富文本圖片點擊預覽

 1.渲染富文本: 使用Vue提供的 v-html 進行富文本內容渲染 <div v-html="content" @click="imageChgange($event)"></div> 2.獲取點擊元素,點擊圖片預覽 綁定點擊事件,

原创 js字符串插入指定字符

var str = 'abc'   (例子轉換後是有空格的,不需要的話轉換時直接去掉空格即可:"/ $1 /" => "/$1/")  1.    'abc' => '/ a // b // c /' str.replace(/(.)/

原创 微信小程序筆記——小程序movable-view實現左滑刪除功能

一:前言 movable-view(點擊查看官方文檔) 左滑的元素高度需要是固定的,因爲movable-view要求必須設置width和height; 效果圖: wxml: <view wx:for="{{items}}" wx:ke

原创 微信小程序筆記——微信小程序appjs的onLaunch執行完之後再執行Page的onLoad

一:前言 小程序網絡請求默認爲異步請求,在appjs的onLaunch運行後進行異步請求時,程序不會停止,Page頁已執行onload, 我們希望onLaunch執行完後再執行onload。 解決方法:定義回調函數 //app.js

原创 微信小程序筆記——微信小程序request請求封裝

一、前言 微信小程序提供的wx.request請求API,文檔介紹的很清楚。直接使用代碼未免累贅,並且處理一些返回操作不好統一處理,所以就對wx.request做了一下封裝。 1.新建js文件(request => index.js)

原创 js防抖和節流 區別及實現方式

  概念: 函數防抖(debounce):觸發高頻事件後n秒內函數只會執行一次,如果n秒內高頻事件再次被觸發,則重新計算時間。 函數節流(throttle):高頻事件觸發,但在n秒內只會執行一次,所以節流會稀釋函數的執行頻率。 函數節流(

原创 微信小程序筆記——處理小程序頁面棧限制(小程序wx.navigateTo封裝)

一、前言 小程序中頁面棧最多十層,隨着頁面增加路由跳轉很容易在不知道的情況下就會堆棧到十層,再用navigateTo去跳轉就跳不動了。 這時候就需要刪除當前頁面棧(redirectTo)或刪除所有頁面棧(reLaunch)來跳轉了。頁面棧

原创 微信小程序筆記——小程序授權登錄封裝

一、前言 產品需求:在遊客模式登錄下,用戶做某些操作(如:評論,點贊。。。)時,需要拉起小程序授權登錄,在沒有單獨登錄頁的情況下(爲了方便可以讓產品&UI出一個單獨的登錄頁),封裝一下小程序授權登錄就比較方便了。 1、組件編寫  新建Co

原创 vue+elementUI實現表格關鍵字篩選高亮

這篇文章主要爲大家詳細介紹了vue+elementUI實現表格關鍵字篩選高亮,具有一定的參考價值,感興趣的小夥伴們可以參考一下 本文實例爲大家分享了vue elementUI表格關鍵字篩選高亮的具體代碼,供大家參考

原创 Vue.js結合Canvas製作二維碼和圖片的合成(html2canvas + Canvas2Image)--整理

之前寫過一篇關於二維碼和圖片合成的博文,但是存在一些問題,本篇是本人整理最後在項目中使用的。 建議:如果是單張背景圖或者是多張背景圖且二維碼在同一位置的話,建議直接在後臺合成分享圖直接給前端返回即可,我這次項目需求是多張背景圖並且二維碼的

原创 vue input輸入框關鍵字篩選檢索列表數據展示

想必大家在項目開發中難免會用到關鍵字篩選的功能,正好這次項目有需求要做這一塊,就整理一下vue的input輸入框輸入關鍵字檢索數據列表的代碼。下面直接上代碼: html: <!-- 篩選demo --> <template> <

原创 make sure to provide the "name" option. vue循環引用組件報錯問題

最近在開發項目中遇到引用組件老是報錯:[Vue warn]: Unknown custom element: <is-notice> - did you register the component correctly? For recu

原创 vue之img標籤:src地址拼接 --隨記

背景:圖片爲本地資源,根據後臺返回的icon(圖片名字/標記)匹配本地圖片。 代碼:(假數據) <template> <div> <ul class="gift_main_list" v-if="tabInde