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