原创 webpack處理ES6語法
說明： 我們在項目中書寫的ES6代碼，由於考慮到低版本瀏覽器的兼容性問題，需要把ES6代碼轉換成低版本瀏覽器能夠識別的ES5代碼。使用 babel-loader 和 @babel/core 來進行ES6和ES5之間的鏈接，使用 @babe
2020-07-08 11:03:20
2
原创 vue實現環形百分比進度條組件
參考網上的一些環形百分比進度展示，加了一些拓展屬性~ 下面爲兩個調用的實例效果~ icon組件爲另外封裝的，可自行刪除修改 組件調用 <radial-indicator percentNum="87" speed="
2020-07-08 11:03:20
2
原创 webpack-dev-server和watch的配置
webpack-dev-server的理解：它能幫助我們在源代碼更改的情況下，自動 幫我們打包我們的代碼並 啓動 一個小型的服務器。如果與熱更新一起使用，它能幫助我們高效的開發。 自動打包的方案，通常來說有如下幾種： watch參數自動打
2020-07-08 11:03:19
1
原创 tinymce5的圖片上傳實現
在vue created中初始化 tinymce.init({ selector: '#tinymce-editor', language_url: "/tinymce/zh_CN.js", langua
2020-07-08 11:03:08
3
原创 validator常見的一些正則配置
/* 匹配非空字符串*/ export function validateNonempty(str) { const reg = /^[^\s]+$/ return reg.test(str) } /* 合法uri*/ ex
2020-06-02 03:33:56
原创 vue獲取DOM元素，觸發事件
HTML元素： 如果元素是一個原生的HTML元素，通過綁定ref="selector" 通過this.$refs['selector'].click() 觸發 組件： 如果元素是一個組件，通過綁定ref="selector" 需要通過th
2020-02-22 20:10:22
原创 url-loader和file-loader的區別
file-loader將圖片移動到dist目錄(或者outputPath定義的目錄)下並返回一個相對於dist的路徑 url-loader相比file-loader多了一個limit配置項(1024 = 1kb),在超過limit的時候執
2019-07-31 02:13:12
原创 webpack打包iconfont
一、首先在iconfont建立項目添加需要的圖標，下載壓縮包到本地 提取出文件類型爲 eot ttf svg woff 的四類文件放到項目中，可新建一個font文件夾放入
2019-07-31 02:13:12
原创 webpack自動添加廠商前綴（postcss-loader的使用）
一、安裝依賴：自動添加廠商前綴需要npm install安裝postcss-loader和autoprefixer 二、 { test: /\.(sass|scss)$/, use: ['st
2019-07-31 02:13:11
4
原创 vue作用域插槽slot-scope
一個簡單的例子： 父組件僅僅是調用了子組件 子組件內部實現了一個todolist列表 整個數據傳遞的流程： 1.父組件傳遞了todos數組給子組件 2.子組件通過props接受了數組數據，這裏應該沒有任何問題 3.子組件拿到數組後v-fo
2019-03-27 00:57:03
原创 vue中組件非prop接收數據時的特性自定義綁定
非 Prop 的特性 一個非 prop 特性是指傳向一個組件，但是該組件並沒有相應 prop 定義的特性。 特性就會自動添加到根元素上 對於絕大多數特性來說，從外部提供給組件的值會替換掉組件內部設置好的值。 所以如果傳入 ty
2019-03-26 01:01:06
1
原创 element ui在table中放入input且實現驗證
<template> <div class="app-container" style="overflow: auto;"> <el-table :data="list" size="small"
2018-12-29 22:00:18
18