原创 uniapp如何引入阿里雲矢量圖標庫

最近搞了下uniapp的開發,寫一下關於引入阿里雲矢量圖標庫的方法: 首先說下我走過的坑吧,我直接把圖標zip包下下來放在static裏面,在App.vue的style中引入,保存,後面查了下,微信小程序不允許使用本地字體圖標,沒辦法,改

原创 css實現後臺管理系統自適應佈局

在製作後臺管理頁面的時候會遇到一個問題,就是左側菜單欄摺疊起來的時候,想要右側的主體自動的填滿左側菜單欄收起的空白,當然這裏使用js是很容易實現的,但是我們不想用js,能不能直接讓css自動計算呢。 下面是實現方法: <!DOCTYPE

原创 jquery手寫一個插件組件

先看下效果吧:  插件代碼: (function(){ $.fn.indexBanner = function (options) { //2.將調用時候傳過來的參數和default參數合併

原创 微信小程序自定義組件---日曆打卡組件

最近需求要求實現一個用日曆顯示用戶打卡記錄的功能,百度google了微信小程序的組件,都沒有找到合適的,索性就懶得找了,自己動手,豐衣足食。 下面先來看看日曆組件的效果吧: 設計要求: 1、能夠摺疊日曆組件 2、能夠標記日期 3、能夠根

原创 cdn方式的vue路由使用

首先引入cdn: <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src="https://cdn.staticfile.org/

原创 vue+mintUI實現移動端tabbar左右滑動切換

思路 使用transition組件實現切換動畫,使用watch監聽route來實現切換的方向。 效果 實現方法 <template> <div class="layout-container"> <div class=

原创 vuex在action中提交commit異步事件問題

在開發過程中遇到一個問題,就是在action中提交的commit執行是異步事件。 先看代碼: // action.js sign_in({ commit }, user) { // 觸發登錄狀態 commit({

原创 支付寶小程序獲取手機號碼的的詳細流程。(配置開發設置,具體流程)

支付寶小程序獲取手機號碼跟微信小程序的不一樣,所以獲取的流程也有很多的不同,所以第一步並不是直接寫代碼。 流程如下: 一、登錄支付寶小程序開發管理平臺 ->開發中心->小程序應用->選擇你的小程序(點擊查看)->設置->開發設置  上圖

原创 ES6的Object.assign()

ES6新增了很多語法,今天我們來詳細瞭解一下Object對象的新方法assign(); 使用方法: 我們之前需要拷貝一個對象的屬性的時候是這樣的: var a = { aa: "123" }; var b = { bb: "456"

原创 UKEY開發,vue+websocket實現用戶登錄UKEY認證

首先,在開始開發之前,先了解一下UKEY的用戶登錄流程,我前面整理了一些登錄的流程: 點這裏查看登錄流程:傳送門   OK,瞭解了登錄流程,我們來開始看看在vue中是怎麼樣進行實際的開發的。 首先你需要在導航收尾中初始化websocket

原创 UKEY開發 用戶登錄流程

UKEY版本:UKEY2000D 最近公司接了一個開發項目,需要開發一個使用UKEY進行用戶身份認證的功能,看了一些開發文檔和資料後自己整理了一下用戶登錄的流程。 下面先介紹一下UKEY的內部結構,也就是那個像U盤一樣的東西,通常叫他加密

原创 vue報錯:Loading chunk * failed,vue-router懶加載出錯問題。

在改一個項目的過程中,與到一個問題,route.push()的時候報錯:Loading chunk * failed。在網上找了一大堆解決辦法,雖然沒有直接的解決問題,但還是得到了一些啓發。 作者這裏提供了三種解決方式: 一、不用懶加載,

原创 微信小程序自定義組件---生成小程序分享海報分享到朋友圈

在開發微信小程序的過程中免不了要使用到分享功能,然而現在微信官方還沒有開放小程序分享到朋友圈的功能,這時候我們只能使用其他方法分享到朋友圈了。 效果圖如下: 組件文件: js文件: // components/rwj-poster/i

原创 微信小程序自定義組件---loading組件

在開發微信小程序的過程中,經常會使用到loading動畫,微信自帶的wx.showLoading()與wx.showToast()在使用上非常的方便,但是這個接口也是一個坑,在安卓真機上運行,經常會出現wx.hideLoading()無效

原创 文本輸入框的change事件與確認按鈕的click事件重複調用問題

在日常編碼中是否會遇到在編寫一個輸入組件時,我們需要用到文本框的change事件,又需要一個確認按鈕的click事件,這兩個事件調用的都是一個函數,這時輸入完成後,點擊確認事件就會調用兩次函數,出現重複調用問題。 有的人會說,去掉chan