文章庫ARTICLE COLUMN
摘要：下面這條語句將導(dǎo)致語法錯誤變量名允許包含字母數(shù)字美元符號和下劃線但第一個字符不允許是數(shù)字?？梢园岩恍┎紶栔荡嫒胍粋€數(shù)組，還可以把一組數(shù)值存入一個數(shù)組甚至可以把這種數(shù)據(jù)類型混在一起存入一個數(shù)組數(shù)組元素還可以是變量這將把數(shù)組的第一個元素賦...
摘要：幫大家回憶一下，小時候的電視機(jī)。每到星期二的下午，總是這個圖案。傳送門這次分步來做，先畫電視機(jī)，再畫沒有信號的界面。這次絕筆之作中，把之前所有用畫的東西都放進(jìn)電視機(jī)里了。所以電視機(jī)是可以切換頻道的。這次不貼代碼了，有點多。 幫大家回憶...
摘要：前端規(guī)范在實際開發(fā)中，由于團(tuán)隊成員編碼習(xí)慣不一，技術(shù)層次不同，開發(fā)前定制并遵循一種代碼規(guī)范能提高代碼質(zhì)量，增加開發(fā)效率。是定義了一種的命名規(guī)范，每個名稱及其組成部分都是存在一定的含義。 前端規(guī)范 在實際開發(fā)中，由于團(tuán)隊成員編碼習(xí)慣不一...
摘要：相對于定位以外的第一個父元素進(jìn)行定位，即相對于第一個非處于正常流的父元素定位，現(xiàn)在我們將設(shè)置為，并且向下移動像素。生成相對定位的元素，相對于其正常位置進(jìn)行定位。元素的位置通過以及屬性進(jìn)行規(guī)定。規(guī)定應(yīng)該從父元素繼承屬性的值。 迷惑的posi...
摘要：不規(guī)整元素的寬高等比例在不同屏幕情況中不同寬高的元素都以相同等比例等寬和等高方式展示。規(guī)定基于父元素的寬度的百分比的內(nèi)邊距。 不規(guī)整元素的寬高等比例 在不同屏幕情況中不同寬高的元素都以相同等比例、等寬和等高方式展示。 需求 設(shè)計師希望頁...
摘要：原生越來越好了，如果是簡單的頁面，沒必要引入一個龐大的，尤其在手機(jī)端，對速度流量敏感的地方，另外最好自己簡單封裝一些常用的函數(shù)，比如等。。。這時候它就不知所措了，只好待在中間。參考前端界有哪些越早知道越好的小技巧小知識 1.You Might No...
摘要：本文全部使用內(nèi)容高度不夠時，依然顯示到最下面大概有這樣的結(jié)構(gòu)布局查看下面的不需要查看不定寬高的垂直水平居中首先，兼容性也不錯可以，不想用時可以用垂直水平居中居中 本文全部使用 scss + autoprefixerBrower support: flex box(IE 10+), :befor...
摘要：在寫這個跳轉(zhuǎn)提示頁的時候，找資料我發(fā)現(xiàn)網(wǎng)上關(guān)于這方面的中文資料真的很少，大家也都共享下吧需求分析用戶在操作成功或者失敗后，來個提示并跳轉(zhuǎn)頁面。跳轉(zhuǎn)提示的寫在這了。相關(guān)資料跳轉(zhuǎn)提示頁的寫法 序言 為了讓用戶有更加良好的體驗，在操作成功或...
摘要：關(guān)于與的區(qū)別，網(wǎng)上已經(jīng)有不少文章了，在此不多談。主要想談的是在制作網(wǎng)頁時，什么時候設(shè)定字體大小用，什么時候用先談結(jié)論，再講為什么。一般情況下，還是以用為主，只有當(dāng)需要在不同設(shè)備上顯示不同大小的字體時，再用。 關(guān)于rem與px的區(qū)別，網(wǎng)上已...
摘要：由于的濾鏡可以實現(xiàn)對對普通圖像和圖像進(jìn)行特效渲染功能十分強(qiáng)大所以今天特意把濾鏡的用法進(jìn)行大致的總結(jié)語法灰度屬性可填寫范圍默認(rèn)值為即灰度不改變上面介紹了第一種濾鏡灰度下面介紹接下來的九種濾鏡高斯模糊使用該方法將周圍像素點值求和取平均即為...
摘要：關(guān)于內(nèi)聯(lián)元素之前討論的多是塊級元素，而沒有考慮到內(nèi)聯(lián)元素的情況。但巧合的是，在普通流定位中，內(nèi)聯(lián)元素寬度和高度規(guī)則卻和塊級元素絕對定位差不多，都只受內(nèi)容大小影響。 我們知道，元素在沒有設(shè)置寬高的情況下，默認(rèn)的寬高值都為auto。而這個auto...
摘要：原本自己也想畫大白，正巧看到一位同學(xué)也用相同的方法畫了。且細(xì)節(jié)相當(dāng)?shù)轿弧Ｍ瑫r，我也希望有更多的同學(xué)發(fā)揮自己的想象力，來找個東西畫畫。如果看過我前幾次的分享，肯定能馬上想到大白的各個部位是怎么實現(xiàn)的。 原本自己也想畫大白，正巧看到一位同...
摘要：今天在做項目的時候，發(fā)現(xiàn)選擇器有些遺忘。文本也屬于節(jié)點選擇匹配的所有元素，且匹配元素被相關(guān)指向否定偽類選擇器。相鄰兄弟選擇器。匹配的元素，該元素位于后面相鄰位置通用兄弟選擇器。 今天在做項目的時候，發(fā)現(xiàn)選擇器有些遺忘。特寫此文章來加深...
摘要：方案未引起重視，并沒有做出相應(yīng)處理。頁面中元素的布局是相對的，因此一個元素的布局發(fā)生變化，會聯(lián)動地引發(fā)其他元素的布局發(fā)生變化。這里可以使用的和來分析的性能。寫在最后性能優(yōu)化是一門做減法的藝術(shù)。 歡迎一起交流 歡迎關(guān)注我的個人公眾號，不...
摘要：介紹是一個的預(yù)處理框架，年產(chǎn)生，來自社區(qū)，主要用來給項目進(jìn)行預(yù)處理支持，所以是一種新型語言，可以創(chuàng)建健壯的動態(tài)的富有表現(xiàn)力的。 stylus介紹 Stylus 是一個CSS的預(yù)處理框架，2010年產(chǎn)生，來自Node.js社區(qū)，主要用來給Node項目進(jìn)行CSS預(yù)處理支持...
摘要：設(shè)備本身的適配策略和的適配策略是不一樣的。暫且稱之為更大內(nèi)容策略。個人認(rèn)為的策略更為合理。這種情況一般作用于容器元素。用腳本實現(xiàn)有極少數(shù)布局上的問題似乎無能為力了。 設(shè)備本身的適配策略 ios和Android的適配策略是不一樣的。 對于ios,一個設(shè)...
摘要：之前筆試題有一道選擇題是關(guān)于屬性的，后來查閱資料才發(fā)現(xiàn)有各種子屬性，特寫此文章整理一下。新增指定背景的顯示區(qū)域。默認(rèn)情況下，總是以元素左上角為坐標(biāo)原點進(jìn)行背景圖像定位。此關(guān)鍵字表示背景相對于元素的內(nèi)容固定。 之前筆試題有一道選擇題是關(guān)...
摘要：擼代碼實現(xiàn)首頁檢驗單查詢成品通用標(biāo)準(zhǔn)審核圓角的何止是啊上圖的變成橢圓形了，而且中的文字好像飄到外面。我們可以看到兩邊相交所形成的矩形的對角線，將作為邊的相交點。 前言 ?當(dāng)CSS3推出border-radius屬性時我們是那么欣喜若狂啊，一想到終于不用...
摘要：元素脫離文檔流元素相對于它包含的元素進(jìn)行定位，相對于所有其他元素，絕對定位的元素是獨立定位的。元素脫離文檔流，相對于瀏覽器窗口進(jìn)行定位與其他所有元素獨立大多數(shù)瀏覽器支持，除外大概也沒有公司要求必須支持了。。 未完待續(xù)......最近在讀《C...
摘要：也就是說我們操作的幾何公式中的未知變量，而具體的畫圖操作則由渲染引擎處理，而不是我們苦苦哀求設(shè)計師幫忙。 前言 ?當(dāng)CSS3推出border-radius屬性時我們是那么欣喜若狂啊，一想到終于不用再添加額外元素來模擬圓角了，但發(fā)現(xiàn)border-radius還分水平...
摘要：在這里，如果你設(shè)置的值非，而是其它一個符合或者屬性規(guī)則的值，那么對于計算這個值的規(guī)則和中塊級元素的計算規(guī)則是一樣樣的。同時放在了在上的，這里會長期寫一些關(guān)于的文章 我們知道，給一個元素A設(shè)置display: flex; ，那么A就是flex container，此...
摘要：僅僅使用作為身體的布局，用的各種和圓角屬性來繪制各個細(xì)節(jié)的形狀，當(dāng)然也不會使用任何圖片哦。這次用到了一些的特性，通過設(shè)置一些指定的參數(shù)來生成不同種類不同身材的小黃人。 僅僅使用div作為身體的布局，用css3的各種transform和圓角屬性來繪制各...
摘要：的管理工具簡潔快速，從開發(fā)者角度考慮，用完就走，不給開發(fā)者更多的管理負(fù)擔(dān)。這個工具目前在上已經(jīng)收到快的了?；蛘咧苯邮褂镁庉嬈骼锏牟寮詈筮B接在這里開源在上的連接 CODELF 的 GitHub Star 管理工具, 簡潔快速，從開發(fā)者角度考慮，用完就走，不...
摘要：陰影距離原位置的垂直位移，正數(shù)表示向下移動，負(fù)數(shù)表示向上移動。實現(xiàn)原理純個人理解創(chuàng)建一個與元素尺寸一致的陰影盒子將陰影盒子定位到于元素重合，并位于元素之上水平和垂直各畫兩條線，分別跟元素重合共條分別記為根據(jù)和移動。 前言 說起box-shado...
ChatGPT和Sora等AI大模型應(yīng)用，將AI大模型和算力需求的熱度不斷帶上新的臺階。哪里可以獲得...
大模型的訓(xùn)練用4090是不合適的，但推理（inference/serving）用4090不能說合適，...
圖示為GPU性能排行榜，我們可以看到所有GPU的原始相關(guān)性能圖表。同時根據(jù)訓(xùn)練、推理能力由高到低做了...
89542767
社區(qū)管理員
白馬嘯西風(fēng)