原创 Linux Shell腳本入門筆記

公司服務器一般都是Linux服務器,對於一些問題修改的定位,肯定涉及到一些Linux基本命令,以及一些基本操作,這裏對這些基本操作知識點做一個簡單的總結。 1.在終端輸出 1.1shell腳本起始 #!/bin/bash #!位於解釋器路

原创 vue路由vue-router

main.js import Router from 'vue-router' Vue.use(Router); route.js  import login from '../components/login.vue' let r

原创 ant design pro js-cookie設置過期時間

ant design pro中用到了js-cookie,具體修改cookie的過期時間如下 // 時間單位是天 1/24爲一個小時 Cookies.set('access_token', str, { expires: 1 / 24 }

原创 上傳文件failed to load resource net::ERR_CONNECTION_RESET

1.問題描述 1.1報錯 項目在上傳文件時,後端請求沒有返回結果,但是在谷歌瀏覽器控制檯會報錯net::ERR_CONNECTION_RESET 在火狐瀏覽器測試,控制檯並不會報錯 本地調試上傳,報錯文件/node_modules/rc-

原创 react-ace代碼編輯

ant design pro中使用react-ace 在react中使用react-ace,實現編輯代碼 安裝包 npm install react-ace npm install brace 引入包 import brace

原创 js數學對象方法

項目在需要對數據做處理的時候,經常需要百度一些最簡單的數組、字符串方法,很是浪費時間;對這些方法經常回顧、歸納、總結,coding可以省下不少時間,本文章將會對常用處理數據場景及方法做總結,希望對你有所幫助。 方法歸納 abs() 取絕

原创 ant design pro頁面重定向

場景1 項目中添加了license證書校驗,只有校驗通過纔可以訪問頁面,否則只要在地址欄輸入任一頁面路徑,都要重定向到license證書校驗頁面 實現代碼如下: 引入 import Redirect from 'umi/redire

原创 vue動態渲染表格,顯示上萬條數據

<template> <!-- 表格 --> <div class="table-box"> <div class="tabletbody"> <div id="divScroll" st

原创 vue項目集成vuex

1.安裝 安裝vuex npm install vuex --save 2.項目中添加vuex 添加vuex import Vuex from 'vuex' Vue.use(Vuex) 在src目錄下新建store目錄,store

原创 vue項目mock數據

1.安裝 安裝mockjs npm install mockjs2 --save 2.項目中添加mock 2.1main.js添加mock import './mock' 2.2在src目錄下新建mock目錄,mock目錄下新建ind

原创 vue項目elementUI麪包屑的封裝

一般項目的菜單隻有兩級菜單,但是現在做的項目中有三級菜單; 對應的第三級菜單下還有新增編輯和詳情頁面; 層級較多有十級左右,所以需要麪包屑的展示; 本文章主要就項目中麪包屑封裝做一個總結; 1.路由配置文件 麪包屑時根據vue-route

原创 ant design vue實現穿梭框單選

最近有一個朋友問了一個問題,ant design vue的穿梭框如何實現單選,且禁用頂部的全選checkbox 之前項目中用到的是ant design pro,沒有用到ant design pro of vue,也沒有用過穿梭框組件; 所

原创 ant design動態表單

項目有表單動態增加減少的需求,且表單列表的每一項有多個input輸入框,雖然ant design有一個代碼demo,但是隻有一個input框,且沒有最初默認數據的展示; 本文章對這一需求的實現做一個歸納總結。 動態表單 實現過程中遇到了從

原创 前端文件下載

項目中定位問題,需要下載相關日誌,具體實現這一需求,做一個總結。 下載方法調用 import downloadFile from '@/utils/downloadMoudle'; downloadFile(`output.json`

原创 一些常用正則的整理

只能輸入數字 /^[0-9]*$/.test("123abc") 將手機號碼的中間幾位轉化成**** eg:18404444444    184****4444 phone.replace(/^(\d{4})\d{4}(\d+)/,"