文章庫ARTICLE COLUMN
摘要：常用模式片段之摘要第一次看到這個字眼是在中，即。之后也見到一些別人的代碼里有，它和頁面的有什么關系，以及和有何淵源。以前都見過這些詞，但都似懂非懂，今天查了些資料收集了些代碼，做個完整的理解。 CSS篇 常用模式片段之CSS布局篇 http://jso...
摘要：安裝完成之后，我們需要為添加插件其中，的配置為安裝成功，重啟編輯器即可。 1.先安裝最新版的ruby: 傳送門：http://rubyinstaller.org/downloads/ 安裝的時候，一定要允許寫入環境變量（add to Path） 需要安裝對應的安裝包（64位或者32位） 2.安裝...
摘要：字體及符號字體如黑體忽略對整個符號的解析如換行空格個英文字符為一個中文，因此首行退格中文需要個抬頭距離水平分割線如雙符號商標注冊商標版權符號上標下標中劃線刪除效果文字滾動也支持圖文板塊滾動方向速度方式默認循環來回循環一次停止設置次數時...
摘要：類似和這種預定義的類，可以用來快速創建柵格布局。柵格系統組成的重要部分是使用了。必然導致了脫離文檔流對布局的影響。 柵格布局系統： 思想：一個表達式足以描述， 百分比占位 + 多媒體查詢 + float + relative Bootstrap柵格系統的工作原理： ro...
摘要：樣式設置代碼阿斯頓發代碼代碼樣式生效的寫法調用的是參數里的屬性第二種方法也是可以調用參數了的屬性的記住，里面一切皆是數據第二種方法的精簡版，官方版本和基本相同注意復合樣式的書寫規范阿斯頓發對應的是里的兩個數據 class&style樣式設置 clas...
摘要：從一個項目下來后，執行報錯。如下開始看到這個一頭霧水，之后查閱了資料，發現是因為文件夾帶中文的原因。將文件夾全部改為英文后，再進行就正常了。 從 gitlab clone 一個項目下來后，執行compass watch 報錯。如下：showImg("https://segmentfault....
摘要：另外，它不僅可以管理前端資源的緩存，在不需要緩存的時候也可以作為一個普通的加載器來使用，頁面中用到的和資源都可以用它來加載。 現在單頁應用越來越多，前端能做的事也越來越多，但隨之而來的問題是一個單頁應用的 CSS 和 JavaScript 代碼的體積...
摘要：浮動代碼如下注意元素次序代碼如下左欄左浮動中間自適應右欄右浮動這種方式代碼足夠簡潔與高效，也容易理解后記四種方法其實只有圣杯布局和雙飛翼布局較難理解，但實際上理解了圣杯布局，雙飛翼布局自然就理解了。 前言 總括： 不管是三欄布局還是兩欄...
摘要：方案二獲取元素判斷是屏幕旋轉還是設置的，隨著的改變而改變。以上兩種方案均為通過動態設置的根元素的的值來達到響應式的效果。原文鏈接通過動態設置根元素的方案 rem目前是響應式開發移動端一個很重要也是常用的一個元素，但是在網上看的各種文章都...
摘要：先附上參考資料鏈接移動端適配方案上移動端適配方案下可伸縮布局方案一個的值轉值的自動完成插件。 先附上參考資料鏈接； 移動端適配方案(上) 移動端適配方案(下) 可伸縮布局方案 一個CSS的px值轉rem值的Sublime Text 3自動完成插件。 最終測試了 li...
摘要：布局也經歷了一段演變歷史。不同于將要出現的網格布局針對目標為大比例布局，彈性盒布局更適用于應用組件和小比例布局。常規布局是基于塊和內聯流方向，而布局是基于流。 前言 你還在用display+position+float來進行css布局嗎？有沒有覺得用傳統的這種...
摘要：危害實例微博年月日晚，新浪微博遭遇到蠕蟲攻擊侵襲，在不到一個小時的時間，超過萬微博用戶受到該蠕蟲的攻擊。此事件給嚴重依賴社交網絡的網友們敲響了警鐘。當用戶看到這樣的情況可以反饋，及時封堵惡意作者的攻擊。 什么是XSS 跨站腳本攻擊(Cross S...
摘要：移動端響應式頁面開發說簡單也簡單，根據屏幕尺寸調節根字體大小。大寬度用，高度和小寬度全部使用，簡單粗暴。之前閱讀過大漠老師的使用實現手淘頁面的終端適配介紹了手淘項目的制作規范。 移動端響應式頁面開發說簡單也簡單，根據屏幕尺寸調節根字體...
摘要：繪畫一個時鐘時鐘樣式每隔一秒調用一次函數保存最原始的畫布狀態，如此便不需要清除整個畫布新的畫布狀態，將圓心移到原始畫布狀態的處將整個坐標系選擇，方便顯示之后的時間數字，以保證在頂部即是十二邊形定義表盤半徑保存當前狀態即是第一個狀 tit...
摘要：垂直居中表格布局法為什么就能垂直居中拜讀了張鑫旭大神的文章行高指的是什么行高指的是文本行的基線間的距離。行內框具有垂直居中性。 CSS水平居中、垂直居中、水平垂直居中方法總結 文字的水平居中: text-align:center; 單行文字的垂直居中： line-h...
摘要：前言花了很大篇幅介紹了優雅自然的動畫應該具備哪些特性。接下來，用打開一個動畫的例子，來說說本人對的認識。一個最簡單的打開動畫，可能涉及移動和放大。最后，將兩種運動的代碼結合在一起就能創建優雅自然的打開動畫啦。 前言 Google Material Des...
摘要：當列表中至少包含四項時，命中包括該項之后的所有列表項當然，不止于此，的玩法完全取決于你的腦洞。而且絕對定位對整個布局的影響也太過強烈。如此，對于響應布局也可以不用擔心了，雖然有點點，但也算完美的解決了， title: 結構與布局date: 2016-1...
摘要：定寬塊狀元素滿足定寬和塊狀兩個條件的元素是可以通過設置左右值為來實現居中的。設置方法改變塊級元素的為類型設置為行內元素顯示，然后使用來實現居中效果。 做前端這一年多來，其實一直都是偏向于js前后端，css什么的總是抱著夠用就好的心態，從來...
摘要：什么是前端工程師總而言之就是運用等技術，在工作中配合設計師實現用戶界面，和后端工程師進行數據對接，完成應用開發的職位。 什么是前端工程師？總而言之,就是運用 HTML、CSS、JavaScript 等 Web 技術，在工作中配合UI設計師實現用戶界面，和后端工...
摘要：前端優化是復雜的，針對方方面面的資源都有不同的方式。前端性能優化前端性能團隊總結的條黃金定律的團隊總結出了一系列可以提高網站速度的方法。提高性能的措施中最重要的方法就是使響應具有可緩存性。 前端是龐大的，包括 HTML、 CSS、 Javascript、...
摘要：部分區域固定其余區域滾動部分區域固定為頁面的部分設置以及，即禁用頁面原生的滾動，保證只會顯示一屏的內容。但是單位對低版本安卓和支持不夠好，微信瀏覽器內核不支持，雖然已經升級到內核，但是為了確保萬無一失，放棄采用這種方案。 如果在一個區...
ChatGPT和Sora等AI大模型應用，將AI大模型和算力需求的熱度不斷帶上新的臺階。哪里可以獲得...
大模型的訓練用4090是不合適的，但推理（inference/serving）用4090不能說合適，...
圖示為GPU性能排行榜，我們可以看到所有GPU的原始相關性能圖表。同時根據訓練、推理能力由高到低做了...
89542767
社區管理員
白馬嘯西風