文章庫(kù)ARTICLE COLUMN
什么是FOUC？ FOUC - Flash Of Unstyled Content 文檔樣式閃爍 即 文檔樣式短暫失效如果使用 import 引入 css 文件會(huì)導(dǎo)致某些頁(yè)面在IE下出現(xiàn)一些奇怪的現(xiàn)象： 以無(wú)樣式顯示頁(yè)面內(nèi)容的瞬間閃爍 形成原因 通過(guò) @import 引入 css 樣式 @import "../fou...
實(shí)現(xiàn)兩邊定寬，中間自適應(yīng) 1.圣杯布局 首先html結(jié)構(gòu)如下 圣杯布局 2111111111111 left right css部分 *{ margin: 0; padding: 0; } ...
摘要：一依賴(lài)缺失好好的項(xiàng)目，兩天不管你，怎么就鬧脾氣，非要整出這么一個(gè)，原因還未找到報(bào)錯(cuò)如下知道原因的小哥哥小姐姐，麻煩留個(gè)言，感激不盡按照提示然后依然報(bào)錯(cuò)嘗試刪除刪除后，執(zhí)行然后，重新執(zhí)行奇跡般成功了 一、style-loader依賴(lài)缺失 好好的項(xiàng)目...
摘要：繼續(xù)響應(yīng)式網(wǎng)頁(yè)布局的實(shí)現(xiàn)，今日講的是方案。就是為二維布局設(shè)計(jì)的，最適合用來(lái)做網(wǎng)頁(yè)布局。其中是最小寬度單位，等于六個(gè)等于三個(gè)等于兩個(gè)而則等于五個(gè)。 繼續(xù)W3Schools響應(yīng)式網(wǎng)頁(yè)布局的實(shí)現(xiàn)，今日講的是CSS Grid方案。CSS Grid就是為二維布局設(shè)計(jì)的...
摘要：幻燈片是網(wǎng)頁(yè)上常見(jiàn)的一項(xiàng)功能，今日我們來(lái)看看上的幻燈片教學(xué)。這就是幻燈片最核心的邏輯。系列全部視頻響應(yīng)式網(wǎng)頁(yè)布局響應(yīng)式網(wǎng)頁(yè)布局響應(yīng)式網(wǎng)頁(yè)布局幻燈片如何實(shí)現(xiàn)響應(yīng)式導(dǎo)航如何實(shí)現(xiàn) 幻燈片（Slideshow）是網(wǎng)頁(yè)上常見(jiàn)的一項(xiàng)功能，今日我們來(lái)看看W3S...
摘要：計(jì)算屬性這時(shí)，我們就可以輕松應(yīng)用結(jié)果在多個(gè)地方，而且代碼還看起來(lái)更清晰了。每個(gè)計(jì)算屬性都包括和，我們平時(shí)默認(rèn)用到的是來(lái)讀取。計(jì)算屬性依賴(lài)的數(shù)據(jù)變化時(shí)，它才會(huì)重新取值，只要依賴(lài)數(shù)據(jù)不變化，它就不更新，可以緩存數(shù)據(jù)。 適用場(chǎng)景 設(shè)想一個(gè)場(chǎng)...
摘要：頁(yè)面開(kāi)發(fā)由小組長(zhǎng)創(chuàng)建前端目錄，包含頁(yè)面開(kāi)發(fā)目錄如及提取剝離目錄如。提交驗(yàn)收當(dāng)有階段性產(chǎn)出后，小組長(zhǎng)上報(bào)主管，安排經(jīng)驗(yàn)豐富的前端工程師進(jìn)行代碼驗(yàn)收。 開(kāi)發(fā)前準(zhǔn)備 了解產(chǎn)品和設(shè)計(jì) 參加需求、交互、視覺(jué)會(huì)議，了解產(chǎn)品設(shè)計(jì)和項(xiàng)目成員。 了解產(chǎn)品...
摘要：屏幕可見(jiàn)的最大寬度高度。相對(duì)于當(dāng)前對(duì)象內(nèi)文本的字體尺寸。特點(diǎn)值并不固定會(huì)繼承父級(jí)元素的字體大小。所有未經(jīng)調(diào)整的瀏覽器都符合。相對(duì)于父元素相對(duì)于根元素視窗寬度。可視區(qū)高度的和中較小的那個(gè)。一般情況之下，像素稱(chēng)為與設(shè)備無(wú)關(guān)的像素，簡(jiǎn)稱(chēng)。 ...
摘要：彈出層觸發(fā)時(shí)候頁(yè)面設(shè)置為高度百分百將不能滾動(dòng)設(shè)置的樣式為取消時(shí)候把樣式重置還原為最初彈出層遮罩層灰色區(qū)域點(diǎn)擊關(guān)閉遮罩層遮罩層阻止冒泡默認(rèn)事件彈出層禁止頁(yè)面彈出框彈出時(shí)候市面下拉滾動(dòng)監(jiān)聽(tīng)事件，這樣一來(lái)整個(gè)頁(yè)面將不能滾動(dòng)所以添加一個(gè)判斷你...
摘要：我們能不能找到自己對(duì)應(yīng)的維度和發(fā)生過(guò)的事情聯(lián)系起來(lái)，然后用人工智能去機(jī)器學(xué)習(xí)并訓(xùn)練出一個(gè)屬于我們自己一生命運(yùn)軌跡的函數(shù)。。。。 showImg("https://segmentfault.com/img/bVbpWfK?w=1364&h=352"); 什么是tensorflow.js tensorflow.js是一個(gè)能運(yùn)...
摘要：優(yōu)化需要一個(gè)多維的方法。的規(guī)范允許省略屬性組中的最后一個(gè)分號(hào)。省略提高性能的一個(gè)簡(jiǎn)單方法是使用標(biāo)準(zhǔn)的一個(gè)特性。在運(yùn)行它如果你希望將產(chǎn)品集成到中，請(qǐng)?jiān)L問(wèn)。維護(hù)不良的存儲(chǔ)庫(kù)包含一組包裝器文件和。 showImg("https://segmentfault.com/img/bVbp...
摘要：相信在工作中經(jīng)常會(huì)遇到需要某某元素垂直水平居中的需求，下面總結(jié)一下實(shí)現(xiàn)方法元素已知寬度絕對(duì)定位反向偏移元素未知寬度絕對(duì)定位流體特性當(dāng)一個(gè)絕對(duì)定位元素，其對(duì)立定位方向?qū)傩酝瑫r(shí)有具體定位數(shù)值的時(shí)候，流體特性就發(fā)生了。 相信在工作中經(jīng)常會(huì)遇...
摘要：屏幕分辨率指在橫縱向上的像素點(diǎn)數(shù)，單位是，個(gè)像素點(diǎn)。屏幕像素密度與屏幕尺寸和屏幕分辨率有關(guān)物理像素像素設(shè)備像素物理像素分辨率買(mǎi)手機(jī)的時(shí)候會(huì)有一個(gè)的分辨率，那是屏幕的個(gè)呈像的點(diǎn)，一個(gè)點(diǎn)小方格為一個(gè)物理像素。 響應(yīng)式-@media 響應(yīng)式就是一個(gè)...
摘要：盒子模型就是在網(wǎng)頁(yè)設(shè)計(jì)中經(jīng)常用到的技術(shù)所使用的一種思維模型。網(wǎng)頁(yè)設(shè)計(jì)中常聽(tīng)的屬性名內(nèi)容內(nèi)邊距邊框外邊距，盒子模式都具備這些屬性。 CSS盒子模型就是在網(wǎng)頁(yè)設(shè)計(jì)中經(jīng)常用到的CSS技術(shù)所使用的一種思維模型。網(wǎng)頁(yè)設(shè)計(jì)中常聽(tīng)的屬性名：內(nèi)容(content)...
摘要：內(nèi)核原為，現(xiàn)為內(nèi)核，等。但盒子的大小由這幾部分決定是一個(gè)屬性，與盒子模型有著密切聯(lián)系。 前言 貌似又到了一年一度跑路跳槽的時(shí)刻，由于個(gè)人的一些原因最近也參加了很多面試，發(fā)現(xiàn)有很多基礎(chǔ)性的東西掌握程度還是不夠，故此想總結(jié)一下最近面試遇到...
摘要：垂直居中當(dāng)設(shè)置此時(shí)的頁(yè)面看似垂直居中，但是并沒(méi)有完全垂直居中。中線位置字符的中心并不是字符內(nèi)容的絕對(duì)居中位置。這種通過(guò)定高，元素垂直居中的方法不僅適用于現(xiàn)代瀏覽器，連瀏覽器也是支持的。 今天在寫(xiě)樣式時(shí)，icon和文字都進(jìn)行了垂直居中的處理...
摘要：運(yùn)動(dòng)坐標(biāo)變量坐標(biāo)變量繪制方法畫(huà)布渲染清除畫(huà)布位置變化繪制繼續(xù)渲染動(dòng)起來(lái)的多點(diǎn)多線動(dòng)的是點(diǎn)，畫(huà)的是線給對(duì)象添加運(yùn)動(dòng)變量和兩個(gè)值表示點(diǎn)在軸和軸的運(yùn)動(dòng)量此處為在之間運(yùn)動(dòng)。 Canvas 點(diǎn)線動(dòng)畫(huà)案例 畫(huà)圓： arc(x, y, r, start, stop) 畫(huà)線： moveTo(x...
摘要：在年月，在經(jīng)過(guò)多方的討論之后，推出了。這一規(guī)范一出現(xiàn)就引起了各方的注意，隨即公司和公司紛紛表示自己的瀏覽器能夠支持。這個(gè)特殊規(guī)則是將設(shè)置為，將設(shè)置為。 作者：陳大魚(yú)頭 github： KRISACHAN HTML的誕生 HTML是怎么來(lái)的？ 在1982年的時(shí)候，...
摘要：項(xiàng)目中通常會(huì)使用作為圖標(biāo)顯示的解決方案，這里介紹下如何在項(xiàng)目中配置。準(zhǔn)備工作首先配置好項(xiàng)目，關(guān)鍵需要注意前綴和兩個(gè)配置。當(dāng)我們配置好項(xiàng)目之后，就可以導(dǎo)出樣式文件，復(fù)制如下圖中的鏈接中的內(nèi)容備用。正餐開(kāi)始創(chuàng)建文件。 項(xiàng)目中通常會(huì)使用icon...
摘要：前端最基礎(chǔ)的就是。類(lèi)同于標(biāo)簽將對(duì)象作為彈性伸縮盒顯示。定義了一條立方貝塞爾曲線。是，表示終止時(shí)間和終止?fàn)顟B(tài)。動(dòng)畫(huà)過(guò)渡可以理解為兩個(gè)關(guān)鍵幀的補(bǔ)間操作。往期前端培訓(xùn)初級(jí)階段后記年月日更新。參考資料引用培訓(xùn)目錄出處已備份到筆記速查視差滾動(dòng) ...
摘要：本文為知識(shí)整理，可能工作中用到這些東西不多，可是總有人想讓你會(huì)前言小時(shí)候很渴望長(zhǎng)大，羨慕大人們的財(cái)富自由長(zhǎng)大后又很羨慕小時(shí)候，懷念小時(shí)候的無(wú)憂無(wú)慮，守候著那份天真。哦，還有，不是長(zhǎng)大就能財(cái)富自由。。。 本文為知識(shí)整理，可能工作中用到這...
摘要：偽類(lèi)選擇器誤用背景最近遇到一個(gè)偽類(lèi)選擇器的問(wèn)題，一直困擾了我好久，因?yàn)槲揖尤话l(fā)現(xiàn)跟我想象中的用法不一樣，后來(lái)才發(fā)現(xiàn)居然確實(shí)是自己搞錯(cuò)了，不禁大感慚愧。而偽類(lèi)前面的標(biāo)簽類(lèi)型，只是起到個(gè)篩選的作用。 偽類(lèi)選擇器 first-child 誤用 背景 最近...
摘要：所以要想讓一排圖片水平居中只需要給父級(jí)使用的屬性，子集用行級(jí)元素包裹圖片，就可以實(shí)現(xiàn)一排圖片水平居中對(duì)齊了。 先來(lái)理解一下 塊級(jí)元素：獨(dú)占一行，可以理解為是一個(gè)方塊面，有寬高。常見(jiàn)的塊級(jí)元素有：div p h1...h6 ul ol form table address...
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)