原创 拿起Typescript做一個輪子(三)

Url處理 需求分析 把params參數拼接到url上,參數值支持對對象、數組、Date、特殊字符串的處理,丟棄url中的哈希標記,保留url中已存在的參數 我們在src下新建helpers文件夾作爲我們之後存放公共輔助函數的地方,在該文

原创 微信小程序生成帶二維碼圖片

一、如何生成小程序分享頁面的二維碼? 通過後臺接口可以獲取小程序任意頁面的二維碼,具體可以參考https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/

原创 拿起Typescript做一個輪子(五)

擴展接口 需求分析 爲了更加方便的使用axios發送請求,我們可以爲所有支持請求方法擴展一級接口: axios.request(config) axios.get(url, [,config]) axios.delete(url, [,c

原创 拿起Typescript做一個輪子(四)

處理網絡異常錯誤 當網絡出現異常的時候發送請求會觸發XMLHttpRequest對象實例的error事件,於是我們可以在onerror的事件回調函數中捕獲此類錯誤。 我們在xhr函數中添加以下代碼: 處理超時錯誤 我們可以設置某個請求的

原创 拿起Typescript做一個輪子(二)

編寫基礎請求代碼 我們現在開始編寫源碼,我們的目標是實現簡單的發送請求功能,即客戶端通過XMLHttpRequest對象把請求發送到Server端,Server端能收到請求並響應即可。 我們實現axios最基本的操作,通過傳入一個對象發送

原创 拿起Typescript做一個輪子(一)

從今天起我將從零用Typescript重構Axios,不僅可以讓我從真實的項目中掌握Typescript,也能讓我對一個庫的實現有更深刻的掌握 爲什麼學習Typescript? 最近TypeScript 的火爆程度大有成爲下一代前端開發語

原创 在 JS 循環中正確使用 async 與 await

記錄下工作中碰到的問題 準備一個例子 假設你需要在循環中進行請求,在請求返回結果後再進行下一個循環的請求,這裏我們使用 setTimeout 來模擬。 在 forEach 循環中使用 await 一開始我使用的是forEach循環 我

原创 20個正則表達式

1 . 校驗密碼強度 密碼的強度必須是包含大小寫字母和數字的組合,不能使用特殊字符,長度在8-10之間。 ^(?=.*\\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$ 2. 校驗中文 字符串僅能是中文。 ^[\\

原创 cordova打包vue2 app

使用cordova打包vue2(webpack)app for android ios 1、vue項目 通過vue-cli腳手架建立項目,使用webpack進行打包,下邊是一整套命令。#npm 版本最好是最新的,升級npm,node版

原创 js使用小技巧

1. 類型強制轉換 1.1 string強制轉換爲數字 可以用*1來轉化爲數字(實際上是調用.valueOf方法) 然後使用Number.isNaN來判斷是否爲NaN,或者使用 a !== a 來判斷是否爲NaN,因爲 NaN !== N

原创 vue中修改了數據但視圖無法更新的情況

我們有時候常碰到vue中明明修改了數據,但是視圖無法更新,因此我總結了一點點碰到此類的情況:數組數據變動:我們使用某些方法操作數組,變動數據時,有些方法無法被vue監測,有些可以Vue包裝了數個數組操作函數,使用這些方法操作的數組去,其數

原创 vue中渲染數據可能有一個無限更新循環--You may have an infinite update loop in a component render function.

今天在在工作中碰到個問題,在此記錄下。 今天在接接口數據時發現數據搞反了,於是想着把數據倒敘一下 <row-list v-if="dataList.rules" :canSelect="!isClose" :data

原创 vue打包後圖片路徑錯誤

vue項目在打包之後背景圖片訪問出錯?首先,出錯點在url-loader上面。// url-loader配置 // build/webpck.base.conf.js { test: /\.(png|jpe?g|gif|svg)(\?

原创 移動端常見bug彙總

點擊樣式閃動Q: 當你點擊一個鏈接或者通過Javascript定義的可點擊元素的時候,它就會出現一個半透明的灰色背景。A:根本原因是-webkit-tap-highlight-color,這個屬性是用於設定元素在移動設備(如Adnroid

原创 vue-router在同一個路由下切換,取不到變化的路由參數

最近用vue寫項目的時候碰到一個問題,在同一個頁面下跳轉,路由地址不變,路由參數有變化,一開始只是在data裏取路由的參數,發現根本取不到變化的路由參數。 在網上查找了一番後發現可以這樣寫: watch: { '$route' (t