原创 限制input輸入小數只能到3位或者只能輸入正整數(兼容ios)

我們在做表單輸入時,有時候對於有些輸入比較有限制,比如輸入天數必須爲正整數,再比如有些特殊需求需要輸入保留小數點的後面n位。那麼我們如何在輸入環節就限制用戶的輸入情況呢? 我們可以用正則表達式來限制。 限制input輸入數字只能輸入正整數(

原创 js組合模式和寄生組合模式的區別研究

最近在閱讀《js權威指南》的繼承這一章,對於組合模式和寄生組合模式的區別有點混淆,在多次重讀以及嘗試之後,得到一些心得。 組合模式繼承 結合了構造函數繼承時可以爲每個屬性重新初始化,構造一個副本的優點,以及原型鏈繼承時一次定義處處共享的優點

原创 如何實現label長度固定,文字分散分佈的效果

我們經常會看到表單填寫時前面的label,都是左右對齊的,即使字數不一樣。就像下面的效果: 解析 這種效果主要通過text-align-last屬性來實現。 text-align-last:規定如何對齊文本的最後一行 在菜鳥教程上對於這個

原创 如何讓文本只顯示兩行——塊級文字省略

在頁面顯示中我們經常會需要進行省略,比如簡介裏面的省略,比如固定div中字數超過限制之後的省略。我們可以用css輕鬆做到。 單行文字的省略 單行文字省略比較簡單。關鍵代碼如下: <style> .single { w

原创 正則表達式應用

上一篇文章跟大家介紹了正則表達式的一些常見知識點和相關例子,那這篇文章我就來分享一下自己在工作當中所遇到的跟正則表達式有關的運用案例,看看它在我的工作中發揮了怎樣的作用。 應用場景 正則表達式的應用場景有很多,一般是用來驗證字符串,提取字符

原创 正則表達式詳解

正則表達式是一個非常有用的用來匹配驗證字符串的工具。很多人覺得正則表達式規則繁多,學了也會忘記,不如等到需要使用的時候再去查閱即可。這樣的觀點也無可厚非,不過我曾經看到過一個絕妙的關於閱讀的比喻,閱讀就像是將竹簍浸入到水裏面,雖然撈打上來的