發(fā)簡(jiǎn)信
IP屬地：安徽
-
-
2021前端發(fā)展方向轉(zhuǎn)載至：https://www.cnblogs.com/qianduanpiaoge/p/14300390.html[https://www.cnblogs.com/qian...
-
常用的前端JavaScript方法封裝
1呼奢、輸入一個(gè)值化戳，返回其數(shù)據(jù)類(lèi)型** 2、數(shù)組去重 3埋凯、字符串去重 4点楼、深拷貝 淺拷貝 5、reverse底層原理和擴(kuò)展 6白对、圣杯模式的繼承 7掠廓、找出字符串中第一次只出現(xiàn)一次的...
-
牛筆了！字節(jié)跳動(dòng)大佬整理：CSS 核心知識(shí)（萬(wàn)字長(zhǎng)文甩恼，值得收藏ｓ扒啤）本篇文章圍繞了 CSS 的核心知識(shí)點(diǎn)和項(xiàng)目中常見(jiàn)的需求來(lái)展開(kāi)沉颂。雖然行文偏長(zhǎng)，但較基礎(chǔ)悦污，適合初級(jí)中級(jí)前端閱讀铸屉，閱讀的時(shí)候請(qǐng)適當(dāng)跳過(guò)已經(jīng)掌握的部分。 這篇文章斷斷續(xù)續(xù)寫(xiě)了比較久切端，...
-
前端動(dòng)畫(huà)幾個(gè)基本概念 簡(jiǎn)單介紹幾個(gè)關(guān)于動(dòng)畫(huà)的基本概念： 幀：在動(dòng)畫(huà)過(guò)程中彻坛，每一幅靜止畫(huà)面即為一“幀”；幀率：即每秒鐘播放的靜止畫(huà)面的數(shù)量踏枣，單位是fps(Frame per secon...
-
2022 前端學(xué)習(xí)路線圖譜前言 一些做前端的同學(xué)在想著業(yè)余時(shí)間學(xué)點(diǎn)什么的時(shí)候昌屉，沒(méi)有清晰的自我定位，和明確的學(xué)習(xí)路徑規(guī)劃茵瀑，那么你可以參考我的列表知識(shí)點(diǎn)各個(gè)擊破间驮，鑄就成神之路。 在 GitHub 看到一個(gè)...
-
Python（三十六）CSS提升前端第三課CSS提升來(lái)啦马昨！涉及的內(nèi)容有box model：盒子模型竞帽；CSS floating：CSS浮動(dòng)；CSS positioning and hierarchy：CSS定...
-
Let machines love learning！
-
CSS的二維變換在CSS變換中笛谦，支持頁(yè)面中平移抱虐、旋轉(zhuǎn)、變形和縮放元素饥脑。變換改變的是元素所在的坐標(biāo)系統(tǒng)恳邀，同時(shí)，我們可以使用它在視口的坐標(biāo)來(lái)描述其位置灶轰，比如：距頁(yè)面頂部200px谣沸，距頁(yè)面左側(cè)10...
-
前端開(kāi)發(fā)頁(yè)面基礎(chǔ)樣式（移動(dòng)端、響應(yīng)式笋颤、自適應(yīng)）
前言小編一直對(duì)移動(dòng)端開(kāi)發(fā)頗有興趣乳附，無(wú)奈接手的項(xiàng)目都是主打pc端，如今終于有移動(dòng)端的項(xiàng)目到我手啦伴澄！~先記錄一下赋除，本文會(huì)持續(xù)更新~~~~~~~~ 一 html <head>部分 ...
-
css動(dòng)畫(huà)效果
transition 簡(jiǎn)介 transition: property duration timing-function delay transition 是一個(gè)復(fù)合屬性，包含...
-
用clip-path實(shí)現(xiàn)一個(gè)水波紋的字體
1.實(shí)現(xiàn)效果 2.實(shí)現(xiàn)步驟 2.1.寫(xiě)一個(gè)h2標(biāo)簽 2.3.設(shè)置字體鏤空 如下圖效果： 2.3text-stroke屬性 使用text-stroke文字的描邊屬性，color...
-
純CSS實(shí)現(xiàn)『斑馬紋理投影文字』效果展示 思路分析 層級(jí)思路 從展示的效果可以猜到這個(gè)效果由3層文字組成。 表面一層黑色文字 中間一層白色文字 最低的一層是斑馬條紋文字 要實(shí)現(xiàn)多層文字蔫浆，我首先想到的是文字投...
-
vertical-align到底怎么用
作用 說(shuō)實(shí)話，vertical-align屬性算是學(xué)習(xí)前端初期接觸的比較早的一個(gè)屬性了颁糟。一開(kāi)始以為它和text-align是對(duì)應(yīng)的航背，一個(gè)設(shè)置文本橫向顯示位置，一個(gè)設(shè)置縱向顯示...
-
【CSS3動(dòng)畫(huà)思維系列】GIF轉(zhuǎn)CSS3優(yōu)化
突然棱貌，心血來(lái)潮玖媚，就想寫(xiě)寫(xiě)東西了，起個(gè)流弊一點(diǎn)的標(biāo)題键畴？ 那就【CSS3動(dòng)畫(huà)思維系列】最盅？至于能不能寫(xiě)成一個(gè)系列，那就要看日常需求飽不飽和了q(?ˉ ε ˉ ?)p... 這里不會(huì)...
-
嘗試Rese.css到Normalize.css
Normalize.css只是一個(gè)很小的css文件起惕，但它在默認(rèn)的HTML元素樣式上提供了跨瀏覽器的高度一致性涡贱。相比于傳統(tǒng)的css reset，Normalize.css是一種...
-
.nav li:not(:last-child){border-right:1px solid #666;}
上面就是惹想，除了最后一個(gè)li以外问词，所有的 .nav li 都加上了border樣式，是不是很簡(jiǎn)單嘀粱！如何提升你的CSS技能激挪，掌握這20個(gè)css技巧即可[完整版]
前言 隨著前端開(kāi)發(fā)越來(lái)越關(guān)注效率：通過(guò)選擇器的使用和簡(jiǎn)化代碼來(lái)快速加載渲染。像Less锋叨、SCSS這樣的預(yù)處理器在工作的時(shí)候垄分，需要繞的路較長(zhǎng)，而直接使用css速度會(huì)更快娃磺。這里涵...
-
如何提升你的CSS技能薄湿，掌握這20個(gè)css技巧即可[完整版]
前言 隨著前端開(kāi)發(fā)越來(lái)越關(guān)注效率：通過(guò)選擇器的使用和簡(jiǎn)化代碼來(lái)快速加載渲染。像Less偷卧、SCSS這樣的預(yù)處理器在工作的時(shí)候豺瘤，需要繞的路較長(zhǎng)，而直接使用css速度會(huì)更快听诸。這里涵...
-
淺談 CSS 關(guān)鍵字 initial坐求、inherit 和 unset
經(jīng)常會(huì)碰到，問(wèn)一個(gè) CSS 屬性晌梨，例如 position 有多少取值桥嗤。 通常的回答是 static、relative仔蝌、absolute 和 fixed 砸逊。當(dāng)然，還有一個(gè)極少人...
-
CSS進(jìn)階之CSS變量
前言 基本用法 使用自定義屬性的第一步 自定義屬性的繼承 自定義屬性的回調(diào)值 有效性和值 無(wú)效的變量會(huì)發(fā)生什么 通過(guò)js中獲取到的css變量值 var()與rgba()配合實(shí)...
