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