文章庫(kù)ARTICLE COLUMN
摘要：當(dāng)我們?cè)趯戫?yè)面時(shí)經(jīng)常會(huì)遇到頁(yè)面內(nèi)容少的時(shí)候，會(huì)戳在頁(yè)面中間或什么反正就是不在最底部顯示，反正就是很難看，下面要講的布局就是解決如何使元素粘住瀏覽器底部，方法一高度固定絕對(duì)定位查看效果方法二在主體上的下邊距增加一個(gè)負(fù)值等于底部高度 show...
摘要：實(shí)現(xiàn)邊框動(dòng)畫效果如圖鼠標(biāo)離開后的回退效果，如果不設(shè)置回退效果，則鼠標(biāo)離開后就直接很生硬的隱藏了查看效果 1、css實(shí)現(xiàn)邊框動(dòng)畫 效果如圖：showImg("https://segmentfault.com/img/bVbmRNk?w=353&h=249"); body,div{ margin: 0; ...
摘要：屬性規(guī)定元素應(yīng)橫跨多少列。和微信小程序瀑布流布局避免在元素內(nèi)部插入分頁(yè)符頁(yè)面的初始數(shù)據(jù)案例名稱你所不知道的紅酒知識(shí)紅酒知識(shí)案例名稱案例名稱案例名稱案例名稱案例名稱案例名稱 參考：作者：阿峰 鏈接：https://www.jianshu.com/p/14d4b9ac473c...
摘要：什么是權(quán)重大基礎(chǔ)選擇器權(quán)重指的是大基礎(chǔ)選擇符的優(yōu)先級(jí)，優(yōu)先級(jí)高的樣式會(huì)覆蓋優(yōu)先級(jí)底的樣式，優(yōu)先級(jí)越高說明權(quán)重越高，反之亦然。 1、什么是css權(quán)重？css6大基礎(chǔ)選擇器 css權(quán)重指的是css6大基礎(chǔ)選擇符的優(yōu)先級(jí)，優(yōu)先級(jí)高的css樣式會(huì)覆蓋優(yōu)先級(jí)底的c...
摘要：在瀏覽器中，我們將字體設(shè)為以下的時(shí)候，會(huì)發(fā)現(xiàn)和其實(shí)是一樣的大小，也就是說默認(rèn)的字體最小是的，那么接下來就介紹解決方法對(duì)于老式可添加如下屬性對(duì)于新版本可添加如下屬性 在chrome瀏覽器中，?我們將字體font-size設(shè)為12px以下的時(shí)候，會(huì)發(fā)現(xiàn)和12p...
摘要：合并的外邊距的高度等于兩個(gè)發(fā)生合并的外邊距的高度中的較大者。那我們?cè)趺崔k，回到主題清除浮動(dòng)。你可能忘了偽元素是行內(nèi)元素，只有塊元素才能清除浮動(dòng)。所以我們最好后，主動(dòng)清除一下浮動(dòng)，避免以后遇到很奇怪的問題。 這是我的第一篇掘金文章，希望...
摘要：因?yàn)閭€(gè)人所學(xué)有限所以可能不會(huì)羅列出所有的實(shí)現(xiàn)方法，不過我會(huì)繼續(xù)努力查漏補(bǔ)缺。兩欄布局左固定，右適應(yīng)先寫出初始樣式和結(jié)構(gòu)。因?yàn)槭侵饕娘@示區(qū)域，所以我們應(yīng)該先加載它再加載其它的地方。 這一次我想講解一下HTML+CSS的兩欄、三欄布局以及垂直居...
摘要：樣式簡(jiǎn)寫簡(jiǎn)寫簡(jiǎn)寫公式在的的簡(jiǎn)寫公式中只有五個(gè)屬性，在中加入了和，其中的表示在支持寫法的瀏覽器中可以接著繼續(xù)寫屬性簡(jiǎn)寫簡(jiǎn)寫公式的作用類似于簡(jiǎn)寫簡(jiǎn)寫公式 css樣式簡(jiǎn)寫 background簡(jiǎn)寫 簡(jiǎn)寫公式: background: [background-color] [background-imag...
摘要：代碼質(zhì)量與其整潔度成正比。它讓你的代碼簡(jiǎn)潔優(yōu)雅。是幾個(gè)單詞首字母組合而來，分別表示單一功能原則開閉原則里氏替換原則接口隔離原則以及依賴反轉(zhuǎn)原則。開閉原則開指的就是類模塊函數(shù)都應(yīng)該具有可擴(kuò)展性，閉指的是它們不應(yīng)該被修改。 測(cè)試代碼質(zhì)量的...
摘要：重疊問題同級(jí)元素之間重疊水平方向重疊相加垂直方向重疊取大值解決垂直方向重疊問題的值不為的值不 Title .parent{ width: 500px; height: 500px; background-color: darkgray; ...
摘要：某日閱讀世界，筆者的一段話鞭撻了我的靈魂。原文是這樣的說到這里，我就忍不住多說兩句。很多其實(shí)工作很多年的前端開發(fā)人員，也可能不知道的屬性值支持?jǐn)?shù)值，更不知道支持負(fù)值，這著實(shí)讓我很意外。只顯示文本的時(shí)候行高是。上集完敬請(qǐng)期待中下集 show...
摘要：?jiǎn)栴}鍵盤擋住輸入框并且頁(yè)面無法滾動(dòng)無效場(chǎng)景安卓部分機(jī)型嵌入在的頁(yè)面解決端處理視圖當(dāng)鍵盤彈起時(shí)把的高度擠壓讓輸入框自動(dòng)適應(yīng)可視區(qū)在兼容和適配上有一定的局限性特別是混合開發(fā) ? 問題：鍵盤擋住輸入框,并且頁(yè)面無法滾動(dòng),scrollIntoView無效 ? ...
摘要：前言居中是網(wǎng)頁(yè)布局中再常見不過的一種方式了，今天我們就來聊聊居中的那點(diǎn)事。我是水平居中的同樣是針對(duì)塊級(jí)元素才有效果。來看代碼我是水平居中的必須配合來使用來可以實(shí)現(xiàn)居中的效果。方法二我是垂直居中的注意此方法要考慮的兼容性問題。 前言：居...
摘要：途中學(xué)了很火的，覺得目前的前后端不分離的老模式以及自己一個(gè)人摸爬滾打影響個(gè)人發(fā)展，就約好同學(xué)，年后離職，上海見。一年前用的地區(qū)人才網(wǎng)，這次用的直聘。后來收到了天內(nèi)收到了家面試通知，上午的在八佰伴，下午的在浦電路。 年初的迷茫 已經(jīng)找不...
摘要：本文講的等寬布局是在不手動(dòng)設(shè)置元素寬度的情況下，使用純實(shí)現(xiàn)各個(gè)元素寬度都相當(dāng)?shù)男ЧＪ褂脤?shí)現(xiàn)兼容父元素必須設(shè)置為這個(gè)屬性一定要有，否則達(dá)不到效果子元素必須設(shè)置為使用布局來實(shí)現(xiàn) 本文講的等寬布局是在不手動(dòng)設(shè)置元素寬度的情況下，使用純css...
摘要：避免重定向重定向用和狀態(tài)碼，下面是一個(gè)有狀態(tài)碼的頭瀏覽器會(huì)自動(dòng)跳轉(zhuǎn)到域指明的。除此之外還有別的跳轉(zhuǎn)方式元標(biāo)簽和，但如果你必須得做重定向，最好用標(biāo)準(zhǔn)的狀態(tài)碼，主要是為了讓返回按鈕能正常使用。要提高性能，優(yōu)化這些響應(yīng)至關(guān)重要。 showImg("h...
摘要：圖片上傳是前端開發(fā)中經(jīng)常使用到的，上傳方案也有很多種吧，可能你有在使用一些插件完成上傳，比如我以前自己寫的一個(gè)后臺(tái)系統(tǒng)現(xiàn)在在這里總結(jié)下圖片上傳的解決方案。構(gòu)造函數(shù)返回一個(gè)新構(gòu)造的。事件及方法我們主要是用事件及方法，其他見處理事件。 sh...
摘要：的一些名詞和概念用來幫你更明確地去描述世界的事物。具體信息可以參考盒模型的解釋，這里暫且不作展開。的位置和大小時(shí)根據(jù)一個(gè)稱為的邊界進(jìn)行計(jì)算的。其它情況，依據(jù)設(shè)定的值進(jìn)行處理指定值最終表現(xiàn)值與指定值相同 CSS的一些名詞和概念 用來幫你更明...
摘要：放在中減少引起和接下來我們?cè)賮碛懻撘幌聢D片與雪碧圖或精靈，在網(wǎng)頁(yè)中我們會(huì)用到很多圖標(biāo)，如果每一個(gè)圖標(biāo)是多帶帶的一張圖片，那網(wǎng)頁(yè)加載的時(shí)候，就會(huì)有多個(gè)請(qǐng)求去請(qǐng)求圖片，顯而易見會(huì)影響網(wǎng)頁(yè)性能，所以要采取方法對(duì)網(wǎng)頁(yè)中圖標(biāo)使用進(jìn)行優(yōu)化處理。 ...
摘要：本文講的等高布局是在不手動(dòng)設(shè)置元素高度的情況下，使用純實(shí)現(xiàn)各個(gè)元素高度都相當(dāng)?shù)男Ч? 本文講的等高布局是在不手動(dòng)設(shè)置元素高度的情況下，使用純css實(shí)現(xiàn)各個(gè)元素高度都相當(dāng)?shù)男ЧＨ鐖D：showImg("https://segmentfault.com/img/bVbmKdO?w=1004&h=...
摘要：?jiǎn)栴}和布局方式有關(guān)使用把底部設(shè)置一定的間距上無效安卓有效場(chǎng)景僅在底部需要撐開一定間距時(shí)使用失效但是在撐開間距的同時(shí)也會(huì)伴隨容器自帶的底色非白所以不考慮如圖所示解決方式更改整體布局在需要留白的區(qū)域添加空白塊具體兼容還與部分機(jī)型和系統(tǒng)版本...
摘要：一簡(jiǎn)介及引用概述漢譯為層疊樣式表，是用于控制網(wǎng)頁(yè)樣式。二基礎(chǔ)語法語法規(guī)則由兩個(gè)主要的部分構(gòu)成選擇器，以及一條或多條聲明。也就是說，和不沖突。這意味著兩者都將遵守選擇器中的規(guī)則。選擇獲得焦點(diǎn)的元素。 一、CSS簡(jiǎn)介及引用 1、CSS 概述 CSS漢...
摘要：當(dāng)按鈕被松開時(shí)，觸發(fā)事件獲取到關(guān)鍵字判斷關(guān)鍵字是否為空若輸入字符串不為空則顯示網(wǎng)絡(luò)請(qǐng)求搜索。顯示自動(dòng)提示框，給框里填關(guān)聯(lián)詞條的內(nèi)容給緩存對(duì)象賦值若輸入字符串為空則顯示歷史搜索。 ????最近項(xiàng)目一直在迭代更新，沒有什么新的東西做，所以...
摘要：找到結(jié)構(gòu)里面的所有的標(biāo)簽記作如果最后一個(gè)元素的為，把字體顏色改為 Dom結(jié)構(gòu) 我是span 我是h1 我是h1 我是h1 我是h1 我是h1 1.指定標(biāo)簽 h1:first-of-type { color: red; // #test底下所有的h1找出來，其中第一個(gè)h1...
摘要：引言一帶一路正在積極推動(dòng)中國(guó)的國(guó)際化進(jìn)程，前端網(wǎng)站也面臨著前所未有的國(guó)際化挑戰(zhàn)。本周精讀的文章是，通過一種新的技術(shù)，實(shí)現(xiàn)國(guó)際化布局。討論地址是精讀國(guó)際化布局如果你想?yún)⑴c討論，請(qǐng)點(diǎn)擊這里，每周都有新的主題，周末或周一發(fā)布。 1 引言 一...
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)