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