原创 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必須是什麼數據格式,如果爲空會報錯,只需要在請求回來之前,設爲默認初始值即可。