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