原创 面試題:請詳細說下你對vue生命週期的理解

請詳細說下你對vue生命週期的理解 vue生命週期總共分爲8個階段創建前/後,載入前/後,更新前/後,銷燬前/後。 創建前/後:在beforeCreated階段,vue實例的掛載完el還沒有。 載入前/後:在beforeMo

原创 解決vue-i18n在非.vue文件中,在其他js文件,譬如axios攔截器等js文件中如何使用的問題

需求:多語言網站,網絡提示錯誤信息也需要支持多語言切換,一般i18n在.vue文件中的模板裏按照api調用就可以了。 那麼在.js文件中如何使用呢? 譬如:我封裝的axios請求文件 只需要看步驟1、2、3、4 // reques

原创 常見的網頁佈局解決方案

後臺管理系統佈局 一、頂部固定,左側導航欄,右側main區域 左側導航欄內容超出,出現滾動條,右側內容,背景色全屏鋪滿,內容超出,出現滾動條。 a.左側可以絕對定位,main區域通過margin-left來隔開,高度通過vh單位

原创 js常用算法學習筆記

排序算法 1.冒泡排序 次比較相鄰的兩個數,如果後一個比前一個小,換位置 示例: var arr = [3, 1, 4, 6, 5, 7, 2]; function bubbleSort(arr) { for (var i

原创 vue項目刷新當前頁面的幾種方式

在vue項目中,經常會遇到需要刷新當前頁面的需求。 因爲vue-router判斷如果路由沒有變化,是不會刷新頁面獲取數據的。 方式1:go(0)和reload() 通過location.reload()或是this.$router

原创 vue element-ui項目將table導出Excel

第一步:安裝三個依賴包 npm install --save xlsx npm install --save file-saver npm install --save-dev script-loader 前兩個是插件依賴,最後一

原创 Vue實現封裝message-box消息提示框

我是vuetify UI框架下進行的項目。不引入框架的話,BlogMessage.vue下的樣式文件需要自己按照需求寫。 1、結構 // src/components/Message Message文件夾下有兩個文件,BlogM

原创 解決tabs選項卡切換時,Echats圖表寬度顯示100px的問題

問題描述 在echats圖表使用tabs選項卡切換時,只有第一個圖表寬度顯示正常,echats圖表寬度設置的100%,但是第二個,第三個。。。都圖表寬度都只顯示100px寬度,所有的東西都壓縮顯示在一小塊,顯示不完整。 原因:由於

原创 vue項目可用的UI框架

PC端 餓了麼出的Element-UI View Ui Ant Design of Vue,基於ant-design 基於Material Design的vuetify、muse-ui 移動端 使用起來挺棒的vux 有贊出品

原创 js工具函數之:根據文件名稱返回文件拓展名(後綴名)

checkFileType(str) { const lastFileName = str.substring(str.lastIndexOf('.'), str.length) return lastFileName.to

原创 js匹配string中的img標籤,並且獲取其src圖片鏈接地址

<script> window.onload = function () { var content = '<P><img src="http://bbs.cn.yimg.com/user_img/200701

原创 Node+express 開發api服務器記錄

Node開發記錄 圖片驗證碼解決方案: svg-captcha中間件。 用戶登錄註冊驗證解決方案: 1、使用passport中間件。 參考連接: https://www.cnblogs.com/y-yxh/p/5859937.ht

原创 前端動畫插件

10款好用的前端動畫插件: https://www.jianshu.com/p/1e4267912e1b 點贊 1 收藏 分享 文章舉報 qq_42991509 發佈了8

原创 vue單頁面從詳情頁面返回列表頁面,記錄滾動條位置。

這個需求是很常見的。 方法一: 1、先定義路由時添加關鍵字 { path: "/", component: Layout, redirect: "/home", children: [

原创 移動端佈局解決方案

step 1 參考鏈接:https://www.jianshu.com/p/1f1b23f8348f【如何在Vue項目中使用vw實現移動端適配】 通過上面的方案,可以構建一個基本的基於vm的移動端兼容性佈局方案。 除了上訴方案外,