原创 日期進度組件支持拖拽編輯日期進度（看圖，附源碼）
效果看圖，剛寫的“組件”，需要剝離的參數自己寫進props就行，不完善的地方自己完善，有什麼不懂的地方可以進羣問，一般不會回答 拖拽的時候時間和比例自己會變，有需要自己拿源碼，非vue的參考下思路就行 <template> <d
2020-06-23 14:12:52
原创 JavaScript基礎（6）—— 花裏胡哨的函數
在正式開始總結JavaScript權威指南第八章——函數之前，先來談談在實際應用中函數是做什麼的。 通常情況下，我們會將一些常用的工具(如數學方法，數據格式處理，接口處理工具)封裝成一段可重複執行的代碼，這種只定義一次就可以通過函
2020-06-23 14:12:52
1
原创 接下來會寫得一些文章預告。
已經很久沒有時間看書了，簡單看完JavaScript之後就斷斷續續一直再反覆看設計模式，發現很多設機模式我自己寫代碼的時候已經悟到了，因此設計模式是下一個系列，這個系列基本上你只要看前面四五行描述就行了，設計模式本身其實不重要，重要的
2020-06-23 14:12:52
原创 element-ui input組件改造，支持常用(自定義)數據類型匹配
效果如圖，大部分功能和elment-ui差不多 新增type屬性 type支持一些常用的正則匹配 number:數字 positiveNumber:正數 mobile:手機號 telephone:電話號 email：郵箱 webUrl：
2020-06-23 14:12:52
原创 你知道寫作最重要的是什麼嗎？
今天點開博客，發現自己已經是一名擁有30W+閱讀的“知名博主”了（其實沒人聽說過我，聽說過水哥的倒是不少），所以我想跟各位分享一下如何堅持創作。我個人將寫作分爲三個階段。 第一階段：心血來潮 有很多人都經歷過這個階段，就是心血來潮
2020-06-23 14:12:40
原创 關於左右佈局，一邊高度不定，另一邊和不定高度等高的CSS佈局
百度上大部分都說設置負padding和負margin值來解決這個問題，事實上這個方法書上就能查到，而且是比較簡單的方法，我這裏提供另外一種百度不到的方法以及一種更簡易的方法，第一種方法利用absolute的垂直文檔流自適應屬性。想了解ab
2020-06-02 17:22:26
原创 CSS進階（5）—— 深入理解margin
盒尺寸中padding負責內邊距，一般情況下（拋開上一章的詭異現象）不會給使用者帶來太多的麻煩，因此作者稱之爲溫和的padding，而margin則有些激進，雖說負責外邊距，但有時候還能做一些"內邊距"的事情（負邊距），還自帶了些特殊
2020-05-31 12:18:57
1
原创 CSS進階（15）—— CSS世界的層疊規則（上）
說到CSS世界的層疊規則，很多人會想到z-index，翻譯成中文，叫做"z軸的順序"。事實上，拋開z-index只有在部分元素中(如定位元素)生效的條件，任何“元素”都無需藉助z-index的支持會有自己的層疊規則，這個層疊順序是基於
2020-05-31 12:18:57
原创 CSS進階（4）—— 溫和padding中的詭異CSS現象
盒模型的四大家族，原以爲content部分比較複雜，單獨寫了一章，但在看padding部分的時候又遇到一個非常詭異的CSS現象，經過不斷測試，終於得到一個比較接近於“真相”的解釋，在測試這個詭異現象之前，先將padding的一些特性簡
2020-05-31 12:18:57
原创 CSS進階（9）—— 那些年騙過你的float和“清浮動”
如果你被這個標題騙進來，那恭喜你，你獲得了一個重新認識float的機會，這句話不僅是我想對前端程序猿說的，也是我想對自己說的。在使用flex佈局之前，float一度是我最最喜歡用的佈局方式，在沒有接觸CSS world之前，我甚至認爲
2020-05-31 12:18:57
原创 el-select在移動端/ipad上搜索功能不能彈出軟鍵盤進行搜索的問題最佳解決方案
首先這個問題我解決了一天，但結果發現他是個小問題，這裏先不浪費大家時間，直接給解決方案：去除下拉框的readonly屬性即可。懂的自然懂，具體方案可以看最後，先看下過程，可能對你有幫助。 <el-select placeholder="
2020-03-31 00:01:21
原创 這兩年我遇到過的“奇葩程序員”
（一） 第一個故事來源於我的第一家實習公司。 我在第一家公司實習的時候，我的前端負責人是一個長相比我還年輕的“小夥子”，事實上那時候我大三，而他已經過了而立之年。所謂師傅領進門，修行看個人。我從他身上聽過的最多的一句忠告就是：“這個需求做
2020-02-21 04:45:22
原创 JavaScript基礎（5）—— 數組
我們都知道typeof(Array)的計算值是object，在JavaScript中，數組一般是一組連續的索引和值，而對象往往是一組不確定的屬性和值，他們的本質區別在於屬性值是否連續（注意：數組元素也可以是不連續的，如稀疏數組）。在編
2019-08-23 05:16:17
原创 JavaScript基礎（4）—— 包羅萬象的對象（下）
上一章主要了解了對象的增刪改查，引出了原型鏈和繼承的概念，本章我們來好好聊一聊對象的屬性，在對象的屬性中有一些比較好用的方法和特性，瞭解這些方法可能對你寫代碼不會有什麼幫助，但如果你要封裝一個大型的，好用的對象——比如Vue，你可能就
2019-08-15 06:38:13
1