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

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

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

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

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

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

原创 ES6的Object.assign()

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

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

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

原创 UKEY開發 用戶登錄流程

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

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

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

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

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

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

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

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

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

原创 js讀取txt文件並替換所有空格爲換行

因爲只用讀取,並沒有用到activex控件,另外,需要開啓本地apache環境,因爲跨域阻止讀取文件。直接上代碼。<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset=

原创 js 二維數組查找 - 根據屬性值查找對應的另一個屬性值

在我們使用js的時候是否會常常碰到這種問題:我們想查找一個二維數組中id==1的name的值,js好像沒有提供相應的函數,這個時候只能自己寫一個工具函數了,下面是方法var data = [ {id: 1,name: "張三", s

原创 百度地圖js 根據半徑搜索座標點周圍服務

百度地圖js api提供了一套查找周圍服務的函數,只需提供座標點與關鍵詞即可查詢附近的服務。話不多說,直接上代碼:var map = new BMap.Map("map"); var localSearch = new BMap.Loc

原创 js+canvas製作網頁動態背景,可交互

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrom

原创 js判斷時間大小以及計算時間差

有些時候我們需要使用JS判斷一下不同格式的時間的大小該怎判斷呢?例如:2019-06-26 14:00:00 這個格式的時間,如何判斷是否大於現在的時間:function compareTimeNow(time){ var strA