原创 自定義echarts中tooltip顯示的內容

/** * echarts的tooltip顯示的內容 * @param {*} params 座標軸觸發獲取的源數據 * @param {*} noPercent 是否帶%，true或false */ export const

2020-06-26 10:13:37 2

原创 Vue中定製公共組件之modal

需求：整個項目的modal統一風格（本文以ant design of vue爲例） commonModal組件： <template> <a-modal :title="modalTitle" centere

2020-06-20 03:50:48

原创 Vue中定製公共組件之loading

需求：在頁面加載前或者請求響應之前使用loading commonLoading組件： <template> <section> <div class="common-loading"> <div class=

2020-06-20 03:50:48

原创 使用js，將數據中字段爲空的值全部替換爲"--"

需求：將下面數組或者對象中的字段爲空的值全部替換爲"--" let tempArr = [ { domain: "a", index_name: "" }, { domain: "b", index_name: "遞歸" },

2020-06-20 02:19:32

原创 使用js對數組進行亂序排列

let testArr = ['a', 'b', 'c', 'd', 'e', 'f', 'g'] 1.直接使用for循環配合Math對象 disorderArray (arr) { for (let i = 0; i <= arr

2020-06-06 12:30:00 1

原创 使用js，根據數組中對象屬性值的不同將數組進行分組-1

需求：將下面數組-對象中的index_name相同的對象抽離出來，放入一個新數組中 let tempArr = [ { domain: 'a', index_name: '雲淡風輕' }, { domain: 'b', inde

2020-06-06 12:30:00

原创 Vue中評論列表裏的文字實現“查看全文”效果，超過100字的部分自動隱藏，點擊“查看全文”之後再顯示當前評論全部文字

效果圖： 解決方法： 1.遍歷獲得的列表數據，給每個評論以及評論的第一個回覆，添加一個新屬性 2.根據這個屬性值（true or false），給文字顯示兩種css（超過100字的以及少於100字的） 3.點擊"查看全文"，遍歷列表數據，

2020-06-06 12:30:00

原创 Vue中對過濾器的簡化

需求：在頁面某個地方，需要將後臺傳過來的數值型數據轉換爲對應字符串顯示到頁面上（以管道符的過濾器爲例） {{experienceUnit | experienceUnitFilter}} 優化前：用常規的if...else...或者swi

2020-06-06 12:30:00

原创 移動web端安卓手機上元素中的文字垂直不居中的問題

問題：在元素中文字小於12px時並且元素當中的上下內邊距過小時，安卓的瀏覽器會出現顯示問題， “我是挑戰者”在安卓手機上明顯的不垂直居中，如下圖所示 解決辦法： 1.將該元素中所有關於px的樣式放大一倍再縮小一倍，如下圖“.is-user

2020-06-06 12:30:00

原创 Vue中動態樣式綁定的經典用法舉例( :style以及 :class)

需求：在當前企業名片主題 (EnterpriseTheme) 爲 'qinglianxiyu' 時，該組件所佔位置的 margin-top 爲'0'；其他情況爲'260px'。 1.用:style的方式 HTML部分： <!-- 注意此

2020-06-06 12:30:00

原创 使用js，根據數組中對象屬性值的不同將數組進行分組-3

需求：將下面數組-對象中的index_name相同的對象抽離出來，放入一個新數組中 let tempArr = [ { domain: 'a', index_name: '雲淡風輕' }, { domain: 'b', inde

2020-03-28 08:46:50

原创 浮點數精度導致的數值計算問題

需求：浮點數精度導致的數值計算問題，需要對數值計算進行格式化處理，保留小數位爲截取，不進行四捨五入 /** * 帶基數、後綴的數值格式化 * @param {*} num 源數據 * @param {*} base 特定的基數（比

2020-02-20 21:25:13 1

原创 使用js，判斷數組對象中是否有某個對象，有則替換無則添加

需求：判斷數組對象中是否有某個對象，有則替換無則添加 /** * 判斷數組對象中是否有某個對象，有則替換無則添加 * @param {*} initialArr 源數組 * @param {*} obj 判定的對象 * @par

2020-02-20 21:25:12

原创 使用js計算字符串的長度

分析：字符串中一個英文字母佔一個字節，一箇中文漢字佔兩個字節，中文字符基本是兩個字節，英文字符基本是一個字節，其中ASCAIl碼爲94的符號^也爲兩個字節（以下結果爲普通字符串的近似字節長度，對於表情啥的不適用） export cons

2019-09-19 21:48:16

原创 使用js對數值進行單位換算

需求：數值超過四位數單位換算爲“萬”，超過八位數時單位換算爲“億”，並保留小數點後兩位 export const unitConverter = num => { if (!num || isNaN(num)) { retu

2019-09-19 21:48:16 3