原创 vue中props父組件向子組件傳值組件通信以及Watch運用
1、views層 父組件： <el-dialog title="編輯活動" :visible.sync="dialogCreateVisible" :close-on-click-modal="false" width="70
2020-06-29 09:16:54
原创 vue中nextTick()原理
1. 用nextTick()的原因： JS運行機制（Event Loop） JS執行是單線程的，它是基於事件循環的 所有同步任務都在主線程上執行，形成一個執行棧。 主線程之外，會存在一個任務隊列，只要異步任務有了結果，就在任務隊
2020-06-29 09:16:54
原创 RESTful風格接口和特性
1、RESTful的特性 資源： 可以用一個URL（統一資源定位符）指向它，每種資源對應一個特性的URL。 URI： 統一資源標誌符，用來唯一的標識一個資源 URL：統一資源定位符，是一種具體的URI，即URL可以用來標識一個資
2020-06-29 09:16:54
原创 vue項目中js-cookie的使用存儲token
1、安裝js-cookie # npm install js-cookie --save # yarn add js-cookie 2、引用（需要的文件） import Cookies from 'js-cookie' const
2020-06-29 09:16:54
原创 Vue移動端H5微信支付（js-sdk）和支付寶支付功能
1、獲取內置瀏覽器標識 微信： export function isWeixin() { var ua = window.navigator.userAgent.toLowerCase(); if(ua.match(/M
2020-06-29 09:16:54
原创 Vue移動端H5生成二維碼功能（qrcodejs2）
相信大家都遇到或是做過生成二維碼的功能需求，現在針對vue移動端方法作簡單介紹 1、安裝、引用二維碼插件 # 通過 npm 安裝 npm i qrcodejs2 # 通過 yarn 安裝 yarn add qrcodejs2 項
2020-06-29 09:16:54
原创 vue中的虛擬DOM原理
1、定義： 虛擬DOM其實就是一棵以 JavaScript 對象( VNode 節點)作爲基礎的樹，用對象屬性來描述節點， 實際上它只是一層對真實 DOM 的抽象。最終可以通過一系列操作使這棵樹映射到真實環境上。 相當於在js與D
2020-06-29 09:16:54
原创 Vant-UI移動端（H5）下拉刷新、上拉加載實現簡介
相信大家都看到或是做過移動端的下拉刷新、上拉加載的功能需求，之前有人問過我，現在針對vant-UI框架簡單介紹下 1、安裝、引用 # 通過 npm 安裝 npm i vant -S # 通過 yarn 安裝 yarn add
2020-06-29 09:16:54
1
原创 Vue公衆號開發調用微信掃一掃接口實現掃碼功能（JSSDK）
1、安裝、引用微信js-sdk #通過yarn安裝 yarn add weixin-js-sdk #通過npm安裝 npm i weixin-js-sdk 項目中的引用 import wx from 'weixin-js-sdk
2020-06-29 09:16:54
原创 vue中Diff算法、key的作用原理
1、Diff算法步驟： 用js對象結構（虛擬DOM）表示 DOM 樹的結構；然後用這個樹構建一個真正的 DOM 樹，插到文檔當中 當狀態變更的時候，重新構造一棵新的對象樹。然後用新的樹和舊的樹進行比較，記錄兩棵樹差異 把所記錄的
2020-05-21 17:24:38
原创 vue + vant商城購物車 - - watch與computed場景運用
場景需求： 商城加入購物車後，列表頁顯示已添加商品列表 可單獨增減商品數量 可多選、全選刪除 關鍵點： 商品已選中狀態查詢 合計價格計算 商品下單數量 1、views層 購物車內容，主要採用vant中van-checkbox組件
2020-05-01 15:06:08
原创 vue項目PC端掃碼授權綁定公衆號
場景需求： PC端點擊授權按鈕彈框提示立即綁定公衆號 生成二維碼提供微信掃碼授權 PC端提示授權結果提示、微信公衆號提示授權成功提示 解決方案： 利用qrcodejs2插件生成二維碼（有容錯率區別） 需要實時調取接口返回授權
2020-03-18 14:43:53
原创 Mac上使用自帶svn
一、場景需求 產品文檔、原型等文件用的是SVN 二、SVN的使用方法及常用命令 1. 打開終端 cd xxx 進入到需要存儲的位置 2. 將文件checkout到本地目錄 （svn checkout xxx ） svn
2020-03-01 22:57:06
原创 vue移動端H5生成二維碼且支持長按識別功能（qrcodejs2）
場景需求： 用戶購買時添加引導關注公衆號功能 生成二維碼並能長按識別（需要圖片才能支持） 解決方法： 利用qrcodejs2插件生成二維碼（canvas、table渲染不是image圖片） 利用canvas的一個方法toDa
2020-02-27 08:20:35
原创 VantUI+Vue移動端H5實現仿微信朋友圈功能
相關技術棧： # yarn add vue-photo-preview # npm i vue-photo-preview 1、 圖片預覽切換 vue-photo-preview 2、滑動（vant-ui） van-swipe (輪
2020-02-25 01:43:32
2