原创 Vue還原data中初始化的數據
核心代碼： console.log(this.$data) console.log(this.$options.data()) Object.assign(this.$data, this.$options.data()) 打印可以看出
2019-07-30 16:40:00
12
原创 Vue組件通信（非父子通信之Bus）
我的上一篇關於vue組件通信的文章鏈接戳這裏 => vue組件通信，點擊傳值，動態傳值（父傳子，子傳父） 今天要說的是非父子通信方式，這種跨組件的通信方式，可以通過Bus的形式進行處理。在Vue 2.x 推薦使用 個空的 Vue
2019-07-30 16:40:00
原创 React學習之路（二）JSX語法簡介與實例練習
今天繼續跟着胖哥學習。 首先，瞭解一下JSX JSX就是Javascript和XML結合的一種格式。React發明了JSX，可以方便的利用HTML語法來創建虛擬DOM，當遇到<，JSX就當作HTML解析，遇到{就當JavaScript解析
2019-07-05 21:19:32
1
原创 React學習之路（一）寫一個HelloWorld
最近打算學習react，所以找來了收藏已久的胖哥視頻 JSpang網站：http://jspang.com/ 一、下載react環境（默認你已經安裝好node環境） npm install -g create-react-app 二、安
2019-07-04 20:17:35
原创 vue 替換換行符爲p標籤
效果圖 需要把換行符替換成p標籤，方便首行縮進。主要方法使用正則進行轉義 this.articleData = '<p>' + content.replace(/\n*$/g, '').replace(/\n/g, '</p> <
2019-06-18 20:56:30
36
原创 JS獲取url字符串（黑科技-URLSearchParams）
之前截取url字符串一直是.split().split().split()，顯得好傻，今天掌握了一個黑科技，很輕便，也很規整，但是不支持IE 這個黑科技就是 構造函數 URLSearchParams URLSearchParams MDN
2019-06-15 17:03:02
3
原创 JS實現數組去重四種方法
直接上代碼 <script> let arr = [2, 3, 4, 4, 6, 66, 4, 743, 243, 22, 2, 4]; // 一、遍歷數組法，新建一個數組，遍歷原數組，如果不存
2019-06-10 18:03:52
原创 前端get方式下載文件
一般下載方式都是用get去請求，通過動態創建a標籤的形式去完成下載，給a標籤設置download屬性。 並且要聲明傳遞blob格式 responseType: 'blob', getHeader（）爲我設置請求頭信息的方法 imp
2019-06-10 18:03:51
原创 H5於原生APP交互封裝（這裏用vue，其他同理）
最近項目要求APP中要嵌套H5的頁面。 首先，創建兩個JS文件，便於區分管理 1、DeviceType.js用於判斷環境是Android還是IOS export const DeviceType=(()=>{ var u = n
2019-05-11 02:18:16
1
原创 開發記錄（總有你用的到的）
一、url轉碼，url傳值得時候中文會被轉義，通過 decodeURIComponent（ ） 進行轉碼 this.url = decodeURIComponent(item.split('=')[1]) 編碼的話用encodeURI(
2019-04-28 20:40:01
1
原创 JS圖片轉換格式 （轉Blob）
base64轉Blob //ndata爲base64格式地址 let arr = ndata.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n
2019-04-15 16:31:06
原创 JS判斷當前環境爲微信，判斷是Android還是IOS
判斷是否爲微信環境 let wx = navigator.userAgent.toLowerCase(); if (wx.match(/MicroMessenger/i) == "micromessenger") { aler
2019-03-27 16:31:24
原创 微信公衆號H5開發登錄授權流程
很久沒寫博客了，最近實在是太忙，有太多東西想寫想記錄。今天寫個關於微信登錄的過程吧，這次項目是我第一次寫關於微信的東西，這個登錄授權搞了半天。但總算是把流程搞明白了，先附上微信官方文檔 微信公衆平臺 網頁開發授權 我總結來說流程是這樣的：
2019-03-23 16:30:27
原创 vue移動端轉rem，px2rem-loader使用方法
可以自動轉rem "px2rem-loader": "^0.1.9", npm install px2rem-loader --save 在build文件下的utils.js文件中配置 const px2remLoader =
2019-02-22 04:02:47
2
原创 vue使用google地圖（三）在地圖上使用drawingManager繪圖，並獲取座標
先放需求圖 我這個需求是先通過接口獲取已有區域，也就是紅色框框的區域，通過座標進行繪圖，下面是我拿到的數據格式 有個重要的一點，畫圖的座標，第一個點一定要和最後一個點是相同的座標，否則就會出錯。 //顯示區域 drawAr
2019-01-26 02:04:09
35