原创 身份證號正則校驗

正則匹配身份證號 分爲18位和15位 xxxxxx yyyy MM dd 375 0 十八位 xxxxxx yy MM dd 75 0 十五位 地區: [1-9]\d{5} 地區(嚴格): ([1-

原创 免費API接口整理

各類無次數限制的免費API接口整理,主要是聚合數據上和API Store上的一些,還有一些其他的。 聚合數據提供30大類,160種以上基礎數據API服務,國內最大的基礎數據API服務,下面就羅列一些免費的各類API接口。 聚合的免

原创 大屏展示LCD液晶字體—css3 @font-face屬性自定義字體

顯示效果: 實現步驟: 到 dafont 下載.ttf 格式字體,選擇LCD,點download下載,得到壓縮包,需解壓。 通過fontsquirrel來生成.woff等格式的字體。 上傳.ttf格式文件,生成其他文件格式,

原创 去除特殊字符正則校驗

最近項目中有涉及到不可輸入特殊字符的校驗,規則如下: 使用的去除特殊字符的正則表達式爲: // 英文校驗規則 // -------------!!!注意:轉義特殊字符'-' const regEn = /[`~!@#$%^&*()

原创 頁面實現刷新和跳轉

1. 重新加載本頁 window.location.reload() window.location.replace() 這兩種方法都可以重新加載本頁,但是replace()可以導向另外一個URL 例如:window.l

原创 iframe嵌套頁面全屏實現

1.設置allowfullscreen="true"屬性 <iframe id="mapFrame" allowfullscreen="true" webkitallowfullscreen="true" mozallowfu

原创 前端實現Vue項目導出PDF

方式一:使用html2canvas和jspdf插件實現 該方式是通過html2canvas將HTML頁面轉換成圖片,然後再通過jspdf將圖片的base64生成爲pdf文件。 缺點: 生成的pdf質量不高,失真比較嚴重; 在分頁

原创 CSS - "overflow:hidden"屬性導致樣式錯位

問題如題。原因: 當改變overflow屬性的時候會生成一個新的box,而默認的vertical-align是baseline,所以會導致錯位。 解決方法:只要加任意vertical-align屬性,無論top, bottom,

原创 ant-design分頁組件再封裝

對ant-design自帶的簡單分頁組件進行再封裝,包含顯示總數功能、上一頁、頁面碼、下一頁,可改變每頁顯示條目數和跳轉頁面,顯示項可配置,默認展示全部。代碼如下: <template> <a-pagination c