原创 對象合併及排序
// 對象合併 export const margeObj = (obj1, obj2) => { var obj = Object.assign(obj1, obj2); return obj;//返回排好序的新對象 } //
原创 element 圖片上傳 oss 後端簽名 前端直傳
<el-upload action :show-file-list="false" :file-list="fileList" list-type="picture-card" :bef
原创 vue 富文本 vue-quill-editor 自定義配置及圖片上傳oss
<quill-editor ref="myQuillEditor" :options="editorOption"></quill-editor> import { quillEditor } from "vue-quill-edit
原创 生成隨機字符串
//生成隨機串 export const randomString = (len) => { len = len || 32; var $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnpr
原创 md5 加密 32
export const md5 = (string) => { function md5_RotateLeft(lValue, iShiftBits) { return (lValue << iShiftBits) | (
原创 微信小程序授權登陸流程
appid 小程序唯一標示 secret 小程序的app secret 密鑰 openid 用戶標識 3rd_session 用戶唯一標識符(由session_key 和 openid 生成) 前端wx.login()獲取co
原创 vue 多選 單選
<div class="filter_box"> <div class="filter_list"> <div v-for="(item,index) in filter_tabs" @click="showSel
原创 微信小程序---ECharts
小程序中使用ECharts 動態加載數據 多個圖表首先需要引入,下載地址 ecomfe/echarts-for-weixin 只需要拷貝這一個文件夾就OK了 放在你項目合適的位置,在使用的頁面json進行配置,允許使用組件 ec-ca
原创 購物車
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{margi
原创 vue-cli 腳手架
** vue-cli搭建單頁面應用 ** 步驟 1. 安裝之前需要檢查是否已經安裝nodeJs的環境 [node.js相關的網站](https://nodejs.org/en/download/) 2. npm install vu
原创 微信支付
pay:{ //支付 onBridgeReady: function (config,successFun,errorFun) { WeixinJSBridge.invoke( 'g
原创 react 組件傳值 (父傳子)
<div id="out"></div><script type="text/babel"> //父傳子 子組件獲取父組件數據 var Child = React.createClass({ return( <div> <h2>子組件
原创 react組件傳值(子傳父)
<div id="out"></div><script type="text/babel"> // 子傳父 父組件獲取子組件數據 //父組件傳遞一個可以改變自己狀態的方法給子組件,子組件通過調用父組件傳過來的方法來改變父組件的數據。
原创 手機號碼驗證
//封裝驗證手機號碼 checkUserPhoneReg: function () { var regExpP = /^1[34578]\d{9}$/; //手機號 if (regExpP.test($('.input_
原创 微信錄音
voice: { //開始錄音 startRecord: function () { var recordTimer = setTimeout(function () { w