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