原创 對象合併及排序

// 對象合併 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