原创 【css】單行多行溢出隱藏設置

文章目錄實現代碼屬性詳解word-breaktext-overflowwhite-space-weblit-line-clamp 實現代碼 /* 單行隱藏 - 支持中文截斷、英文截斷 */ .single-line

原创 如何處理html中的換行字符“↵”

如何處理html中的換行字符#“↵” 需求背景 通過ajax請求回字段值,該字符是String類型,且包含換行符↵ ,將獲取到的字符串內容按照原樣格式進行換行展示出來。 解決思路 通過字符串替換元素的方式解決問題 解決過程 [d

原创 【echarts】echarts中的boundaryGap導致的問題

echarts中的boundaryGap導致的問題 問題描述 解決前 在使用柱狀圖時,出現圖表在刻度尺下面的情況 解決後 解決方式 // 設置類目軸的boundary的值爲true yAxis: { type

原创 通過ajax上傳文件file、input等 - formData使用說明

文章目錄formData 使用說明01 - 什麼是formData02 - 爲什麼使用formData03 - 如何使用formDataConstructorMethodformData.append()FormData.dele

原创 gulp-load-plugins詳解

gulp-load-plugins 從package.json文件中加載所需要的gulp插件,可以直接附加到選擇的對象上,而不再需要每一個依次引入 官網鏈接 https://www.npmjs.com/package/gulp

原创 js解析json數據格式及格式轉換

JSON數據 [javascript Object Notation]JavaScript對象表示法 是一種輕量級的數據交換格式 json的數據結構 ● 一種是“名稱/值”的組合 , 一般被稱之爲對象 "名稱/值"的格式一般是

原创 【echarts】echarts的柱狀圖在數量比較少時如何控制柱狀圖的寬度

echarts的柱狀圖在數量比較少時如何控制柱狀圖的寬度 實現代碼 max:function (value) { if (value.max < 5 ){ value.max = 5; } else

原创 vue-router 從 0 到 實踐

vue-router 從 0 到 實踐 文章目錄vue-router 從 0 到 實踐如何安裝vue-router是什麼核心概念路由實例路由標籤動態路由匹配嵌套路由編程式導航命名路由命名視圖重定向和別名路由組件傳參使用進階導航守衛

原创 聊一聊vue中的事件總線機制 - EventBus

Vue事件總線機制 - EventBus 事件總線產生的背景 在vue中最核心的部分就是組件,組件間的通信就是重中之重。通信分爲父子組件通信、兄弟組件通信、不相干的組件通信等等多種方式。父級向子級通過props傳遞數據,子級通過

原创 vuex從0到實踐

初始vuex 文章目錄初始vuex第一步:安裝vuex第二步:瞭解vuex是什麼第三步:開始使用vuex1、計數器2、在vue中注入vuex第四步:瞭解vuex的核心概念StateGetterMutationActionModul

原创 淺談Vue指令 - 從API的角度認識Vue指令

vue指令 文章目錄vue指令vue 指令是什麼內容輸出相關指令01 - v-text02 - v-html03 - v-cloak04 - v-once05 - v-pre邏輯處理相關指令01 - v-show02 - v-if

原创 WebSocket - 一篇文章讀懂websocket

一篇文章瞭解WebSocket WebSocket 產生背景 在我們開發過程中使用最多的就是 HTTP協議,當我們想要獲取某些數據時由客戶端發起請求,服務端接受請求並返回相對應的數據。 但是這種單項請求方式存在一定的弊端,那就是隻

原创 【Vue插件篇】- 百度地圖在vue中的使用

百度地圖在vue框架中的使用 文章目錄百度地圖在vue框架中的使用安裝註冊全局註冊組件局部註冊使用(以局部註冊爲例)注意事項自己開發中踩到的坑參考鏈接 安裝 npm install vue-baidu-map --save 註冊

原创 【Vue基礎篇】組件

組件詳解 [success] 可在此處查看運行文檔中的代碼示例結果:https://github.com/jianyaoo/Vue 基本使用 我們在註冊一個組件的時候都會給組件起一個組件名,起組件名的兩種方式爲kebab-c

原创 Vue路由在新窗口打開

Vue路由在新窗口打開 文章目錄Vue路由在新窗口打開第一種:使用``標籤第二種:使用編程式導航使用背景遇到的問題解決方案 第一種:使用<router-link>標籤 第二種:使用編程式導航 使用背景 在點擊事件或函數中實現頁面跳