發(fā)簡信
IP屬地：遼寧
-
-
2021前端發(fā)展方向轉(zhuǎn)載至：https://www.cnblogs.com/qianduanpiaoge/p/14300390.html[https://www.cnblogs.com/qian...
-
常用的前端JavaScript方法封裝
1、輸入一個值，返回其數(shù)據(jù)類型** 2荧关、數(shù)組去重 3、字符串去重 4、深拷貝 淺拷貝 5岭辣、reverse底層原理和擴(kuò)展 6、圣杯模式的繼承 7甸饱、找出字符串中第一次只出現(xiàn)一次的...
-
牛筆了沦童！字節(jié)跳動大佬整理：CSS 核心知識（萬字長文仑濒，值得收藏！）本篇文章圍繞了 CSS 的核心知識點(diǎn)和項(xiàng)目中常見的需求來展開偷遗。雖然行文偏長墩瞳，但較基礎(chǔ)，適合初級中級前端閱讀氏豌，閱讀的時候請適當(dāng)跳過已經(jīng)掌握的部分喉酌。 這篇文章斷斷續(xù)續(xù)寫了比較久，...
-
前端動畫幾個基本概念 簡單介紹幾個關(guān)于動畫的基本概念： 幀：在動畫過程中泵喘，每一幅靜止畫面即為一“幀”泪电；幀率：即每秒鐘播放的靜止畫面的數(shù)量，單位是fps(Frame per secon...
-
2022 前端學(xué)習(xí)路線圖譜前言 一些做前端的同學(xué)在想著業(yè)余時間學(xué)點(diǎn)什么的時候涣旨，沒有清晰的自我定位歪架，和明確的學(xué)習(xí)路徑規(guī)劃，那么你可以參考我的列表知識點(diǎn)各個擊破霹陡，鑄就成神之路和蚪。 在 GitHub 看到一個...
-
Python（三十六）CSS提升前端第三課CSS提升來啦！涉及的內(nèi)容有box model：盒子模型烹棉；CSS floating：CSS浮動攒霹；CSS positioning and hierarchy：CSS定...
-
Let machines love learning催束！
-
CSS的二維變換在CSS變換中，支持頁面中平移伏社、旋轉(zhuǎn)抠刺、變形和縮放元素。變換改變的是元素所在的坐標(biāo)系統(tǒng)摘昌，同時速妖，我們可以使用它在視口的坐標(biāo)來描述其位置，比如：距頁面頂部200px聪黎，距頁面左側(cè)10...
-
前端開發(fā)頁面基礎(chǔ)樣式（移動端罕容、響應(yīng)式、自適應(yīng)）
前言小編一直對移動端開發(fā)頗有興趣稿饰，無奈接手的項(xiàng)目都是主打pc端锦秒，如今終于有移動端的項(xiàng)目到我手啦！~先記錄一下喉镰，本文會持續(xù)更新~~~~~~~~ 一 html <head>部分 ...
-
css動畫效果
transition 簡介 transition: property duration timing-function delay transition 是一個復(fù)合屬性旅择，包含...
-
用clip-path實(shí)現(xiàn)一個水波紋的字體
1.實(shí)現(xiàn)效果 2.實(shí)現(xiàn)步驟 2.1.寫一個h2標(biāo)簽 2.3.設(shè)置字體鏤空 如下圖效果： 2.3text-stroke屬性 使用text-stroke文字的描邊屬性，color...
-
純CSS實(shí)現(xiàn)『斑馬紋理投影文字』效果展示 思路分析 層級思路 從展示的效果可以猜到這個效果由3層文字組成侣姆。 表面一層黑色文字 中間一層白色文字 最低的一層是斑馬條紋文字 要實(shí)現(xiàn)多層文字生真，我首先想到的是文字投...
-
vertical-align到底怎么用
作用 說實(shí)話脖咐，vertical-align屬性算是學(xué)習(xí)前端初期接觸的比較早的一個屬性了。一開始以為它和text-align是對應(yīng)的汇歹，一個設(shè)置文本橫向顯示位置屁擅，一個設(shè)置縱向顯示...
-
【CSS3動畫思維系列】GIF轉(zhuǎn)CSS3優(yōu)化
突然，心血來潮产弹，就想寫寫東西了派歌，起個流弊一點(diǎn)的標(biāo)題？ 那就【CSS3動畫思維系列】痰哨？至于能不能寫成一個系列胶果，那就要看日常需求飽不飽和了q(?ˉ ε ˉ ?)p... 這里不會...
-
嘗試Rese.css到Normalize.css
Normalize.css只是一個很小的css文件，但它在默認(rèn)的HTML元素樣式上提供了跨瀏覽器的高度一致性斤斧。相比于傳統(tǒng)的css reset早抠，Normalize.css是一種...
-
.nav li:not(:last-child){border-right:1px solid #666;}
上面就是，除了最后一個li以外撬讽，所有的 .nav li 都加上了border樣式蕊连，是不是很簡單！如何提升你的CSS技能游昼，掌握這20個css技巧即可[完整版]
前言 隨著前端開發(fā)越來越關(guān)注效率：通過選擇器的使用和簡化代碼來快速加載渲染甘苍。像Less、SCSS這樣的預(yù)處理器在工作的時候烘豌，需要繞的路較長载庭，而直接使用css速度會更快。這里涵...
-
如何提升你的CSS技能廊佩，掌握這20個css技巧即可[完整版]
前言 隨著前端開發(fā)越來越關(guān)注效率：通過選擇器的使用和簡化代碼來快速加載渲染囚聚。像Less、SCSS這樣的預(yù)處理器在工作的時候标锄，需要繞的路較長顽铸，而直接使用css速度會更快。這里涵...
-
淺談 CSS 關(guān)鍵字 initial鸯绿、inherit 和 unset
經(jīng)常會碰到跋破，問一個 CSS 屬性簸淀，例如 position 有多少取值瓶蝴。 通常的回答是 static、relative租幕、absolute 和 fixed 舷手。當(dāng)然，還有一個極少人...
-
CSS進(jìn)階之CSS變量
前言 基本用法 使用自定義屬性的第一步 自定義屬性的繼承 自定義屬性的回調(diào)值 有效性和值 無效的變量會發(fā)生什么 通過js中獲取到的css變量值 var()與rgba()配合實(shí)...
