文章庫ARTICLE COLUMN
摘要：說明此版本輪播圖為仿照網(wǎng)易云音樂播放器上首頁的輪播。網(wǎng)易的輪播特殊的地方就在于，如果你滑動(dòng)不相鄰的兩張圖片，其過渡效果并不是滑動(dòng)過渡，而是一個(gè)跳出過渡，此方面原理與最開始設(shè)計(jì)輪播排版時(shí)候有極大關(guān)聯(lián)。 說明： 此版本輪播圖為仿照網(wǎng)易云音...
摘要：當(dāng)頁面上有過多文字的時(shí)候，往往需要省略顯示，可以很方便的做到這點(diǎn)。單行文本省略顯示需要固定一個(gè)寬度多行文本省略顯示適用于瀏覽器和移動(dòng)端設(shè)置需要顯示的行數(shù) 當(dāng)頁面上有過多文字的時(shí)候，往往需要省略顯示，CSS可以很方便的做到這點(diǎn)。 單行文本省...
摘要：面試必談的前端性能優(yōu)化為什么做優(yōu)化提供給用戶最佳體驗(yàn)有哪些差的體驗(yàn)白屏好久才顯示內(nèi)容浪費(fèi)用戶流量?jī)?yōu)化方案大概分為以下幾種降低請(qǐng)求數(shù)量減少獲取數(shù)據(jù)的接口數(shù)初始數(shù)據(jù)盡量通過一個(gè)接口返回減少的數(shù)量提取公共利用緩存減少后續(xù)加載訪問。 面試必談...
摘要：實(shí)驗(yàn)出真理對(duì)添加如圖對(duì)添加如圖可知子容器的位置是相對(duì)于父容器的再看看偽元素的情況，我想在文本后加一個(gè)方塊，代碼如下卻沒有想要的效果，原來偽元素默認(rèn)是所以寬高對(duì)他無效我們加上再試下這下行了，現(xiàn)在移動(dòng)偽元素，加上可知偽元素與普通的塊一 實(shí)...
摘要：塊級(jí)元素生成一個(gè)矩形框，作為文檔流的一部分行內(nèi)元素則會(huì)創(chuàng)建一個(gè)或多個(gè)行框，置于父級(jí)元素中。元素框相對(duì)于之前正常文檔流中的位置發(fā)生偏移，并且原先的位置仍然被占據(jù)。元素框不再占有文檔流位置，并且相對(duì)于視窗進(jìn)行定位。 談到布局，首先就要想到...
摘要：盒子模型作用盒子模型就是一個(gè)盒子，封裝周圍的元素。允許我們?cè)谄渌睾椭車剡吙虻目臻g放置元素。 1、盒子模型作用：盒子模型就是一個(gè)盒子，封裝周圍的html元素。允許我們?cè)谄渌睾椭車剡吙虻目臻g放置元素。2、組成：外邊距（margin）：...
摘要：第二種方法一開始就發(fā)起了個(gè)請(qǐng)求并等待請(qǐng)求都到達(dá)后獲取數(shù)據(jù)。請(qǐng)求返回的數(shù)據(jù)秒后就能操作了這種方法比第二種方法可以更快處理數(shù)據(jù)。如果請(qǐng)求時(shí)間是依次遞減的那么和方法二效果是一樣在有多個(gè)請(qǐng)求時(shí)這種情況一般不存在。 先上代碼 公共代碼 function g...
摘要：總結(jié)常用垂直居中方法與方法實(shí)現(xiàn)居中這是比較常用的方法。絕對(duì)居中實(shí)現(xiàn)垂直居中這是一個(gè)兼容性比較好的能夠?qū)崿F(xiàn)垂直居中的方法。 CSS—總結(jié)常用垂直居中方法 1、text-align與line-hight方法實(shí)現(xiàn)居中 這是比較常用的方法。通過line-hight來設(shè)置行間距是...
摘要：圣杯和雙飛翼布局介紹最近正好碰到了寫這種布局，一直沒有總結(jié)過正好借這次機(jī)會(huì)總結(jié)一波，同時(shí)加強(qiáng)一下自己的理解。使用雙飛翼布局就可以避免這個(gè)問題。雙飛翼布局則是中間欄不變，將內(nèi)容部分為兩邊騰開位置參考 圣杯和雙飛翼布局介紹 showImg("http:/...
摘要：造輪子的一些思考首先，我們的需求是用戶能夠方便的調(diào)整后臺(tái)的各種表盤位置。內(nèi)的所有組件必須不能重疊，還要能自動(dòng)排序某些組件要可以設(shè)定靜態(tài)的，也就是固定在那里，不被布局的任何變動(dòng)而影響。為了快速獲得這種心態(tài)的轉(zhuǎn)變，你要做的就是造輪子。 先...
摘要：相對(duì)于來說是免費(fèi)的。配置注當(dāng)前相關(guān)的配置基于版本。，該設(shè)置是用來控制光標(biāo)的粗細(xì)，目前設(shè)置大小為。，這個(gè)不用多說，給提供了相關(guān)功能。總結(jié)總體上來說是一個(gè)使用比較方便的編輯器，能夠通過一些特定的插件提高你的工作效率。 背景 之前一直是只用W...
摘要：下個(gè)版本在下個(gè)版本中，我會(huì)對(duì)其進(jìn)行支持響應(yīng)式自由切換拖拽和縮放手機(jī)也能操作倉庫地址預(yù)覽多謝大家支持。 Dragact 是一款React組件，他能夠使你簡(jiǎn)單、快速的構(gòu)建出一款強(qiáng)大的 拖拽式網(wǎng)格(grid)布局. 倉庫地址：Dragact 經(jīng)過幾天的迭代時(shí)間Dragact已...
摘要：彈性盒布局并沒有這樣內(nèi)在的方向限制，可以由開發(fā)人員自由操作。漸進(jìn)識(shí)別的方式，從總體中逐漸排除局部。首先，巧妙的使用這一標(biāo)記，將瀏覽器從所有情況中分離出來。偶數(shù)字號(hào)相對(duì)更容易和設(shè)計(jì)的其他部分構(gòu)成比例關(guān)系。 1 介紹一下標(biāo)準(zhǔn)的CSS的盒子模型...
摘要：本文會(huì)用三種方法來實(shí)現(xiàn)圣杯布局，分別是浮動(dòng)，以及。先移動(dòng)左邊，新加一個(gè)樣式。小結(jié)總的來說，我認(rèn)為使用彈性盒子布局實(shí)現(xiàn)圣杯模式是最方便最快速且不用擔(dān)心移動(dòng)端的適配問題。 圣杯布局的三種實(shí)現(xiàn) 圣杯布局是一種很常見的css布局。他要求： 上部和...
摘要：寫在前面本小菜雞開學(xué)其實(shí)已經(jīng)開始了就要面臨找實(shí)習(xí)的壓力了。所以在此開一貼記錄一下搜集的前端面試的問題和自己即將被拷問的問題。而有著固定的大小，高度超過規(guī)定高度就會(huì)出現(xiàn)滾動(dòng)條。實(shí)現(xiàn)頁面加載進(jìn)度條我們可以將一整個(gè)頁面大致分為，個(gè)區(qū)域。 寫...
摘要：使用模板寫，寫日常工作都是使用開發(fā)頁面和寫的多了就想偷懶簡(jiǎn)化各種書寫方式，所以使用了寫，寫，省了很多的步驟和提高了效率。這是我喜歡的風(fēng)格和方式，當(dāng)然也可以做到，只是個(gè)人的機(jī)緣巧合現(xiàn)在使用了。寫下本文做個(gè)人記錄，也給其他人做個(gè)參考。 vu...
摘要：實(shí)驗(yàn)最基本測(cè)驗(yàn)浮動(dòng)實(shí)驗(yàn)對(duì)應(yīng)結(jié)果實(shí)驗(yàn)結(jié)果分析因?yàn)闉閴K標(biāo)簽，而且處于同一文檔流當(dāng)中，固會(huì)向下排列。實(shí)驗(yàn)左浮動(dòng)，右浮動(dòng)，左浮動(dòng)浮動(dòng)實(shí)驗(yàn)結(jié)果實(shí)驗(yàn)結(jié)果分析左浮動(dòng)，所以失去塊級(jí)作用，并且脫離標(biāo)準(zhǔn)文檔流，因此在第一行最左邊。 其實(shí)CSS浮動(dòng)原理就三句...
摘要：避免在頁面的主體布局中使用，要等其中的內(nèi)容完全下載之后才會(huì)顯示出來，顯示比布局慢。實(shí)現(xiàn)多行文本溢出顯示效果實(shí)現(xiàn)方法適用范圍因使用了的擴(kuò)展屬性，該方法適用于瀏覽器及移動(dòng)端 在過去的一年很多人不滿于公司沒有福利、人際關(guān)系不好相處、沒有發(fā)展...
摘要：下讓文件完美支持或語法方法習(xí)慣后通常都是直接對(duì)文件進(jìn)行處理但是大部分習(xí)慣的朋友也許不適應(yīng)了我專門研究了一下在編輯器下如果配置相關(guān)代碼和設(shè)置達(dá)到文件完美編寫的辦法其他語法類型原理相似這里以為例開始配置編輯器設(shè)置的配置首先配置編輯器的設(shè)置...
摘要：之前有研究過做過假設(shè)，在插件列表中，的插件執(zhí)行順序自上而下，一切看起來似乎是沒有任何問題的。再有摘自深入設(shè)計(jì)摘自寫的姿勢(shì)這兩張圖則應(yīng)該是說明了我之前的假設(shè)，插件中的執(zhí)行順序自上而下。先來看看一片來自的這段會(huì)不會(huì)跟這個(gè)有關(guān)呢，我先埋個(gè)伏...
效果圖 showImg("https://segmentfault.com/img/bV3GNp?w=363&h=279"); 什么也不說了，上代碼。 css3 水紋效果 .point_area { text-align: center; position: relative; ...
摘要：因此今天要討論的話題就是前后端分離的開發(fā)，讓前端工程師的工作更飽滿，更具有價(jià)值如何實(shí)現(xiàn)前后端分離要實(shí)現(xiàn)前后端分離開發(fā)其實(shí)不是什么難事，前輩早就有很多經(jīng)驗(yàn)了，比如等。 為什么要做分離開發(fā)： 現(xiàn)在很多公司的web開發(fā)模式都是用jsp、php、asp等...
摘要：以前前端時(shí)代做按鈕，圖標(biāo)背景圖用，后來主流現(xiàn)在各種流體結(jié)構(gòu)，高分屏的需求，大行其道，無論是體積還是靈活性還是品質(zhì)都遠(yuǎn)勝。 以前前端IE6時(shí)代做按鈕， 圖標(biāo)背景圖用gif, png， 后來主流png, 現(xiàn)在各種流體結(jié)構(gòu)，高分屏的需求， svg大行其道， 無論...
摘要：所謂的隱式調(diào)用簡(jiǎn)單來說就是自動(dòng)調(diào)用一些方法，而這些方法像鉤子一樣可以在外部修改，從而改變既定行為。 前言 不知道用隱式調(diào)用來形容是否確切,其行為總是隱藏在背后，時(shí)不時(shí)出來露臉一下，作用貌似不大，但是了解一下還是有用處的，保不準(zhǔn)在你的使用...
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)