發(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ù)類型** 2、數(shù)組去重 3缤沦、字符串去重 4虎韵、深拷貝 淺拷貝 5、reverse底層原理和擴(kuò)展 6缸废、圣杯模式的繼承 7劝术、找出字符串中第一次只出現(xiàn)一次的...
-
牛筆了！字節(jié)跳動(dòng)大佬整理：CSS 核心知識(shí)（萬字長(zhǎng)文呆奕，值得收藏Ｑ）本篇文章圍繞了 CSS 的核心知識(shí)點(diǎn)和項(xiàng)目中常見的需求來展開。雖然行文偏長(zhǎng)梁钾，但較基礎(chǔ)绳泉，適合初級(jí)中級(jí)前端閱讀，閱讀的時(shí)候請(qǐng)適當(dāng)跳過已經(jīng)掌握的部分姆泻。 這篇文章斷斷續(xù)續(xù)寫了比較久零酪，...
-
前端動(dòng)畫幾個(gè)基本概念 簡(jiǎn)單介紹幾個(gè)關(guān)于動(dòng)畫的基本概念： 幀：在動(dòng)畫過程中冒嫡，每一幅靜止畫面即為一“幀”；幀率：即每秒鐘播放的靜止畫面的數(shù)量四苇，單位是fps(Frame per secon...
-
2022 前端學(xué)習(xí)路線圖譜前言 一些做前端的同學(xué)在想著業(yè)余時(shí)間學(xué)點(diǎn)什么的時(shí)候孝凌，沒有清晰的自我定位，和明確的學(xué)習(xí)路徑規(guī)劃月腋，那么你可以參考我的列表知識(shí)點(diǎn)各個(gè)擊破蟀架，鑄就成神之路。 在 GitHub 看到一個(gè)...
-
Python（三十六）CSS提升前端第三課CSS提升來啦榆骚！涉及的內(nèi)容有box model：盒子模型片拍；CSS floating：CSS浮動(dòng)；CSS positioning and hierarchy：CSS定...
-
Let machines love learning！
-
CSS的二維變換在CSS變換中碉钠，支持頁面中平移纲缓、旋轉(zhuǎn)、變形和縮放元素喊废。變換改變的是元素所在的坐標(biāo)系統(tǒng)色徘，同時(shí)，我們可以使用它在視口的坐標(biāo)來描述其位置操禀，比如：距頁面頂部200px，距頁面左側(cè)10...
-
前端開發(fā)頁面基礎(chǔ)樣式（移動(dòng)端横腿、響應(yīng)式颓屑、自適應(yīng)）
前言小編一直對(duì)移動(dòng)端開發(fā)頗有興趣，無奈接手的項(xiàng)目都是主打pc端耿焊，如今終于有移動(dòng)端的項(xiàng)目到我手啦揪惦！~先記錄一下，本文會(huì)持續(xù)更新~~~~~~~~ 一 html <head>部分 ...
-
css動(dòng)畫效果
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.寫一個(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到底怎么用
作用 說實(shí)話纫塌，vertical-align屬性算是學(xué)習(xí)前端初期接觸的比較早的一個(gè)屬性了。一開始以為它和text-align是對(duì)應(yīng)的讲弄，一個(gè)設(shè)置文本橫向顯示位置措左，一個(gè)設(shè)置縱向顯示...
-
【CSS3動(dòng)畫思維系列】GIF轉(zhuǎn)CSS3優(yōu)化
突然，心血來潮避除，就想寫寫東西了怎披，起個(gè)流弊一點(diǎn)的標(biāo)題胸嘁？ 那就【CSS3動(dòng)畫思維系列】？至于能不能寫成一個(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技巧即可[完整版]
前言 隨著前端開發(fā)越來越關(guān)注效率：通過選擇器的使用和簡(jiǎn)化代碼來快速加載渲染自晰。像Less凝化、SCSS這樣的預(yù)處理器在工作的時(shí)候，需要繞的路較長(zhǎng)酬荞，而直接使用css速度會(huì)更快搓劫。這里涵...
-
如何提升你的CSS技能，掌握這20個(gè)css技巧即可[完整版]
前言 隨著前端開發(fā)越來越關(guān)注效率：通過選擇器的使用和簡(jiǎn)化代碼來快速加載渲染混巧。像Less枪向、SCSS這樣的預(yù)處理器在工作的時(shí)候，需要繞的路較長(zhǎng)咧党，而直接使用css速度會(huì)更快秘蛔。這里涵...
-
淺談 CSS 關(guān)鍵字 initial、inherit 和 unset
經(jīng)常會(huì)碰到傍衡，問一個(gè) CSS 屬性深员，例如 position 有多少取值。 通常的回答是 static蛙埂、relative倦畅、absolute 和 fixed 。當(dāng)然绣的，還有一個(gè)極少人...
-
CSS進(jìn)階之CSS變量
前言 基本用法 使用自定義屬性的第一步 自定義屬性的繼承 自定義屬性的回調(diào)值 有效性和值 無效的變量會(huì)發(fā)生什么 通過js中獲取到的css變量值 var()與rgba()配合實(shí)...
