原创 vue前端權限控制

注意:  1. allRoutes是本地定義的所有頁面路由;  2. 'index' 是主頁路由;  3. hasMenuArr是權限菜單id數組 let hasMenuArr = ['useWaterAdmin', 'dataCenter

原创 vue3組件通信(傳值、傳方法)總結

一、常用方法彙總   1. 父->子: props provide/jnject vuex        2. 子->父: emit vuex(nextTick)   3. 祖->孫: provide/inject vuex pr

原创 node、npm安裝與升級

一、下載安裝包覆蓋舊版本   1、安裝node的同時會自動安裝npm 二、n工具安裝   1、 查看node版本,node -v,查看npm版本,npm -v;   2、清除node緩存,sudo npm cache clean -f;  

原创 Vue3.0 新特性以及使用經驗總結

前言 Vue3.0 在去年 9 月正式發佈了,看大家都有在熱情的擁抱 Vue3.0。今年初新項目也開始使用 Vue3.0 來開發,這篇文章就是在使用後的一個總結, 包含 Vue3 新特性的使用以及一些使用經驗分享。 爲什麼要升級 Vue

原创 nginx全面配置

前言 作爲一名前端開發人員,你是不是經常碰到領導讓你上服務器去修改 Nginx 配置,然而你會以“我是前端,這個我不會”爲理由搪塞過去呢!今天就讓我們一起告別這種尷尬,向“真正”的程序員邁進!!! 如果本文對你有所幫助,請點個👍 👍 👍

原创 jenkins自動構建、自動部署

0.認識jenkin Jenkins是一個開源軟件項目,是基於Java開發的一種持續集成工具,用於監控持續重複的工作,旨在提供一個開放易用的軟件平臺,使軟件的持續集成變成可能。 0.1我們爲什麼需要做? 目前我們的前端項目部署在三臺l

原创 vue單頁項目ngin配置

常用配置如下:   server {                 listen       443 ssl;         server_name  h5.cbi360.net;         include      vhost

原创 centos前端環境安裝

1.磁盤掛載 許多朋友不清楚自己是否有數據盤需要掛載(雖然購買時自己買沒買你應該知道的,但還是有人不知道啊),那麼你應該在linux服務器上使用使用“fdisk -l”命令查看。如下圖:若您執行fdisk -l命令,發現沒有 /dev/x

原创 vue生產環境nginx配置代理轉發跨域

後端提供的請求接口完整地址示例:https://www.baidu.com/company/list 前端配置: 一:axios請求url:  /api/company/list 推薦此方法 方法1: location ^~ /api/ {

原创 Element cascader 級聯選擇器 點擊文字選中

自從element-ui更新到2.12之後,級聯選擇器Cascader只能點擊圓圈才能選中。點擊文字 label 沒有效果。用習慣了以前點擊label直接選中後很不習慣新版本。 一、新增css樣式實現點擊label選中 .el-casca

原创 elementui 恢復級聯框el-cascader的默認狀態

一、問題描述   el-cascader可能不會恢復到默認狀態,而是保留上一次的高亮選擇狀態 二、解決方案   <el-cascader ref="cascader"/>   this.$refs.cascader.$refs.panel.

原创 git 將dev分支的代碼合併到master

一、在dev分支上運行以下命令   1. git add . // 暫存所有更改   2. git commit -m "更改的備註信息" // 將修改 提交到本地倉庫,雙引號內是提交的備註信息   3. git pull origi

原创 修改input placeholder文字顏色

/*input placeholder文字顏色*/ .filter-input::-webkit-input-placeholder { /* WebKit browsers */ color:rgba(153,153,153,1);}.

原创 js 多個數組取其相同的元素即子集

描述:let a = [1,2,3,5,9,9,9,2,2,8,10,10];let b = [10,11,2,3,4,5,9,9,9,2,8,10];let c = [2,5,6,3,4,0,8,2,9,9,9,8,8,9,8,9,8,1