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