文章庫ARTICLE COLUMN
摘要：由于采用了無損壓縮，相比古老的格式，尺寸較小，而且支持透明和動畫。采用無損壓縮，是基于直接色的位圖格式。正是因為其高品質，無損壓縮，非常適合用于源文件或需要二次編輯的圖片格式的保存。 前言 在大多數的web頁面中，圖片占到了頁面大小的60%-...
摘要：需要注意的是網上說的清楚浮動原理和這個一樣當然清楚浮動還有另外一種方式原理是觸發浮動元素的父元素形成塊級格式化上下文亦即 最近工作中不時會遇到float使用問題,由于CSS是一系列屬性疊加的結果,float經常會和BFC,外邊距折疊等一起出現,故而原本簡...
摘要：前言有個動畫需求，有幾個，需要不同時，不同幅度移動，用了實現重點使用，內可嵌入代碼，獲得的內容可以做名字，也可以當作數字參與的其他計算，但是獲得的內容不能當作名字編譯前編譯后總結在 前言 有個動畫需求，有幾個div，需要不同時，不同幅度移...
摘要：就算父元素未定位也是相對于直接父元素進行高度計算的。如果在絕對定位脫離文檔流中，等于最近已定位父元素的的高度。下一步目前只是闡述和總結了現象，還未解釋原理，希望大神能在留言區指點一下。接下來需要繼續學習知識，弄明白這些現象背后的原因。...
摘要：在中主要通過四個部分來描述，分別為。對于元素，負值會完全覆蓋前一個元素，會影響后面元素一起移動對于元素，元素脫離了普通文檔流，對其他元素沒有影響對于元素，可以通過負值進行覆蓋，最常見的應用是三列布局。 瀏覽器渲染過程 不同的瀏覽器渲染...
摘要：容器首先實現布局需要先指定一個容器，任何一個容器都可以被置頂為布局，這樣容器內的元素就可以使用來進行布局。當存在多條軸線時，多條軸線在垂直方向上的布局。 在flex容器中默認存在兩條軸，水平主軸和垂直的交叉軸，這是默認設置，當然可以通過修...
摘要：背景最近在學習，看到了一個小案例，通過自己的學習，動手實現了它，現在把它分享出來。效果圖實現過程首先我們需要在頁面中寫出一個靜態的鐘表效果。并對其進行簡單樣式設置。 背景：最近在學習CSS3，看到了一個小案例，通過自己的學習，動手實現了它...
摘要：清楚自己想要什么樣的組件，就自己動手擼唄。咱們先來看看它的效果吧如果大家有時間，窩還是鼓勵大家自己動手實現一些小插件。于是自己就琢磨能否繼承使用方法同時保持特有組件特性。需要確保已安裝。 副標題----為什么我要寫這個 react 插件 圖片懶加...
摘要：常見的布局兩列布局兩欄布局一欄定寬，一欄自適應，自適應的一欄作為內容主體。三列布局三列布局也是經常使用到的一種布局，它的特點是兩邊兩列固定，中間自適應。左右兩欄使用屬性，中間欄使用屬性。 垂直居中 單行文本垂直居中 父元素高度為auto 一...
摘要：有時候基于的單文件組件開發項目時不得不使用全局樣式這時有一些需要注意的地方當遇到需要使用全局樣式時下列幾種情況樣式在項目各處均有使用樣式只在當前組件內的上使用樣式需要應用到當前組件的外部下面詳細記錄一下需要注意的問題樣式在項目各處均有...
摘要：本文章旨在總結開發過程中碰到的容易忘記或者比較重要的坑，一方面加深自己對于該部分的理解，另一方面希望能夠分享給大家，知識在于分享，當然踩過的坑也不例外滑稽。 在日常工作中，時常會碰到各種各樣的坑，有時真的覺得很多時候開發的經驗都是踩坑...
摘要：一的概念規范解釋塊格式化上下文，是頁面的可視化渲染的一部分，是布局過程中生成塊級盒子的區域，也是浮動元素與其他元素的交互限定區域。我們可以使用實現清除浮動，這里就不多介紹了，想要了解的可以閱讀前端面試題清除浮動。 一、BFC 的概念 1.規...
摘要：案例全套地址案例地址去年買了一本揭秘的專題書，該書揭示了個鮮為人知的技巧，主要內容包括背景與邊框形狀視覺效果字體排印用戶體驗結構與布局過渡與動畫等。去年買入時，就決定將里面所有案例全部擼一遍，作為自己年學習清單中的首項。 Css Secret ...
摘要：原文地址作者摘要這是一篇年制作響應性網頁的快速教程。首先，我們要聲明需要更改或復用的變量然后，我們只需要在中使用它們就可以了。總之，變量可以定義為未來的響應式。 原文地址：https://medium.freecodecamp.org/how-to-make-responsiveness-sup...
摘要：規范文檔，行內非替換元素背景高度由字體和字體大小決定的，默認處理和行高沒關系，不過這只是瀏覽器現在的處理方法摘自參考。不過實際上這個對樣式的影響不是很大或者設置。的值除了也是可以為數值的。的區域不會與重疊。 摘要 剛看了一個關于前端面...
摘要：選擇直接父元素為元素的元素選擇元素同級的第一個選擇元素同級的所有，選擇所有和選擇元素內部的所有第一個編號為匹配父元素下僅有的一個子元素，匹配父元素下使用同種標簽的唯一一個子元素， div>p（選擇直接父元素為div元素的p元素）div+p（選擇div...
摘要：需求描述實現一個方法，將中的占位符用填充。通過文檔里面寫的，我們可以發現方法可以傳入回調函數，一個用來創建新子字符串的函數，該函數的返回值將替換掉第一個參數匹配到的結果。所以這行代碼的意思就很清楚，正則匹配到，分組獲取，然后把替換成。...
摘要：使用實現任意大小，任意方向，任意角度的箭頭網頁開發中，經常會使用到下拉箭頭，右側箭頭這樣的箭頭。的和就是箭頭的邊長，通過調整可以獲取任意邊長的箭頭。 使用css實現任意大小，任意方向， 任意角度的箭頭 網頁開發中，經常會使用到 下拉箭頭show...
摘要：真的是給我們新手學習移動端適配造成不少困惑英語真的很重要呀。細節高清屏上的處理其實并不是所有做移動端適配的人都一定會遇到這個問題。 一次搞清楚移動端這幾個坑爹的單位慨念 目錄: 一、讓坑爹的單位,不再坑爹 二、需要準備什么樣的設計稿 三、...
摘要：偽類和偽元素，對于絕大多數同學來說，都是耳熟能詳的名字，但確實又有很多人搞不清楚它們之間的區別，以致于混淆概念。除了上面這個本質區別以外，在中，偽類用單冒號表示而偽元素用雙冒號表示。 showImg("https://segmentfault.com/img/bV4WC1?w=510...
摘要：到目前為止，騰訊反病毒實驗室發現的暗云攻擊目標大多為各類棋牌游戲服務器。 【關鍵詞：騰訊御安全，APK漏洞掃描,APP保護,Android防破解】 前面對暗云的分析報告中，騰訊電腦管家安全團隊和騰訊御安全基本摸清暗云Ⅲ的感染方式和傳播方式,也定位到被...
摘要：前言在項目開發中對于名字的命名和書寫老是感覺很混亂，這對于代碼的可讀性以及維護提出了挑戰，所以在閑暇之余看了一些這方面的內容，現總結如下命名規則說明所有的命名最好都小寫屬性的值一定要用雙引號括起來，且一定要有值如每個標簽都要有開始和結...
ChatGPT和Sora等AI大模型應用，將AI大模型和算力需求的熱度不斷帶上新的臺階。哪里可以獲得...
大模型的訓練用4090是不合適的，但推理（inference/serving）用4090不能說合適，...
圖示為GPU性能排行榜，我們可以看到所有GPU的原始相關性能圖表。同時根據訓練、推理能力由高到低做了...
89542767
社區管理員
白馬嘯西風