文章庫(kù)ARTICLE COLUMN
摘要：僅僅使用作為身體的布局，用的各種和圓角屬性來繪制各部位的形狀，當(dāng)然也不會(huì)使用任何圖片哦。有的同學(xué)說，用不是能畫得更逼真而且更簡(jiǎn)單嗎這點(diǎn)我也非常贊同，但我的理由還是，那就沒意思了。這次寫的詳細(xì)一點(diǎn)，把各個(gè)部位都拆出來分析。收工歡迎大家吐...
摘要：在我們經(jīng)常用到固定頭部和底部，自適應(yīng)中間部分，或者固定左側(cè)，自適應(yīng)右側(cè)等。在網(wǎng)上看了很多方法，一般都是通過絕對(duì)定位完成，具體可以網(wǎng)上去搜，這樣可以完成上中下的布局，但是這次基礎(chǔ)上再做左右布局浮動(dòng)會(huì)出現(xiàn)問題，具體什么問題我沒有深究。 在...
摘要：原本自己也想畫，正巧看到一位外國(guó)友人她的個(gè)人網(wǎng)站。也用相同的方法畫了。且細(xì)節(jié)相當(dāng)?shù)轿弧Ｔ诖宋乙卜窒硪幌?。第三步蝴蝶結(jié)第四步身體經(jīng)過前幾次的學(xué)習(xí)之后，畫身體應(yīng)該沒什么難度了吧，都是用各種形狀的圓組成的。收工歡迎大家吐槽 原本自己也想畫He...
摘要：并且這種過程遵循標(biāo)準(zhǔn)的描述只要不是和絕對(duì)定位方式布局的，都在普通流里面。定位相對(duì)定位在普通流之中，是相對(duì)于它在普通流中的位置中進(jìn)行移動(dòng)，元素占據(jù)原來位置絕對(duì)定位脫離普通流，不占據(jù)空間相對(duì)于距離它最近的那個(gè)已定位的祖先相對(duì)絕對(duì)元素決定的...
摘要：默認(rèn)情況下一行文本的行高分為上間距，文本的高度，下間距，并且上間距是等于下間距的，所以文字默認(rèn)在這一行中是垂直居中的。 在CSS中，line-height 屬性設(shè)置兩段段文本之間的距離，也就是行高，如果我們把一段文本的line-height設(shè)置為父容器的高度就...
摘要：像素概念一般而言，像素是圖像的基本采樣單位。我們通常所說的顯示器分辨率，其實(shí)是指桌面設(shè)定的分辨率，而不是顯示器的物理分辨率。 小序 最近在做pc端、微信端、移動(dòng)端app,公司的每個(gè)項(xiàng)目分別都有這三者，在pc端調(diào)試頁(yè)面，像素顯示都和預(yù)期效果的一...
摘要：時(shí)利用顯示加載圖片和加載失敗效果效果查看顯示加載中或者品牌圖可以是文字或者并將圖標(biāo)顯示到正中間結(jié)構(gòu)如下使圖片加載后能夠后直接蓋住圖標(biāo)利用加載圖片加載加粗文字失敗后更改圖標(biāo)或文字這里需要用在圖片里添加隱藏出錯(cuò)圖片效 lazyload 時(shí)利用 icon...
摘要：下的兼容問題處理背景透明，圓角，和支持部分選擇器例如支持的語(yǔ)義化標(biāo)簽，媒體查詢等。在頁(yè)面頭部?jī)?yōu)先加載需要的插件，因?yàn)椴糠植寮枰蕾囁孕枰钕燃虞d。注意順序，插件優(yōu)先添加。這個(gè)路徑是相對(duì)的路徑。 ie8hack ie8下的兼容問題處理：背景透...
摘要：去掉了對(duì)的支持，并使用和單位。更新了所有偽元素選擇器的使用規(guī)范，首選雙冒號(hào)如，而不是?？ㄆF(xiàn)在有不同的輪廓和進(jìn)一步支持基于類的擴(kuò)展。代表水平方向，代表全部。 Bootstrap 這個(gè)號(hào)稱世界第一的 responsive 和 mobile first 前端樣式組件庫(kù)去年八...
摘要：本系列將稍微深入探討一下那個(gè)貌似沒什么好玩的魔法堂重拾之解構(gòu)魔法堂重拾之圖片作邊框魔法堂重拾之不僅僅是圓角魔法堂重拾之更廣闊的遐想解構(gòu)說起我們自然會(huì)想起，而由條緊緊包裹著的邊組成，所以的最小操作單元是。 前言 ?當(dāng)CSS3推出border-radius...
摘要：樣式復(fù)選框和單選按鈕看起來更漂亮。在線源碼使用你需要引入或者文件到你的工程或者中。 magic-input CSS3樣式復(fù)選框和單選按鈕看起來更漂亮。只有一個(gè)input元素。在線demo源碼：https://github.com/jaywcjlove/magic-input 使用 $ npm install magic-...
摘要：與的映射關(guān)系為。與根對(duì)應(yīng)的對(duì)應(yīng)的層疊上下文，是其他的祖先，的范圍覆蓋整條。注意的默認(rèn)值為，自動(dòng)賦值為。對(duì)于，它會(huì)將賦予給對(duì)應(yīng)的，而則不會(huì)。 一、前言 ?假如只是開發(fā)簡(jiǎn)單的彈窗...
摘要：代碼質(zhì)量這個(gè)術(shù)語(yǔ)對(duì)于程序員來說并不陌生。在本文中，我們將探討我們?nèi)绾文軌蚶脦椭覀?，保持我們的代碼質(zhì)量更高。怎樣使用在這篇文章中，我們重點(diǎn)介紹幾個(gè)插件，可以幫助我們提高代碼質(zhì)量。使用相當(dāng)簡(jiǎn)單的。這兩個(gè)插件可用于代碼分析。 代碼質(zhì)量...
摘要：浮動(dòng)的框可以左右移動(dòng)即，直到它的外邊緣碰到包含框或另一個(gè)浮動(dòng)框的邊緣。屬性的值可以是或，它表示框的哪些邊不應(yīng)該挨著浮動(dòng)框。在清理元素時(shí)，瀏覽器在元素添加足夠的外邊距，使元素的頂邊緣垂直下降到浮動(dòng)框下面。 眾所周知，浮動(dòng)模型是一種可視化...
摘要：它們都錯(cuò)誤地使用了波浪選擇器，并造成了很多地方的代碼臃腫。大家可能以前也都遇到或者使用過波浪選擇器，畢竟它作為選擇器已經(jīng)很長(zhǎng)時(shí)間了，甚至都支持。我的經(jīng)驗(yàn)里，使用波浪選擇器一般都是通過而不是來選擇兄弟元素的。 原文：The tilde CSS select...
摘要：但是我突然就發(fā)現(xiàn)一個(gè)問題呀，這個(gè)顯示的不對(duì)呀，而且在和都顯示不對(duì)，倒是在里顯示正常。同時(shí)放在了在上的，這里會(huì)長(zhǎng)期寫一些關(guān)于的文章 哇哇哇，開年頭一篇文章呀，為了鎮(zhèn)得住場(chǎng)面，特意起了這么個(gè)標(biāo)題。沒錯(cuò)，就是標(biāo)題黨。 事情還得從上周五開始說...
摘要：最近在看揭秘，于是寫了文章來作筆記，除此以外還會(huì)補(bǔ)充一些自己遇到的筆試題。舉例說明以上的代碼有什么問題呢如果需要改變字號(hào)，那么同時(shí)需要調(diào)整行高。那么經(jīng)過修改后的代碼如下關(guān)于使用還是還是百分比，需要根據(jù)具體情況來決定。 最近在看《css揭...
摘要：空格強(qiáng)制選擇器與之間必須包含空格。示例長(zhǎng)度強(qiáng)制長(zhǎng)度為時(shí)須省略單位。示例建議顏色值中的英文字符采用小寫。示例注釋普通注釋普通注釋區(qū)塊注釋模塊命名規(guī)范命名組成命名必須由單詞，中劃線組成。設(shè)置文件編碼為。 CSS書寫格式 1.格式化代碼 1.1文件 [...
摘要：一鋪搞定一鋪清袋粵語(yǔ)的一鋪搞定其實(shí)就是一次完成全部工作的意思，上面關(guān)于的屬性，要是每次都逐個(gè)設(shè)置那要敲多少次鍵盤啊。。。語(yǔ)法粵語(yǔ)的一鋪清袋其實(shí)就是把之前的成果一次性歸零。 前言 ?當(dāng)CSS3推出border-radius屬性時(shí)我們是那么欣喜若狂啊，一想...
摘要：許多開發(fā)人員花時(shí)間在使用的預(yù)處理器上如和。傳統(tǒng)的預(yù)處理器的問題不能擴(kuò)展。有些預(yù)處理器提供諸如的功能，可以徹底不使用它們。每個(gè)預(yù)處理器已經(jīng)有了自己的標(biāo)準(zhǔn)。如下它被翻譯成嗯我從來沒有說過所有的插件都是有用的結(jié)束語(yǔ)和預(yù)處理器是偉大的。 許多...
摘要：目前提供了觀察文件變化，自動(dòng)將文件編譯成的功能。但在有些機(jī)子上跟蹤編譯非常慢。如果想更順手的完成更復(fù)雜的編譯，就需要使用工具進(jìn)行處理。啟動(dòng)提示打開編輯器編輯下文件，保存，查看下文件，已經(jīng)編譯好了。 目前sass提供了觀察文件變化，自動(dòng)將sa...
摘要：瀏覽器渲染過程在講和之前，我想先介紹一下瀏覽器整個(gè)的渲染過程。這一步是渲染的最后一步，他的作用是將不同的圖層合在一起。和其它步驟有所不同的是，這一步有時(shí)會(huì)有的參與，比如，等元素都是由進(jìn)行操作的。 瀏覽器渲染過程 在講 compose 和 blend ...
摘要：代碼如下代碼如下代碼如下代碼如下代碼如下代碼如下代碼如下代碼如下 showImg("https://segmentfault.com/img/bVu0x5"); 代碼如下: #triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid...
ChatGPT和Sora等AI大模型應(yīng)用，將AI大模型和算力需求的熱度不斷帶上新的臺(tái)階。哪里可以獲得...
大模型的訓(xùn)練用4090是不合適的，但推理（inference/serving）用4090不能說合適，...
圖示為GPU性能排行榜，我們可以看到所有GPU的原始相關(guān)性能圖表。同時(shí)根據(jù)訓(xùn)練、推理能力由高到低做了...
89542767
社區(qū)管理員
白馬嘯西風(fēng)