文章庫(kù)ARTICLE COLUMN
摘要：第三集從零開始實(shí)現(xiàn)組件本集定位為什么要叫那因?yàn)槲腋杏X這個(gè)組件細(xì)節(jié)比較多應(yīng)該會(huì)講很多內(nèi)容所以先把基礎(chǔ)功能在這一集實(shí)現(xiàn)下集去做拓展組件這是一個(gè)基本上每個(gè)工程都會(huì)用到的組件傳統(tǒng)的千篇一律的樣式仿佛按鈕不做的一樣就沒法用似的我偏要加一些別人沒...
摘要：因?yàn)橹挥杏玫轿粓D的地方才會(huì)出現(xiàn)像素缺失和像素丟失的狀況其他的元素都是系統(tǒng)繪制的矢量圖形不受是否是高清屏幕的影響。解決方案圖標(biāo)準(zhǔn)還是按照上方的標(biāo)準(zhǔn)。比如大小為的按鈕按上面標(biāo)準(zhǔn)換算成為這就蛋疼了，你無(wú)法直觀看出這個(gè)按鈕多大修改起來更是蛋疼...
摘要：對(duì)應(yīng)多種語(yǔ)法規(guī)則可以為指定樣式。渲染頁(yè)面繪制到屏幕后，頁(yè)面結(jié)構(gòu)的改變也有可能導(dǎo)致渲染樹重新計(jì)算，其中重排和重繪是最耗時(shí)的部分。 寫了這么多class,color,background,display...; 也許有時(shí)候會(huì)疑惑，怎么就顯示在頁(yè)面上，改變?cè)氐臉邮健?本文簡(jiǎn)...
前端知識(shí)整理，包括html/css/js，但不限于這三大類，持續(xù)更新中。本人水平有限，如有錯(cuò)誤或更好的答案，歡迎指正，望各位不吝指教。:） 1.HTML 2.CSS 2.1 css三欄布局實(shí)現(xiàn)方案 題目：假設(shè)高度已知，請(qǐng)寫出三欄布局，其中左欄、右欄寬度各為300px，中間自適...
摘要：滑動(dòng)時(shí)頁(yè)面警告解決方法不支持的解決辦法姓名身份證號(hào)碼重點(diǎn)在于給設(shè)置高度和偽元素微信去掉底部返回橫條問題框自動(dòng)填充內(nèi)容背景顏色為黃色設(shè)置文字不居中設(shè)置間距和等值即可 滑動(dòng)時(shí)頁(yè)面警告 [Intervention] Unable to preventDefault inside passive ...
摘要：第一種定位注意兼容性較好，缺點(diǎn)不支持以下的瀏覽器第二種定位注意兼容性好缺點(diǎn)必須知道元素的寬高第三種定位注意這是里的樣式缺點(diǎn)兼容性不好，只支持的瀏覽器第四種彈性盒子移動(dòng)端首選第五種移動(dòng)端首選第六種形成子元素設(shè)置 html: green...
摘要：背景前文提到了項(xiàng)目中引用了，幾經(jīng)嘗試一度以為它們互不兼容。終于還是找到了它們配合的點(diǎn)。如果影響頁(yè)面顯示，建議給導(dǎo)出多帶帶做一個(gè)頁(yè)面。表格過寬導(dǎo)致顯示被截?cái)啵怯捎谠O(shè)置了樣式，將其調(diào)整為默認(rèn)即可。所以就沒有繼續(xù)解決。 背景 前文 提到了項(xiàng)...
摘要：也有很多想學(xué)前端的同學(xué)希望能有基礎(chǔ)學(xué)前端的這方面的資料。其實(shí)基礎(chǔ)剛開始不只是對(duì)前端的陌生，而是對(duì)計(jì)算機(jī)的陌生，對(duì)編程這個(gè)行業(yè)的陌生。所以計(jì)算機(jī)基礎(chǔ)科學(xué)是一個(gè)不可或缺的理論知識(shí)。 背景 現(xiàn)在網(wǎng)上有很多文章以及一些培訓(xùn)課程打的標(biāo)題是0基礎(chǔ)學(xué)...
摘要：前言你知道定位有哪些值嗎常規(guī)，絕對(duì)定位，相對(duì)定位。是的，正如標(biāo)題提到的，它就是粘性定位。它后續(xù)的定位不會(huì)對(duì)后面的元素產(chǎn)生影響。該定位依賴于自身的閥值，所以必須設(shè)置其中之一的值才會(huì)有效，否則表現(xiàn)為相對(duì)定位。 前言 你知道position定位有哪...
摘要：實(shí)現(xiàn)讓我們來親自實(shí)現(xiàn)一個(gè)柵格化系統(tǒng)，假設(shè)我們要將一行劃分為等分，那等分就占有的寬度。一個(gè)柵格化系統(tǒng)就這樣實(shí)現(xiàn)了。 更多技術(shù)文章 什么是柵格化 在一個(gè)有限的、固定的平面上，用水平線和垂直線（虛擬的線，參考線），將平面劃分成有規(guī)律的一系...
摘要：寫在前面前段時(shí)間大家都說最近大環(huán)境不好，好多公司在裁員，換工作的話不推薦輕易的裸辭，但是我想說的是我所在的公司好流弊，有做不完的業(yè)務(wù)需求，還有就是招不完的人最近我也是比較繁忙，但是還是要抽一點(diǎn)時(shí)間來進(jìn)行自我復(fù)盤和記錄，最近也寫一個(gè)簡(jiǎn)單...
摘要：出現(xiàn)的地方就是在上滑塊無(wú)法拖動(dòng)，經(jīng)過檢測(cè)發(fā)現(xiàn)是在上有這個(gè)問題。彈窗是通過定位在頁(yè)面上的。當(dāng)表單激活的時(shí)候，由于手機(jī)自帶的輸入法彈起造成頁(yè)面向上滾動(dòng)，會(huì)隱藏頁(yè)面頂部一部分。解決方法通過的事件改變的值為。記錄一下開發(fā)終于到的問題。 先說下...
摘要：熱門文章我在淘寶做前端的這三年紅了櫻桃，綠了芭蕉。文章將在淘寶的三年時(shí)光折射為入職職業(yè)規(guī)劃招聘晉升離職等與我們息息相關(guān)的經(jīng)驗(yàn)分享，值得品讀。 showImg("https://segmentfault.com/img/remote/1460000018739018?w=1790&h=886"); 【Alibaba-TXD ...
摘要：背景最近接到一個(gè)客戶需求，要求將學(xué)生的考試結(jié)果分析表格和圖表導(dǎo)出到。本著最好不要額外安裝軟件的原則，搜索過后分別嘗試了等等。但是實(shí)現(xiàn)效果都與預(yù)期差距較大。它們是開源命令行工具，使用渲染引擎將呈現(xiàn)為和各種圖像格式。它們不需要顯示或顯示服...
摘要：博客從遷移到騰訊云最近的服務(wù)一直不穩(wěn)定，這兩天訪問還出現(xiàn)，重新部署也無(wú)法解決。碼云自定義域名收費(fèi)，只好遷移到騰訊云上了。不會(huì)配置的可以參考官方示例直接就發(fā)布到騰訊云上了，訪問速度相當(dāng)快，對(duì)也好。 Hexo博客從Coding遷移到騰訊云COS 最近c(diǎn)o...
摘要：目錄匹配下標(biāo)是奇數(shù)或偶數(shù)的子元素獲取屏幕高度小程序顯示不出的原因小程序狀態(tài)欄沉浸式小程序引用圖標(biāo)正文匹配下標(biāo)是奇數(shù)或偶數(shù)的子元素奇數(shù)偶數(shù)獲取屏幕高度獲取覽器顯示區(qū)域的高度獲取瀏覽器顯示區(qū)域的寬度獲取頁(yè)面的文檔高度獲取頁(yè)面的文 目錄 1.c...
摘要：什么是逐幀動(dòng)畫要了解逐幀動(dòng)畫，首先要明確什么是逐幀動(dòng)畫。簡(jiǎn)而言之，實(shí)現(xiàn)逐幀動(dòng)畫需要兩個(gè)條件相關(guān)聯(lián)的不同圖像，即動(dòng)畫幀連續(xù)播放。因此在觸屏頁(yè)面中逐幀動(dòng)畫使用廣泛，下文將對(duì)其進(jìn)行詳細(xì)介紹。因此，逐幀動(dòng)畫也被稱為精靈動(dòng)畫。 什么是逐幀動(dòng)畫要...
摘要：是一門預(yù)處理語(yǔ)言，它擴(kuò)展了語(yǔ)言，增加了變量函數(shù)等特性，使更易維護(hù)和擴(kuò)展。所以在生產(chǎn)環(huán)境中，我們需要事前把文件編譯為正常的后，在相應(yīng)文件中引入，以后用戶訪問的都是編譯好的，為不是拿現(xiàn)編譯的。代碼編譯為的結(jié)果 Less和CSS的區(qū)別 HTML和CSS不...
寫在最前：BFC看起來是個(gè)很陌生的概念但它卻時(shí)時(shí)發(fā)生在我們工作中，如何清除浮動(dòng)影響？如何避免margin穿透問題？如何編寫兩欄自適應(yīng)布局？都和BFC有這密不可分的關(guān)系，下面走進(jìn)切圖妞的世界，分分鐘搞定BFC！ 一、什么是BFC？ BFC概念 塊格式化上下文（Bloc...
摘要：而通過實(shí)現(xiàn)則簡(jiǎn)單多了源碼原因解釋中間一欄為核心，所以需要優(yōu)先渲染，結(jié)構(gòu)也就放在了前面，主要是使用屬性將放置到前方。源碼的列數(shù)每列的個(gè)數(shù)函數(shù)原因解釋實(shí)現(xiàn)瀑布流還是比較簡(jiǎn)單的。 介紹 這是關(guān)于 Flex 布局的實(shí)踐，原想還水一點(diǎn)字?jǐn)?shù)來介紹 Flex ...
這篇主要記錄了第一二章內(nèi)容，因?yàn)槎酁楦攀觯云^短 流體布局 流體布局：指的是利用元素流的特性實(shí)現(xiàn)的各類布局效果。流體布局 ≠ 自適應(yīng)布局自適應(yīng)布局是對(duì)凡是具有自適應(yīng)特性的一類布局的統(tǒng)稱，流體布局要狹窄得多。 table 自...
摘要：前言在一個(gè)菜單面板的時(shí)候，把間隔線設(shè)置成了絕對(duì)像素，生成的效果是下面這樣的，在一個(gè)線跟其它的不一樣。但在上就不會(huì)出現(xiàn)這問題。解決細(xì)找問題，找出來了，我在內(nèi)寫的是，也就是說，在縱向壓縮的時(shí)候，壓縮的是。換成用，也就是用的主體。 前言 在...
ChatGPT和Sora等AI大模型應(yīng)用，將AI大模型和算力需求的熱度不斷帶上新的臺(tái)階。哪里可以獲得...
大模型的訓(xùn)練用4090是不合適的，但推理（inference/serving）用4090不能說合適，...
圖示為GPU性能排行榜，我們可以看到所有GPU的原始相關(guān)性能圖表。同時(shí)根據(jù)訓(xùn)練、推理能力由高到低做了...
社區(qū)管理員
白馬嘯西風(fēng)