摘要:為什么要清除浮動雖說是清除浮動,其實(shí)是清除浮動產(chǎn)生的影響。浮動的元素,高度會塌陷,而高度的塌陷使我們布局中需要清除浮動的最重要的原因之一。清除浮動的方法父級定義原理父級手動定義,就解決了父級無法自動獲取到高度的問題。 為什么要清除浮動...
摘要:我們在實(shí)際工作中經(jīng)常會遇到需要水平居中或者垂直居中的場景,今天我們就來看一下如何設(shè)置水平居中和垂直居中。水平居中行內(nèi)元素。不定寬塊狀元素水平居中我們來學(xué)習(xí)一下這種方法。 我們在實(shí)際工作中經(jīng)常會遇到需要水平居中或者垂直居中的場景,今天我...
摘要:為什么說最佳實(shí)踐是呢簡單來說,就是這類預(yù)處理器在提供一定的抽象能力的同時(shí),也不會破壞自身的特性。就語義化這件事情而言,如果你的是基于標(biāo)準(zhǔn)來編寫的,意味著你的頁面具備更多的可能性。 原文:https://github.com/kuitos/kuitos.github.io/issue...
碎碎念 這是一篇早就應(yīng)該寫的文章,但是由于過年前項(xiàng)目緊張,一直沒有時(shí)間,這個(gè)周末決定把這筆債換了。這個(gè)項(xiàng)目開始于兩個(gè)月前,也是花了比較多時(shí)間的一個(gè)項(xiàng)目,不像前段時(shí)間寫的 Hexo 主題 fexo ,靈感一現(xiàn),兩個(gè)晚上就大體出來了。這也是一個(gè)比較有意思...
摘要:簡單介紹一下自己和目前的工作我現(xiàn)在是一名前端,在蘇州一家小公司上班。和前端大牛相比,我是一個(gè)不能再普通的了。詳細(xì)寫寫你是如何走上編程的道路我是一個(gè)有聽力殘疾的人,幾乎聽不到這個(gè)世界的聲音。因?yàn)樯妫疫x擇了一條編程的路。 簡單介紹一下...
摘要:的主要功能包括拼寫檢查,書簽,完整的,功能,即時(shí)項(xiàng)目切換,多選擇,多窗口等等。目前,是最受歡迎的前端開發(fā)工具之一。缺點(diǎn)是一款收費(fèi)軟件,不過可以無限期使用。注意在安裝時(shí)勾選,這樣在右鍵單擊文件時(shí)就可以直接使用打開。 Sublime text 簡介 Su...
摘要:作為設(shè)計(jì)師出身的前端攻城獅,用著別人的主題終究還是不爽,于是花了兩天晚上寫了一個(gè)主題。 作為設(shè)計(jì)師出身的前端攻城獅, blog 用著別人的主題終究還是不爽,于是花了兩天晚上寫了一個(gè) Hexo 主題。 主題 Github 地址:Fexo - A minimalist design th...
摘要:過完春節(jié)又有好多人尋找新的機(jī)會,旁邊的人面試完就會分享一些問題,明明會的但是面試的時(shí)候,想不全,面試官不滿意這個(gè)懊惱的行為,今天的文章跟大家分享下如何判斷便是是數(shù)組。 過完春節(jié)又有好多人尋找新的機(jī)會,旁邊的人面試完就會分享一些問題,明...
摘要:給父元素設(shè)置了一個(gè)灰色背景,并且沒有設(shè)置高度,因此高度會隨著內(nèi)容而擴(kuò)展,設(shè)置為。這個(gè)元素的位置如下圖所示因?yàn)樵厍宄俗蟾樱栽叵乱啤S捎谶@條規(guī)則的存在,導(dǎo)致他們折疊后的不能跟的進(jìn)行折疊,因此的高度被撐開。 作者:https://coding...
摘要:控制表單控件的禁用狀態(tài)。這個(gè)符號只有會識別漸進(jìn)識別的方式,從總體中逐漸排除局部。接著,再次使用將和分離開來,這樣已經(jīng)獨(dú)立識別。生成相對定位的元素,相對于其正常位置進(jìn)行定位。元素不能用作語義用途以外的其他目的。 HTML、CSS部分 要點(diǎn):對We...
摘要:用途偽元素和用于一個(gè)給定元素的前面或者后面添加文字或者圖片。這些添加不會改變文檔的內(nèi)容,不會出現(xiàn)在結(jié)構(gòu)中,不可復(fù)制,僅僅在渲染層加入。 用途 偽元素 ::before 和 ::after 用于一個(gè)給定元素的前面或者后面添加文字或者圖片。 這些添加不會改變...
摘要:最早遇到的大概的是命名的問題了吧,因?yàn)楸旧矸e累的詞匯量就少,動不動就沒單詞可用了。用于解決項(xiàng)目命名規(guī)則問題。其哲學(xué)理念是模塊化,功能單一性,關(guān)注點(diǎn)分離。借助而解決了中的命名空間的問題,使得單文件變得簡單清晰。 標(biāo)題黨。這篇文章斷斷續(xù)續(xù)...
摘要:通用選擇器,子選擇器和相鄰?fù)x擇器并不在這四個(gè)等級中,所以他們的權(quán)值都為,優(yōu)先級最高,萬不得已的情況下才用。規(guī)范命名風(fēng)格規(guī)范文件命名統(tǒng)一為小寫的英文字母盡量少用拼音,如。當(dāng)名字需要組合時(shí),可以采用文件名的規(guī)范。 css樣式的權(quán)值(權(quán)重) ...
摘要:每個(gè)元素都有一組樣式屬性,這些屬性涉及元素在文檔流中顯示時(shí)的不同方面,比如在文檔流中的位置邊框背景顏色等等。選擇符和要應(yīng)用的樣式構(gòu)成一條規(guī)則。上下文選擇器嚴(yán)格來講應(yīng)該叫后代組合式選擇器。 原文地址:http://justclear.github.io/css-stylin...
摘要:原文地址本篇文章是筆者的設(shè)計(jì)指南學(xué)習(xí)筆記的第二部分,由于最近都在準(zhǔn)備期末考的事,所以都沒來得及對設(shè)計(jì)指南進(jìn)行一些總結(jié),沒有看之前第一部分的話也可以從這里傳送過去。 原文地址:http://justclear.github.io/css-stylin-with-css-note-2 本篇文...
摘要:在中,元素的大小是不變的,通過設(shè)置等屬性,改變元素相對于自身的位置。所以被的元素,是可能會和其他元素重疊的,但是不會對之后的元素的位置有影響。被稱為絕對定位。絕對定位的元素是根據(jù)其決定的,完全脫離,對后續(xù)的兄弟節(jié)點(diǎn)的布局無任何影響。 ...
摘要:在實(shí)現(xiàn)文字兩端對齊的時(shí)候,可以對文字所在的元素使用如下屬性來達(dá)到需求我們已經(jīng)知道,使用浮動布局是一個(gè)次等選擇,因?yàn)楦硬季謺?dǎo)致頁面全局渲染次而降低渲染效率,因此陸續(xù)出現(xiàn)了許多浮動布局的替換方案。官網(wǎng)也是使用了內(nèi)聯(lián)塊元素的兩端對齊。 ...
結(jié)構(gòu) 樣式 行為分離 模板只包含html文件,模板的書寫順序相應(yīng)的命名規(guī)則 html:語義化css:類名以功能或內(nèi)容命名 樣式復(fù)用 最好少于三級 在沒有必要的情況下避免元素選擇器疊加 Class、ID 使用 屬行的書寫順序 性能 js:避免重復(fù)查找dom 三元操作符電梯...
摘要:火狐推遲對字體的支持,重點(diǎn)放在格式上。網(wǎng)絡(luò)字體的效率字體文件的體積可能非常的大尤其是對于漢字,而且需要額外的連接,這些都會降低網(wǎng)站頁面的加載速度。 最近興致上來,就想更換了那Blog標(biāo)題字體(漢字的);網(wǎng)上搜索了一番,發(fā)現(xiàn)蘇新詩柳繁體這款甚...
摘要:也可以設(shè)置負(fù)值的在上面,此時(shí)結(jié)構(gòu)變化如下設(shè)置使用一個(gè)空的把容器推到頁面最底部,同時(shí)給設(shè)置一個(gè)負(fù)值的,這個(gè)與和的高度相等。 方法一:footer高度固定+絕對定位 HTML結(jié)構(gòu): header main content footer CSS設(shè)置: html{height:100%;}...
摘要:先看看純美化過后的和效果查看。項(xiàng)目地址在出現(xiàn)之前,我們美化和需要借助,最具代表性的就是,它功能強(qiáng)大復(fù)雜并且主題很多。為了更好的在項(xiàng)目中重用,我把美化的代碼寫成一個(gè)項(xiàng)目,叫,寓意像魔法一樣去美化和。 Radio和checkbox需要美化嗎?答案是必...
ChatGPT和Sora等AI大模型應(yīng)用,將AI大模型和算力需求的熱度不斷帶上新的臺階。哪里可以獲得...
大模型的訓(xùn)練用4090是不合適的,但推理(inference/serving)用4090不能說合適,...
圖示為GPU性能排行榜,我們可以看到所有GPU的原始相關(guān)性能圖表。同時(shí)根據(jù)訓(xùn)練、推理能力由高到低做了...