原创 FormData數據格式

**FormData數據格式**介紹實現方法1實現方法2安裝使用總結 介紹 由於後端接口請求對格式有要求,一些情況需要用到FormData的格式。 實現方法1 var params = new FormData(); para

原创 vue 控制文本展開收起

**vue 控制文本展開收起**簡單原理效果展示代碼結構dom 結構css部分遍歷數據添加點擊事件總結 簡單原理 在vue中不改變dom結構的情況下,實現簡單的文本展開收起操作。 遍歷列表中文本是否超過固定高度,超過高度,則對文

原创 ECharts動態加載數據繪製折線圖

Echarts動態加載數據繪製折線圖ECharts引入ECharts步驟連接數據接口,動態加載圖表動態加載數據,整體代碼折線圖繪製總結繪製多個圖表的方法 ECharts 純Javascript的圖表庫,支持各種圖表的繪製。 下載E

原创 CSS視口單位及長度單位

CSS視口單位及長度單位CSS長度單位絕對長度單位相對長度單位認識視口單位( Viewport units )px(像素)em(相對長度單位)rem%vw和vhvwvhvmin和vmax視口單位應用場景總結 CSS長度單位 絕對長

原创 vue 父子間通信 總結

**vue 父子間通信 總結**組件之間通信父組件向子組件傳值(父傳子)props父組件子組件實現的效果圖父組件輸入密碼子組件接收數據子組件向父組件傳值(子傳父)$emit( eventName, […args] )子組件父組件兄

原创 前端面試題總結

**前端面試題總結**從輸入網址到顯示網頁的過程分析在瀏覽器地址欄輸入一個URL後回車,將會發生什麼?(同上)HTTP常見狀態碼Cookie sessionStorage localStorageCSS的三大特性@import和lin

原创 前端面試分享

前端面試分享 vue https://github.com/jiaopianjun/frontend_train

原创 Thymeleaf 基本用法

**Thymeleaf 基本用法總結**Thymeleaf引用命名空間標準表達式鏈接URL引入js與css在其他文件引入head部分a標籤img標籤獲取變量值文本輸出算術運算條件表達式條件判斷迭代(for循環)保持迭代的狀態切換語句(

原创 Ant Design 中List 列表的使用

**Ant Design 中List 列表的使用**實現的功能List列表樣式部分List列表的APIPagination分頁 API頁面佈局編寫前端接收數據前端向後臺發送數據請求model層接收服務器返回的數據,並對數據進行處理總結

原创 AntD Pro登錄頁面,調用接口實現與服務器的交互

**AntD Pro登錄**實現的功能登錄界面樣式部分點擊提交,發送請求server層接收請求,發送請求,調用後端接口model層接收服務器返回的數據,並對數據進行處理前端頁面返回結果,渲染界面總結 實現的功能 登錄界面樣式 判斷登

原创 獲取相同標籤中的內容

**獲取相同標籤中的內容**獲取div中的內容jquery方法獲取div中內容js原生方法獲取內容總結 獲取div中的內容 html部分 <div class="box"> <div class="box-c

原创 標籤中的字體顏色隨機生成

**獲取標籤中的文字,使文字顏色隨機生成**結果展示html部分隨機獲取數組中的色值***實現的功能: ***步驟如下總結 結果展示 html部分 <div class="box"> <div class=