原创 css border邊框漸變

.active { background: rgba(255, 138, 36, 0.06); border-left: 10rpx solid; border-radius: 0 12px 12px

原创 flex裏最後一個元素右對齊

margin-left: auto;

原创 瀏覽器兼容前綴和瀏覽器內核

Firefox : -moz- Chrome & Safari : -webkit- Opera : -o- IE : -ms- IE: trident內核 Firefox:gecko內核 Safari:webkit內核 Oper

原创 echarts的y軸文字顯示不全、y軸文字與軸之間設置間隔

第一步: grid: { left: "55", containLabel: true }, left 容器左側的距離。 containLabel 用於『防止標籤溢出』的場景,標籤溢出指的是,標籤長度動態變化時,

原创 npm install -g, -S, -D, --save, --save -dev

npm install -g 全局安裝 npm install name -S(npm install name --save) 開發環境 和 生產環境 都會用到 在 package-lock.json 的 dependenci

原创 什麼是BFC、可以解決哪些問題

BFC:塊級格式化上下文 (Block Fromatting Context) 解決的問題: 避免外邊距摺疊 避免文字環繞 包含浮動元素,讓浮動元素不會亂跑

原创 超出元素的文字用3個點代替

overflow: hidden; text-overflow:ellipsis; white-space: nowrap;

原创 windows 實用快捷鍵

Ctrl + W 在瀏覽器中,直接關閉當前瀏覽頁面 Windows + L 直接鎖屏 Windows + ++++++(←Backspace 的 左邊按鍵) 放大,放大,再放大! Windows + E 直接

原创 git Failed to connect to xxxxx Timed out

解決辦法: git config --global --unset http.proxy

原创 JS XMLHttpRequest

XMLHttpRequest 對象用於在後臺與服務器交換數據。 var xhr = new XMLHttpRequest() xhr.onreadystatechange = function () { if (xhr.rea

原创 el-image onload觸發問題

不刷新頁面,只更新數據不觸發onload事件,因爲緩存,所以給返回的圖片加上時間戳 + ‘?_=’ + new Date().getTime() 獲取圖片的寬高: <el-image fit="cover" @load="ha

原创 el-table添加表頭顏色

:header-cell-style="{ background: ‘#E9EEF5’, color: ‘#000’ }"

原创 實現水平居中的方法

display: flex; justify-content: center;//控制水平方向的居中(可省略,默認主軸是水平) align-items: center;//控制垂直方向的居中 position: absolu

原创 html新窗口打開鏈接

_blank:在新窗口中打開鏈接 _parent:在父窗體中打開鏈接 _self:在當前窗體打開鏈接,此爲默認值 _top:在當前窗體打開鏈接,並替換當前的整個窗體(框架頁)

原创 [Vue warn]: Invalid prop: type check failed for prop "data". Expected Array, got String.

有些elementUI組件裏,要求傳入的data必須是什麼數據格式,如果爲空會報錯,只需要在請求回來之前,設爲默認初始值即可。