原创 mac 中運行npm permission denied, mkdir
在node-modules中查看有無fsevents 報錯應該是沒有，那麼npm install [email protected] 執行之後再執行npm install就不會報錯了
2019-08-05 18:35:04
11
原创 瀏覽器滾動條優化
windows系統中火狐瀏覽器滾動條很粗，且顏色在很多場景很辣眼睛，並不適用，現提供以下幾種方式，對滾動條進行優化： 1.直接隱藏法（體驗最差） // 火狐64+ scroll-width: none // 谷歌 ::-webkit-scr
2019-08-05 16:55:02
原创 'align-items: center/flex-end ' breaks 'overflow: scroll'
實例 <div style="width: 200px; position:relative; top: 200px; background: silver;"> <div class="slidesWrap" style="heigh
2019-04-22 18:15:03
3
原创 僞元素能做好多事
1.圖標和文字不對齊 我們經常遇到圖標和文字挨着，不管圖標怎麼調都很難與文字和諧共處一行，很難實現垂直對齊。這個古老的話題有挺多解決方式的，很多人藉助複雜的position: absolute硬調，挺麻煩的，還要寫很多代碼，不過使用僞元素的
2019-04-02 21:15:02
4
原创 react新建工程初始化 修改打包路徑 修改打包名稱
1.create-react-app 2.自定義配置項 npm run eject 導出scripts後npm install重新下載依賴 3.自定義打包路徑 // path.js // 37行pathname改爲相對路徑 function
2019-03-19 17:55:07
1
原创 關於Vue slot插槽 我想說的事
春節Vue-2.6.0發佈後，對slot插槽進行了一定的優化，那麼對於插槽，你真正的瞭解嗎？以下是我使用中總結的拙見，歡迎批評指正+++++ 最近在做業務組件的時候，用到三種slot，被叫做”默認插槽“，”具名插槽“，”作用域插槽“。 默認
2019-03-13 18:55:05
原创 css實現瀏覽歷史小塊
動圖 <div class="browse-history"> <span class="history-icon"></span> <span class="history-txt">瀏覽歷史</span> </d
2019-02-26 20:24:55
原创 Vuex 的狀態頁面加載後調用
由於 Vuex 的狀態存儲是響應式的，從 store 實例中讀取狀態最簡單的方法就是在計算屬性中返回某個狀態 computed: { isBtnEditModel() { return this.$store.state
2019-02-15 18:34:47
1
原创 svg animation應用之-描邊效果
stroke是比較重要的svg屬性分支 stroke-width 表示描邊的粗細 stroke-linejoin 表示描邊轉角的表現方式 miter, round, bevel, inherit stroke-dasharray 表
2019-02-06 20:35:00
1
原创 svg animation動畫應用
最近在做首頁動畫的時候，引入有背景色的mp4動圖時，動圖的背景色不能很好的融入相同背景色的不同瀏覽器和不同顯示器，出現了下圖這種尷尬的情況： 動圖的邊界始終有根分界線，即使調整了背景色適應這個邊界，也總是會在不同的顯示器中顯示出不同程度的
2019-02-04 13:14:40
原创 表單label兩端對齊之css實現
主要屬性： text-align: justify; text-align-last: justify; 參見https://www.css88.com/book/css/properties/text/text-align-last.ht
2019-01-16 11:56:42