原创 多個相鄰按鈕切換效果出現邊框重疊問題的解決方法
多個相鄰按鈕切換效果出現邊框重疊問題的解決方法 下圖所示的是一種常見的切換效果，在實現這種切換效果時，經常會遇到相鄰按鈕邊框重疊的問題（查看demo），有沒有好的解決方法呢？ 所出現的邊框重疊問題： 目前，很多優秀的UI組件庫
2020-06-21 00:05:15
原创 vue路由切換時NavigationDuplicated報錯的解決方法
vue路由切換時NavigationDuplicated報錯的解決方法 在vue中使用this.$router.push()方法切換路由時，有時控制檯會報NavigationDuplicated相關的錯誤，如下圖所示： 原因：
2020-02-20 23:29:40
原创 星級評分的實現
星級評分的實現 星級評分是一種常見的打分方式，一般滿分爲5顆星，用戶通過勾選星星的數量來給產品的某一維度進行打分，效果如下圖所示： 當鼠標移動到某個星星上面時，當前星星及其前面的星星需處於激活狀態；當鼠標移開時，所有星星恢復原狀
2020-02-20 23:29:39
1
原创 模擬實現Vue的數據雙向綁定
模擬實現Vue的數據雙向綁定 在使用vue開發時，對於<input>元素，通過指令v-model就可以達到一個數據雙向綁定的效果，在這兒，我們不討論v-model的實現原理，就只簡單討論並模擬實現一個數據雙向綁定。 數據雙向綁定的
2020-02-20 23:29:39
原创 appendChild方法最容易被忽視的一個使用事項
appendChild方法最容易被忽視的一個使用事項 提到appendChild方法，我們都知道它是用來將一個節點添加至指定DOM節點子集的末尾，最常見的應用場景就是我們通過document.createElement方法新建一
2020-02-20 23:29:39
原创 修改表單元素的placeholder樣式
修改表單元素的placeholder樣式 在使用表單元素時，瀏覽器會自動爲表單元素的placeholder設置樣式，該樣式不一定會滿足我們需求，當需要改變placeholder時，可以使用以下選擇器進行操作： // chrome瀏
2019-10-26 15:44:57
原创 多行省略的實現
多行省略的實現 在實際開發中，經常會遇到當文本內容比較多時，由於顯示區域空間的限制，我們只需顯示一部分內容，剩餘的內容則用省略號（…）代替。 單行省略： 關於單行多餘內容省略的實現，可以簡單的通過css樣式來實現： .ellips
2019-10-25 15:50:44
原创 linux下node-sass安裝失敗的解決方法
linux下node-sass安裝失敗的解決方法 最近在實現前端自動化構建部署時，遇到linux服務器端node-sass安裝失敗的錯誤，解決後特在此記錄一下。自動化構建部署簡單來說就是在構建部署服務器上拉取存放在gitlab上前
2019-10-25 15:50:44
原创 js-cookie使用方法
js-cookie使用方法 js-cookie用來處理cookie相關的插件，非常簡單好用，下面簡單記錄一下： 1、項目中引用： npm install --save js-cookie 2、js-cookie的使用： 安裝
2019-10-25 15:50:44