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