原创 前端請求接口的幾種方式總結

作爲一名前端工程師,請求後臺接口獲取數據是必然的,也是要求前端人員需要掌握的必備技能。但你一段時間只用一種請求方法,突然讓你換成其他方式不一定能夠立馬實現的來,爲此總結了一下前端請求API的方法,方便今後查閱。 一、vue-res

原创 認識可選鏈和雙問號語法

目錄可選鏈操作符 —— Optional chaining operator雙問號操作符 —— nullish coalescing operator 我們都知道一個新的ECMAScript標準的發佈需要經過五個階段,分別是Sta

原创 將後臺數據轉化爲符合el-tree組件的結構

相信進來這的小夥伴一定跟我當時的心情是一樣的,後臺給到的數據看似能用但是又不符合我們要使用el-tree組件的數據結構,爲此需要前端處理後臺返回的數據, 先來看看我們需要的數據結構長什麼樣: elementUI的el-tree組

原创 探索elementUI組件的奧妙

相信用過elementUI組件的小夥伴都知道,儘管它的生態圈已經非常強大,提供的功能也能夠滿足我們平時的開發需求,但保不齊會有一些特殊的需求官方是沒有給出案例的,所以就有這篇文章的出現了。 聲明:這篇博文將一直更新,寫的關於ele

原创 element的日期選擇器el-date-picker分開的日期約束

elementUI自帶了很多的日期選擇組件,但是總有一些需求是無法滿足我們這些開發者的。我遇到的需求是活動時間是不能夠寫在一塊的,像這種: 爲此我只能用兩個組件去拼湊成“開始時間“和”結束時間"分開選擇,但是結束時間和開始時間的

原创 你想要的js正則表達式都在這!

一、校驗數字的js正則表達式 1、數字:^[0-9]*$ 2、n位的數字:^\d{n}$ 3、至少n位的數字:^\d{n,}$ 4、m-n位的數字:^\d{m,n}$ 5、零和非零開頭的數字:^(0|[1-9][0-9]*)$ 6

原创 工作項目總結心得

總結一下最近做的靜態頁面佈局項目,做個總結方便今後查閱項目的疑難點,做到項目的後期技術提升工作.以下是我在做這個項目中的體會和技術感想.還望大牛手下留情! 技術總結: 一、盒子居中             /*父盒子內填充,用paddin

原创 最簡單的使用git上傳項目到github倉庫

最簡單的使用git上傳項目到github倉庫前言介紹前期準備交流 前言介紹 每當完成一個自己努力之後的項目實現後,心中總有多多少少的成就感,就像跟別人分享或者寫下自己的心得,那麼開源github絕對是一個交流學習的好機會。下面我將

原创 element中table組件根據屬性合併行數據

最近寫項目的時候,有個需求是這樣的: 購買項目的時候勾選了兩個以上的員工(這裏假設張三和李四兩個員工),那麼在統計業績或者提成的時候,張三和李四就需要均分該項目的業績和提成金額,顯示的時候需要將張三和李四統計在一起,方便修改其中一

原创 vue-devtools調試工具導入瀏覽器簡單教程

前言: chrome的開發者工具可以說是十分強大了,是web開發者的一大利器,作爲我個人而言平時用到的機率很大,相信大家也很常見,但是我們不要僅僅停留在點選元素看看樣式的層面上,更要利用它更爲強大的功能。比如這期講到的devtoo

原创 小程序實現索引欄遇到的坑

最近在做小程序項目的時候遇到了索引欄功能的東西,該項目是選擇車型的需求。先看效果圖: 實現上面的功能大概有自定義彈框、點擊索引字母跳轉到對應的位置、搜索關鍵字高亮等。下面一個個來實現。 特別說明:剛開始看到這種索引欄組件,就

原创 令人興奮的JavaScript新特性

目錄可選鏈操作符 —— Optional chaining operator雙問號操作符 —— nullish coalescing operatorBigInt —— 大數值運算 我們都知道一個新的ECMAScript標準的發佈

原创 vs-code保存時自動根據eslint格式化代碼

最近做項目時使用vs-code編輯器,項目中也使用了eslint,但很多時候不小心寫到不規範的代碼就會冒紅,雖然不影響運行,但有代碼潔癖的我是不允許這樣的代碼存在的,爲了代碼的規範性,加入了eslint格式校驗,並且配置了自動化符

原创 時間戳轉換爲其他時間格式的封裝

最近做vue相關的項目,用到了後臺返回的時間,因爲後臺返回的時間都是時間戳格式,加上項目中多次用到了時間的不同格式的顯示,爲此自行封裝了關於時間戳轉換時間格式的方法,可能有待優化,但對於新手都是可以理解的,不足之處還望各位大佬指正

原创 使用webpack腳手架創建一個vue項目

使用webpack腳手架創建一個vue項目前言介紹前期環境準備開始創建項目實例交流 前言介紹 創建vue的項目方式有很多種,這裏僅介紹使用webpack腳手架來創建一個vue項目,下面將創建一個movie爲例的項目。 前期環境準備