原创 react-router-dom V6路由參數

一、標籤組件   1.search方式     <Link to={'/main/dataForm?id=123&name=aa'}>導航</Link>     <Link to={{pathname: '/main/dataForm',

原创 屏幕自適應方案

一、屏幕自適應方案   1. @media screen、%、vw vh、柵格、rem、scale縮放; 二、業務場景   1. 電腦、平板、手機三種設備自適應:     建議:     1. 做三個站點,在前端或者nginx重定向到對應的

原创 Pinia和Vuex對比

Pinia和Vuex一樣都是是vue的全局狀態管理器。其實Pinia就是Vuex5,只不過爲了尊重原作者的貢獻就沿用了這個看起來很甜的名字Pinia。 本文將通過Vue3的形式對兩者的不同實現方式進行對比,讓你在以後工作中無論使用到Pin

原创 系統集成項目管理工程師-進度管理

一、縮短活動工期的方法   1.關鍵活動的調整(快速跟進);   2.非關鍵活動的調整;   3.投入更多的資源以加速活動進程(趕工);   4.指派經驗更豐富的人去完成或幫助完成項目工作;   5.減少活動範圍或降低活動要求;   6.改

原创 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