原创 Vue路由中3種常見導航守衛：全局守衛，獨享守衛，組件內守衛
正如其名，vue-router 提供的導航守衛主要用來通過跳轉或取消的方式守衛導航。有多種機會植入路由導航過程中：全局的, 單個路由獨享的, 或者組件級的。 記住參數或查詢的改變並不會觸發進入/離開的導航守衛。你可以通過觀察 $r
2020-06-12 21:16:14
原创 在vue中使用i18n實現國際化
前言： 要實現多語言切換，這時候接觸到國際化，前端框架無數，其中幾種熱門的框架都有相匹配的國際化插件工具。比如： vue + vue-i18n angular + angular-translate react + react
2020-03-07 22:39:00
原创 Angular 響應式表單-FormArray 和 FormGroup的多層嵌套
由於在工作中需要做多層的表單提交校驗功能，但一直沒有好的方法 ，查找了一下網上資料剛好有解決的辦法 ， 所以借鑑了一下並收藏下來 ， 做以後再次使用 有時候，在FormArray中，不僅僅是一個控件，有可能是多個，這個時候，這個F
2020-03-07 22:39:00
原创 vue-quill-editor富文本編輯器的漢化版 及 使用心得
現在網上上有很多的富文本編輯器，但我個人還是非常喜歡Vue家族的vue-quill-deitor，雖然說它只支持IE10+ 好 , 廢話不多說直接上代碼，現在是見證奇蹟的時刻, 在vue中使用quill呢，我們需要npm進行安裝，
2020-02-23 22:09:45
2
原创 vue中使用 echarts 多條折線圖使用及相關配置
自己在工作中經常用到echarts來實現一些統計功能和效果，在這裏對自己使用較多的做簡單的記錄，方便自己後期查閱。同時希望幫助更多人。 首先簡單介紹一下，ECharts是一個純JavaScript圖表庫，底層依賴於輕量級的Canv
2020-02-23 22:09:45
原创 vue-cli3.0 axios跨域請求代理配置及端口修改
1.安裝 axios 2. 在全局中main.js 中引入 import axios from 'axios' Vue.prototype.$axios = axios 3.項目根目錄下新建 vue.config.js /
2020-02-23 22:09:45
原创 Vue SSR 服務端渲染深度解析及實踐
一 . SSR 的優缺點 更利於SEO 不同爬蟲工作原理類似，只會爬取源碼，不會執行網站的任何腳本（Google除外，據說Googlebot可以運行javaScript）。使用了Vue或者其它MVVM框架之後，頁面大多數DOM
2020-02-23 22:09:35
原创 Angular6+ 自定義模塊以及配置路由實現模塊懶加載
一、Angular 創建一個默認帶路由的項目 ng new angualrdemo --skip-install 二 、創建帶路由模塊： ng g module module/user --routing ng g modul
2020-02-23 22:09:35
原创 在vue項目中實現 將數據導入Excel 三種方式(.xlsx , .csv)
方法一 Vue 將頁面中表格數據導出excel 一、需要安裝三個依賴： npm install -S file-saver xlsx npm install -D script-loader 二、項目中新建一個文件
2020-02-23 22:09:35
原创 vue 封裝類似於 element , iview 庫的插件 併發布到npm上
封裝vue插件併發布到npm上 封裝vue組件庫的兩種方法和形式： 一：是建立一個webpack-simple 項目 二：是在通過vue-cli腳手架建立webpack vue項目， 下面分別介紹兩種用法： 一：1.首先先建立一個
2020-02-23 22:09:35
原创 vue引入外部字體包報錯(You may need an appropriate loader to handle this file type.)
vue項目引入外部字體包，然後報這個錯 解決方案
2020-02-23 22:09:35
原创 CSS實現禁用狀態 及 擴展
一：爲input框添加禁用狀態 1、readonly表示此域的值不可修改，僅可與 type=“text” 配合使用，可複製，可選擇,可以接收焦點，後臺能接收到傳值. 代碼演示 <input type="text" name="fi
2020-02-23 22:09:35
原创 WebSocket 實時保持數據連接 的使用及詳解
WebSocket 協議在2008年誕生，2011年成爲國際標準。所有瀏覽器都已經支持了。 它的最大特點就是，服務器可以主動向客戶端推送信息，客戶端也可以主動向服務器發送信息，是真正的雙向平等對話，屬於服務器推送技術的一種。 特點
2020-02-23 22:09:35
原创 vue中使用外部字體
有時候爲了個性化，可能需要爲部分字體添加特殊的font-family 1.在static文件夾中創建font文件夾將字體文件放入 2. 在font文件中新建font.css css內容如下： @font-face {
2020-02-23 22:09:35
原创 vue預渲染打包遇到 Chromium revision is not downloaded 報錯
vue預渲染打包遇到 Chromium revision is not downloaded 報錯 vue預渲染 打包 遇到這個報錯 無奈 含淚整理這個報錯問題 , 廢話不多說直接上圖 解決方法 : 第一步 : 先刪除 no
2020-02-23 22:09:35