原创 PostCSS及其常用插件介紹
前幾天，PostCSS 6.0 分佈了。 PostCSS 處理了很多你不必處理的乏味工作。它很巧妙的不同於預處理器，提供了可選的且更簡潔的編程語言，來編譯成 CSS，如 Sass、Less 與 Stylus。得出這個結論的部分原因是： 它
2018-12-14 20:51:42
原创 如何使用FormData上傳壓縮裁剪後的圖片Blob對象
在前端頁面，我們通常會遇到需要用戶上傳圖片的操作，可能還會在前端進行圖片編輯的操作（比如頭像的選區裁剪），然後如果圖片過大的話，我們還會對圖片進行壓縮。這些功能我們通常通過Canvas來進行，最後使用Canvas API函數toDataU
2018-12-07 21:34:04
原创 webpack+vuecli打包生成資源相對引用路徑與背景圖片的正確引用
資源相對引用路徑 問題描述 一般情況下，通過webpack+vuecli默認打包的css、js等資源，路徑都是絕對的。 但當部署到帶有文件夾的項目中，這種絕對路徑就會出現問題，因爲把配置的static文件夾當成了根路徑，那麼要解決這種問
2018-11-28 13:11:28
原创 解決IOSwebview加載H5頁面頻繁點擊會上移
在IOSwebview 我們嵌入H5頁面的開發的時候， 在H5的空白頁面雙擊2次頁面會上移動 (function() { var agent = navigator.userAgent.toLowerCase(); var
2018-09-02 03:07:14
3
原创 Es6 中快速複製數組幾種方式
1、第一種通過for循環方式var arr = [1,2,3] var arr2 = []; for(var i =0; i<arr.length; i++){ arr2[i] = arr[i] } arr.push(4) ar
2018-08-22 10:34:32
原创 Css3 活動抽獎彈框
style: <style type="text/css"> .active-btn { width:60px; height:60px; background:url(images/activtiy-btn-bg.png) no
2018-08-22 10:34:32
1
原创 JS_常用的正則表達式
一、校驗數字的js正則表達式 1 數字：^[0-9]*$ 2 n位的數字：^\d{n}$ 3 至少n位的數字：^\d{n,}$ 4 m-n位的數字：^\d{m,n}$ 5 零和非零開頭的數字：^(0|[1-9][0-9]*)$ 6 非零
2018-08-22 10:34:29
原创 使用Flex 彈性佈局來實現手機端頂部，底部固定，中間滑動效果
html:<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, max
2018-08-22 10:34:29
原创 關於Vue下組件引入第三方外部Js幾種方式
第一種方式：利用Vue的mounted生命週期const oScript = document.createElement('script'); oScript.type = 'text/javascript'; oScript.src
2018-08-22 10:34:29
4
原创 git 上傳項目
首先你需要一個github賬號，所有還沒有的話先去註冊吧！https://github.com/我們使用git需要先安裝git工具，這裏給出下載地址，下載後一路直接安裝即可：https://git-for-windows.github.i
2018-08-22 10:34:28
原创 watch 使用
1、watch監聽屬性 data(){ return { num:0 } }, watch(){ num(newValue,oldValue){ console.log('newVa
2018-08-22 10:34:28
2
原创 vue computed 與 watch 區別
1、watch 一個對象，鍵是需要觀察的表達式，值是對應回調函數。值也可以是方法名，或者包含選項的對象。Vue 實例將會在實例化時調用 $watch()，遍歷 watch 對象的每一個屬性 html: <div>
2018-08-22 10:34:28
4
原创 ES6 擴展運算符的應用
（1）複製數組 數組是複合的數據類型，直接複製的話，只是複製了指向底層數據結構的指針，而不是克隆一個全新的數組。 //複製數組 const a1 = [1,2]; const a2 = a1; a2[0
2018-08-22 10:34:26
2
原创 vux 點擊事件進行優化
Vux是基於Vue和WeUI的UI組件庫。對於應用vux的項目因爲點擊綁定的是click事件，自然也存在移動端300ms延遲情況。我們可以用fastclick庫來解決這個問題，具體步驟如下： 這裏以vue+webpack項目目錄爲例：
2018-08-22 10:34:26
5
原创 ES6 Promise
1、案例 var p = new Promise(function(resolve,reject){ //做一下操作 setTimeout(function(){ console.log('執行完畢');
2018-08-22 10:34:26
1