文章庫ARTICLE COLUMN
摘要：容器擴(kuò)展項(xiàng)目以填充可用空間，或縮小它們以防止溢出。容器屬性屬性決定主軸的方向即項(xiàng)目的排列方向。屬性定義了項(xiàng)目在主軸上的對(duì)齊方式默認(rèn)值。與交叉軸的起點(diǎn)位置對(duì)齊。負(fù)值對(duì)該屬性無效。 以下內(nèi)容主要摘抄自阮一峰老師的博客http://www.ruanyifeng....
摘要：當(dāng)一個(gè)元素是使用不帶單位的數(shù)字，聲明的值會(huì)被繼承，也就是說這個(gè)值會(huì)在子元素中用來與子元素本身的重新計(jì)算子元素的。所以我們通常想要的效果是使用不帶單位的我們可以在父元素上設(shè)定一個(gè)無單位數(shù)字其子元素會(huì)默認(rèn)繼承。 首先我們來了解一下line-hei...
摘要：為什么需要深入學(xué)習(xí)溢出機(jī)制在實(shí)際開發(fā)的過程中，內(nèi)容溢出是經(jīng)常見到的。溢出當(dāng)一個(gè)盒子的內(nèi)容子元素孫子元素等后裔超過盒子本身的大小的時(shí)候，就會(huì)出現(xiàn)溢出。這個(gè)時(shí)候?qū)傩詻Q定如何處理溢出。 為什么需要深入學(xué)習(xí)CSS溢出機(jī)制？ 在實(shí)際開發(fā)的過程中，內(nèi)...
摘要：第一種作為元素背景圖片第二種標(biāo)簽方式布局方式絕對(duì)定位設(shè)置垂直居中 第一種: 作為元素背景圖片 #app{ width: 500px; height: 500px; background: #ccc url("../../../static/images/demo.png") no-repeat center ...
摘要：代碼大致如下點(diǎn)擊跟隨結(jié)合使用類即可實(shí)現(xiàn)點(diǎn)擊跟隨使用參考資料不可思議的光標(biāo)下劃線跟隨效果不可思議的純導(dǎo)航欄下劃線跟隨效果切換下劃線跟隨實(shí)現(xiàn) showImg("https://segmentfault.com/img/bVbg4wM?w=699&h=91"); HTML 結(jié)構(gòu)如下： 不可思議的CSS ...
摘要：掘金主頁簡書主頁天下難事必作于易天下大事必作于細(xì)開發(fā)環(huán)境需要的信息和信息源開始編碼服務(wù)端環(huán)境已經(jīng)配置好了，現(xiàn)在啟動(dòng)自己編寫的服務(wù)器先切換至自己編寫的文件路徑下啟動(dòng)服務(wù)器，現(xiàn)在用自己的電腦打開瀏覽器，輸入域名正常情況下，可以看到正常顯示...
摘要：的弱化與的強(qiáng)化的三要素在前端組件化的過程中，比如等組件化框架的運(yùn)用，使的弱化與的強(qiáng)化成為了一種趨勢，而在這個(gè)過程中，其實(shí)還有另一種趨勢也在慢慢形成的弱化與的強(qiáng)化。使用對(duì)象都是采用的這種寫法。 css 的弱化與 js 的強(qiáng)化 web 的三要素 html, ...
摘要：本地服務(wù)器收到信息后，再去聯(lián)系頂級(jí)域名服務(wù)器。頂級(jí)域名服務(wù)器收到請(qǐng)求后，如果自己無法解析，再返回下一級(jí)域名服務(wù)器的，進(jìn)行這樣一個(gè)迭代查詢之后，一直到子域名服務(wù)器。布局完成后，將渲染樹轉(zhuǎn)換成屏幕上的像素，顯示頁面。 當(dāng)我們輸入 URL 并按...
摘要：我們用小米舉例，屏幕像素物理像素為，設(shè)備獨(dú)立像素為，也就是說，一個(gè)設(shè)備獨(dú)立像素就包含個(gè)物理像素，同時(shí)我們能得出。 本文主要闡述移動(dòng)端布局中常遇到的一些基本概念，這些概念也適用于PC端，這些概念大概有：像素（pixel），ppi，分辨率，物理像素...
摘要：二接口訪問的權(quán)限控制接口權(quán)限就是對(duì)用戶的校驗(yàn)。代碼如下按扭權(quán)限指令至此為止，權(quán)限控制流程就已經(jīng)完全結(jié)束了，在最后我們?cè)倏匆幌峦暾臋?quán)限控制流程圖吧五路由控制完整流程圖六參考文獻(xiàn)手?jǐn)]后臺(tái)管理網(wǎng)站之權(quán)限控制手摸手，帶你用擼后臺(tái)之權(quán)限控制 ...
摘要：前言繼上篇魔法堂稍稍深入偽類選擇器記錄完偽類后，我自然而然要向偽元素伸出魔掌的啦。和的注意事項(xiàng)默認(rèn)必須設(shè)置屬性，否則一切都是無用功默認(rèn)，就是和的內(nèi)容無法被用戶選中的偽元素和偽類結(jié)合使用形如。 前言 ?繼上篇《CSS魔法堂：稍稍深入偽類選擇...
摘要：我在項(xiàng)目中剛開始就是計(jì)算來實(shí)現(xiàn)的，這種方式實(shí)現(xiàn)起來就是感覺不爽，每推送一條數(shù)據(jù)過來就要進(jìn)行計(jì)算。 CSS實(shí)現(xiàn)底部對(duì)齊效果 因公司業(yè)務(wù)要求需要實(shí)現(xiàn)如下圖中紅色區(qū)域的效果：showImg("https://segmentfault.com/img/bVbg8sb?w=328&h=372");showImg("h...
摘要：效果預(yù)覽按下右側(cè)的點(diǎn)擊預(yù)覽按鈕可以在當(dāng)前頁面預(yù)覽，點(diǎn)擊鏈接可以全屏預(yù)覽。可交互視頻此視頻是可以交互的，你可以隨時(shí)暫停視頻，編輯視頻中的代碼。 showImg("https://segmentfault.com/img/bVbd2HZ?w=400&h=301"); 效果預(yù)覽 按下右側(cè)的點(diǎn)擊預(yù)覽...
摘要：子組件請(qǐng)輸入郵箱父組件，此處通過獲取子組件的值用戶郵箱兄弟組件傳遞信息我們可以通過給這兩兄弟一個(gè)共同的父親，然后結(jié)合上面的兩種方法將老大的信息傳給父親子傳父，再通過父親傳給老二信息實(shí)現(xiàn)交流父傳子這里只寫出了父組件代碼實(shí)現(xiàn)到的數(shù)據(jù)傳遞 ...
摘要：圖像拼合技術(shù)圖像拼合圖像拼合技術(shù)就是單個(gè)圖像的集合。有很多圖片的網(wǎng)頁可能會(huì)需要很多時(shí)間來加載和生成多個(gè)服務(wù)器的請(qǐng)求。使用圖像拼合會(huì)降低服務(wù)器的請(qǐng)求數(shù)量，并節(jié)省帶寬。 CSS圖像拼合技術(shù) 1.圖像拼合 圖像拼合技術(shù)就是單個(gè)圖像的集合。 有很多...
摘要：按進(jìn)入全屏模式全屏查看按關(guān)閉全屏模式全屏關(guān)閉記得一定要加上調(diào)用代碼，調(diào)用代碼，調(diào)用代碼，說三遍調(diào)用代碼只做個(gè)人備忘，不做任何發(fā)表，不做信息交流。盡管拿去用，不謝 老是不通過，沒辦法，只能是重新發(fā)布了，反正我就是杠上了，大大小小寫過很多...
摘要：精確控制表格列寬請(qǐng)注意，為了確保這個(gè)技巧奏效，需要為這些表格元素指定一個(gè)寬度哪怕是。同樣，為了讓發(fā)揮作用，我們還需要為那一列指定寬度。 自適應(yīng)內(nèi)部元素 figure{ max-width: 300px; max-width: min-content;//這個(gè)關(guān)鍵字將解析為這個(gè)容...
摘要：圖像拼合圖像拼合就是單個(gè)圖像的集合。有許多圖像的網(wǎng)頁可能需要很長的時(shí)間來加載和生成多個(gè)服務(wù)器的請(qǐng)求。使用圖像拼合會(huì)降低服務(wù)器的請(qǐng)求數(shù)量，并節(jié)省帶寬。代碼如下改變背景效果圖持續(xù)更新，多多關(guān)照 1、css 圖像拼合 圖像拼合就是單個(gè)圖像的集合...
摘要：原文鏈接水平居中若是行內(nèi)元素給其父元素設(shè)置即可實(shí)現(xiàn)行內(nèi)元素水平居中若是塊級(jí)元素該元素設(shè)置即可若子元素包含屬性為了讓子元素水平居中則可讓父元素寬度設(shè)置為并且配合作如下設(shè)置是中給屬性新加的一個(gè)屬性值它配合可以輕松實(shí)現(xiàn)水平居中 原文鏈接 水...
摘要：關(guān)于徑向漸變的具體使用可以參考張鑫旭的文章徑向漸變語法及輔助理解案例則那么怎樣實(shí)現(xiàn)我們要的效果呢我們先看看徑向漸變的語法徑向漸變由它的中心定義。 查看原文可以有更好的排版效果哦 前言 我們?cè)谄綍r(shí)的網(wǎng)頁中，經(jīng)常會(huì)見到這樣的優(yōu)惠券或者其他的...
摘要：源代碼下載每日前端實(shí)戰(zhàn)系列的全部源代碼請(qǐng)從下載代碼解讀定義，只有個(gè)元素居中顯示定義容器尺寸用偽元素畫出小球定義沿軸即橫向移動(dòng)的動(dòng)畫效果定義沿軸即縱向移動(dòng)的動(dòng)畫效果最后，把動(dòng)畫效果應(yīng)用到小球上大功告成 showImg("https://segmentfault.com/...
摘要：想寫出高效合理的布局，必須以深厚的基礎(chǔ)為前提。現(xiàn)在布局方式主要分為三種傳統(tǒng)布局方案等配合。彈性布局，實(shí)現(xiàn)方便，兼容性較好。在環(huán)境中的元素按照如下規(guī)則渲染和文檔流一樣，元素按照自己類型的布局特性從左到右，從上往下依次排列。 前端css布局...
摘要：通用代碼如下圖片整合運(yùn)行結(jié)果總結(jié)精靈圖可以通過浮動(dòng)加背景圖片來實(shí)現(xiàn)精靈圖也可以通過也可以實(shí)現(xiàn)主要是后期的定位移動(dòng)。 圖片整合（精靈圖） 精靈圖的優(yōu)點(diǎn)： 減少圖片的字節(jié) 減少了網(wǎng)頁的http請(qǐng)求，從而大大的提高了頁面的性能 解決了網(wǎng)頁設(shè)計(jì)師在...
摘要：一精靈圖使用場景二優(yōu)點(diǎn)減少圖片的字節(jié)。減少網(wǎng)頁的請(qǐng)求，從而大大的提高頁面的性能。解決了網(wǎng)頁設(shè)計(jì)師在圖片命名上的困擾，只需對(duì)一張集合的圖片上命名就可以了，不需要對(duì)每一個(gè)小元素進(jìn)行命名，從而提高了網(wǎng)頁的制作效率。 一、精靈圖使用場景： sho...
摘要：解析時(shí)，樣式組件將生成唯一的類名，并將注入。在星，由創(chuàng)建，被定義為組件樣式的工具鏈。它具有可預(yù)測的組合，以避免的特殊性問題。將該項(xiàng)目定義為組件樣式通過優(yōu)雅靈感解決，占地面積小小于，以及出色的性能。 一個(gè)特別有趣的概念是在CSS中使用JS將C...
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)