原创 Vue.js（六）—— 組件：slot用法

目錄 一、默認情況下（不使用slot） 二、單個slot 三、具名slot 四、編譯作用域 五、默認插槽的內容 六、作用域插槽 七、訪問slot Vue 實現了一套內容分發的 API，將 <slot> 元素作爲承載分發內容的出口。 簡單

2018-10-20 02:48:59

原创 表單驗證——input和required衝突解決

1. input和required衝突解決 Question： 使用表單提交驗證必填字段時，若同時給 input[type="file"] 添加 readonly 以及 required 屬性，則發現，required必填驗證失效，既不會

2018-10-20 02:48:59 17

原创 Vue的生命週期

看過vue官網以及一些講述vue生命週期的文章，還是決定自己總結一下，便於理解：  生命週期：每個 Vue 實例在被創建時都要經過一系列的初始化過程——開始創建、初始化數據、編譯模板、掛載Dom、渲染頁面→更新→重新渲染、銷燬等，也就是

2018-10-13 02:27:05

原创 Vue基礎組件的自動化全局註冊

在使用vue構建項目的過程中，我們會設置一些通用的組件，他可能只包含了一個按鈕或者其他的一個小功能，但是會被我們在不同的組件頁面頻繁調用。此時若是每一個組件頁面都進行引用，將會有很多重複冗雜的代碼，可以改爲全局註冊。具體如下： 1.

2018-10-13 02:27:04

原创 vue+webpack配置問題總結

目錄 1. 配置熱更新&自動打開瀏覽器 方法一：修改 package.json 文件 方法二：修改 webpack.config.js 文件 2. npm run build 生成的map文件配置   1. 配置熱更新&自動打開瀏覽器

2018-10-10 02:30:54

原创 JavaScript格式化時間與日期

1. Date 對象方法 toLocaleString() 根據本地時間格式，把 Date 對象轉換爲字符串。  "2018/10/8 上午8:00:00" toLocaleTimeString() 根據本地時間格式，把 Date 對象的

2018-10-10 02:30:54 1

原创 axios在vue中的應用（二）—— 表單提交上傳圖片

使用axios實現圖片預覽、圖片上傳等功能： methods: { // 圖片預覽 priviewImg(e) { // ... }, // 提交表單 sumitRefund()

2018-10-02 02:26:49 2

原创 CSS自定義select選擇框樣式（右側下拉箭頭）

如圖：自定義select的箭頭樣式  HTML以及CSS代碼如下： <select class="form_select"> <option value="0">請選擇</option> <option value="

2018-10-02 02:26:49 5

原创 vue項目執行npm i 安裝依賴包常見問題

目錄 1. Downloading https://chromedriver.storage.googleapis.com/2.41/chromedriver_window32...報錯 2. 待續... 1. Downloading h

2018-09-18 02:07:29

原创 axios在vue中的應用

Axios 是一個基於 promise 的 HTTP 庫，可以用在瀏覽器和 node.js 中。 1. 安裝並引入axios 1.1 使用 npm/cnpm 安裝 npm install axios --save-dev 1.2 在

2018-09-17 07:16:08

原创 JS節流和防抖

目錄 1. JS節流和防抖的應用場合 2. 未使用節流和防抖的情況 3. js防抖  4. js節流 1. JS節流和防抖的應用場合 在網頁實際運行的某些場景下，有些事件時會被不間斷的被觸發的，如resize事件，而不像是我們想象中的，滾

2018-09-13 10:28:27

原创 vue.js中自定義過濾器filters

目錄 1. 基礎語法 2. 多個過濾器串聯 3. 單個過濾器接收多個參數 vue.js 中允許自定義過濾器，用於常見文本的格式化； 過濾器可以用在兩個地方：雙花括號插值和 v-bind 表達式 (表達式用法從 2.1.0+ 開始支持)。

2018-09-13 10:28:27

原创 移動端調用微信和支付寶的掃一掃功能

目錄 1. 調用微信掃一掃功能： 1.1 綁定域名 1.2 引入JS文件 1.3 通過config接口注入權限驗證配置 1.4 調用掃一掃 2. 調用支付寶掃一掃功能 2.1 引入相關的js文件 2.2 調用掃一掃 1. 調用微信掃一掃功

2018-09-06 16:30:27

原创 使用vue-router設置每個頁面的title

1.引入vue-router import Vue from 'vue' import Router from 'vue-router' 2. 在router/index.js文件中配置每個頁面的title： export defau

2018-09-06 16:30:16

原创 前端實現圖片壓縮上傳（兼容ios10系統）

Questions：近期需要做一個需求，關於前端獲取圖片後壓縮，再上傳給後臺服務器或者上傳至oss後將路徑傳給後臺服務器，壓縮的時候發現在ios10及以下的系統是無效的，經查證，這是由於使用canvas的 HTMLCanvasElemen

2018-09-01 23:51:18