1 概述 1.1 前言 JavaScript數(shù)組方法速查手冊(cè)極簡(jiǎn)版中共收了32個(gè)數(shù)組的常用方法和屬性，并根據(jù)方法的用途進(jìn)行重新排序和分類，在文中簡(jiǎn)要的介紹了方法作用和用例說(shuō)明...
發(fā)簡(jiǎn)信
IP屬地：云南
-
【收藏】JavaScript數(shù)組方法速查手冊(cè)極簡(jiǎn)版
-
【專題】常用JavaScript正則表達(dá)式（regexp）匯編與示例
1 概述 1.1 前言 目前收集整理了21個(gè)常用的javaScript正則表達(dá)式，其中包括用戶名、密碼強(qiáng)度、整數(shù)、數(shù)字、電子郵件地址（Email）、手機(jī)號(hào)碼、身份證號(hào)、URL...
-
學(xué)習(xí)《CSS選擇器Level-4》不完全版
1 概述 1.1 前言 選擇器是CSS的核心組件。本文依據(jù)W3C的Selectors Level 4規(guī)范，概括總結(jié)了Level1-Level4中絕大多數(shù)的選擇器，并做了簡(jiǎn)單的...
-
【基礎(chǔ)】固定列寬的表格及示例演示
引言 對(duì)我來(lái)說(shuō)，table 有一個(gè)非常有用，支持性也很好的 CSS 屬性，但它卻很少為人所知。它改變了表格的渲染方式，并生成一個(gè)更加穩(wěn)定可靠的布局。 它就是： table-l...
-
分享 Web 前端相關(guān)的技術(shù)文章、工具資源等內(nèi)容，歡迎 Web 開(kāi)發(fā)者們踴躍投稿哦。
-
使用min-content實(shí)現(xiàn)容器寬度自適應(yīng)于內(nèi)部元素
前言 設(shè)計(jì)師可以分為如下兩類： 先做好設(shè)計(jì)，然后將內(nèi)容放入靜態(tài)框架中 優(yōu)秀的設(shè)計(jì)師充分考慮內(nèi)容的各個(gè)方面及其上下文，并創(chuàng)建適合于內(nèi)容的設(shè)計(jì) HTML原生就是響應(yīng)式的（HTML...
-
【基礎(chǔ)】CSS實(shí)現(xiàn)多重邊框的5種方式簡(jiǎn)言 目前最優(yōu)雅地實(shí)現(xiàn)多重邊框的方案是利用CSS3 的 box-shadow屬性，但如果要兼容老的瀏覽器，則需要選擇其它的方案。本文簡(jiǎn)要地列舉了幾種多重邊框的實(shí)現(xiàn)方案，大家可...
-
【圖片版】學(xué)習(xí)CSS網(wǎng)格布局簡(jiǎn)言 CSS網(wǎng)格布局（Grid）是一套二維的頁(yè)面布局系統(tǒng)，它的出現(xiàn)將完全顛覆頁(yè)面布局的傳統(tǒng)方式。傳統(tǒng)的CSS頁(yè)面布局 一直不夠理想。包括table布局、浮動(dòng)、定位及內(nèi)聯(lián)塊等方...
-
-
【基礎(chǔ)】EM 還是 REM？這是一個(gè)問(wèn)題！簡(jiǎn)言 應(yīng)用象EM 和 REM這種相對(duì)長(zhǎng)度單位進(jìn)行頁(yè)面排版是WEB開(kāi)發(fā)中的最佳實(shí)踐。在頁(yè)面排版中較好應(yīng)用EM 和 REM，根據(jù)設(shè)備尺寸縮放顯示元素的大小。這就使得組件在不同設(shè)備...
-
【基礎(chǔ)】在css中繪制三角形及相關(guān)應(yīng)用
簡(jiǎn)言 本文簡(jiǎn)要闡述了用CSS邊框的方法在頁(yè)面上繪制三角形，包括幾種典型的三角形繪制，還介紹了幾個(gè)簡(jiǎn)單的應(yīng)用場(chǎng)景。利用邊框繪制三角形方法只是眾多方案中的一種，大家根據(jù)項(xiàng)目實(shí)際，...
-
【基礎(chǔ)知識(shí)】Flex-彈性布局原來(lái)如此簡(jiǎn)單??！
簡(jiǎn)言 布局的傳統(tǒng)解決方案是基于盒狀模型，依賴 display + position + float 方式來(lái)實(shí)現(xiàn)，靈活性較差。2009年，W3C提出了一種新的方案-Flex，F(xiàn)...
-
【收藏】這么多WEB組件(CSS)，攢一個(gè)網(wǎng)站夠了吧？
簡(jiǎn)言 總是喜歡簡(jiǎn)單又精致的東西，美的不繁復(fù)也不張揚(yáng)。這是悶騷程序員的癖好么？閑來(lái)無(wú)事，把收集到的部分WEB組件整理匯總一下，攢一個(gè)逼格高一點(diǎn)的網(wǎng)站夠了吧？ 1 表單(form...
-
【基礎(chǔ)】這15種CSS居中的方式，你都用過(guò)哪幾種？
簡(jiǎn)言 CSS居中是前端工程師經(jīng)常要面對(duì)的問(wèn)題，也是基本技能之一。今天有時(shí)間把CSS居中的方案匯編整理了一下，目前包括水平居中，垂直居中及水平垂直居中方案共15種。如有漏掉的，...
-
【從0到1】分步實(shí)現(xiàn)一個(gè)出生日期的正則表達(dá)式(JavaScript)
簡(jiǎn)言 在表單驗(yàn)證中，經(jīng)常會(huì)用正則表達(dá)式做出生日期校驗(yàn)。本文把出生日期分割成幾個(gè)部分，分步地介紹了實(shí)現(xiàn)一個(gè)出生日期校驗(yàn)的完整過(guò)程。相信您在理解了本篇的內(nèi)容后，對(duì)如何編寫(xiě)和如何應(yīng)...
-
基于規(guī)則評(píng)分的密碼強(qiáng)度檢測(cè)算法分析及實(shí)現(xiàn)(JavaScript)
簡(jiǎn)言 用正則表達(dá)式做用戶密碼強(qiáng)度的通過(guò)性判定，過(guò)于簡(jiǎn)單粗暴，不但用戶體驗(yàn)差，而且用戶帳號(hào)安全性也差。那么如何準(zhǔn)確評(píng)價(jià)用戶密碼的強(qiáng)度，保護(hù)用戶帳號(hào)安全呢？本文分析介紹了幾種基于...
-
身份證號(hào)碼的正則表達(dá)式及驗(yàn)證詳解(JavaScript，Regex)
簡(jiǎn)言 在做用戶實(shí)名驗(yàn)證時(shí)，常會(huì)用到身份證號(hào)碼的正則表達(dá)式及校驗(yàn)方案。本文列舉了兩種驗(yàn)證方案，大家可以根據(jù)自己的項(xiàng)目實(shí)際情況，選擇適合的方案。 身份證號(hào)碼說(shuō)明 居民身份證號(hào)碼，...
