文章庫(kù)ARTICLE COLUMN
摘要：使用預(yù)編譯處理的優(yōu)勢(shì)使用預(yù)處理器，可以提供缺失的樣式層復(fù)用機(jī)制減少冗余代碼，提高樣式代碼的可維護(hù)性。所以我們?cè)趯?shí)際項(xiàng)目中衡量預(yù)編譯方案時(shí)，還是得想想，比起帶來(lái)的額外維護(hù)開(kāi)銷，預(yù)處理器有沒(méi)有解決更大的麻煩。 一、什么是css預(yù)編譯處理？ CS...
摘要：對(duì)于來(lái)說(shuō)，表示元素，除了優(yōu)先級(jí)更高之外，與選擇器相同。再做實(shí)驗(yàn)，前后分別設(shè)置兩個(gè)空格時(shí)，獲取到的值只有一個(gè)空格。結(jié)論設(shè)置值內(nèi)聯(lián)樣式選擇器選擇器也都是會(huì)把多余空格變成一個(gè)空格。 今天突然發(fā)現(xiàn)一個(gè)有趣的現(xiàn)象document.querySelector(":root") ...
摘要：在文件中，要引入相應(yīng)的樣式，經(jīng)常會(huì)用到這種寫法，為什么會(huì)用到查看了文檔，發(fā)現(xiàn)這句話結(jié)合本人做的測(cè)試，發(fā)現(xiàn)這個(gè)和配置文件中有關(guān)，只有在配置文件中配置了，設(shè)置了相應(yīng)的別名路徑，才能通過(guò)別名來(lái)實(shí)現(xiàn)查找相應(yīng)的文件。 在vue文件中，要引入相應(yīng)的...
摘要：說(shuō)到響應(yīng)式布局方案，我們首先需要了解視口這個(gè)概念視口在早期的時(shí)候我們沒(méi)有專門針對(duì)手機(jī)尺寸寫的頁(yè)面，所以在用手機(jī)瀏覽頁(yè)面的時(shí)候我們看到的都是專門針對(duì)端的頁(yè)面，在這種情況下頁(yè)面會(huì)被嚴(yán)重壓縮，而且會(huì)極大的影響頁(yè)面的結(jié)構(gòu)和布局，為了解決這個(gè)問(wèn)...
摘要：本文由云社區(qū)發(fā)表作者前端林子本文會(huì)分別介紹三種實(shí)現(xiàn)三欄布局的方法，可在瀏覽器中打開(kāi)查看效果方法一自身浮動(dòng)的方法實(shí)現(xiàn)方法需要左欄向左浮動(dòng)，右欄向右浮動(dòng)，中間設(shè)左右來(lái)?yè)伍_(kāi)距離實(shí)現(xiàn)三欄布局中間欄不要設(shè)寬度，包括左欄左浮右欄右浮，中間不 本文...
摘要：六過(guò)渡和動(dòng)畫過(guò)渡效果，通過(guò)指定某些屬性和變幻參數(shù)，以原始定義為開(kāi)始狀態(tài)，通過(guò)鼠標(biāo)操作變化，狀態(tài)定義結(jié)束狀態(tài)，實(shí)現(xiàn)過(guò)渡效果。 一、圓角邊框 border-radius:5px; 二、多背景圖 background: url(img_flwr.gif) right bottom no-repeat, url(paper.g...
摘要：復(fù)制文件在一個(gè)臨時(shí)的地方并進(jìn)行修改，任務(wù)只在開(kāi)始和結(jié)束，節(jié)省流作為項(xiàng)目的開(kāi)發(fā)依賴安裝在項(xiàng)目根目錄下創(chuàng)建一個(gè)名為的文件將你的默認(rèn)的任務(wù)代碼放在這安裝為項(xiàng)目依賴和安裝完整代碼添加任務(wù)自動(dòng)修復(fù)插件將你的默認(rèn)的任務(wù)代碼放在這監(jiān)測(cè)文件的改 gulp...
摘要：值得慶幸的是，這三款預(yù)處理器語(yǔ)言的語(yǔ)法和語(yǔ)法都差不多。在這一節(jié)中，我們依次來(lái)對(duì)比一下這三款預(yù)處理器語(yǔ)言各種特性的異同之處，以及使用方法。預(yù)處理器語(yǔ)言支持任何變量例如顏色數(shù)值文本。 一、Sass、LESS和Stylus的語(yǔ)法 每一種語(yǔ)言都有自己一定的...
摘要：作為大前端時(shí)代的頁(yè)面仔，工作至今，在項(xiàng)目中一直使用的是，很遺憾對(duì)的了解僅限于幾個(gè)版本之前官方文檔與網(wǎng)上的教程。新春伊始，有幸在下一個(gè)項(xiàng)目中用到，既是從零開(kāi)始，不妨寫一點(diǎn)東西以記錄學(xué)習(xí)的過(guò)程，這也是用了一上午搭建這個(gè)博客的初衷。 作為大...
摘要：層疊樣式表控制網(wǎng)頁(yè)的樣式選擇器區(qū)分大小寫通過(guò)選擇器來(lái)定位文檔對(duì)象模型的元素將各種樣式規(guī)則應(yīng)用在元素上改變?cè)卦陧?yè)面上的顯示方式使用方式內(nèi)聯(lián)樣式內(nèi)部樣式外部樣式盒模型標(biāo)準(zhǔn)盒模型盒模型空間內(nèi)邊距外邊距邊框塊級(jí)元素行內(nèi)元素塊級(jí)元素默認(rèn)寬度是...
摘要：如對(duì)知識(shí)點(diǎn)感興趣，可移步至知識(shí)整理之篇就是針對(duì)不同的瀏覽器或不同版本瀏覽器寫特定的樣式達(dá)到讓瀏覽器兼容的過(guò)程。對(duì)于偽元素的定義偽元素在中創(chuàng)建了一些抽象元素，這些對(duì)象不存在與常文檔流中。隱藏元素的幾種方法該屬性隱藏元素，單元素在文檔流中...
摘要：于是我自己寫一個(gè)我的頁(yè)面專用的彈框，具體效果如下圖以下是代碼貼圖最外層的樣式主要是寫后面的遮罩層，就是具體的彈框區(qū)域彈框的顯示隱藏用控制然后就可以在彈框中寫自己想要展示的效果啦忽略部分未調(diào)整樣式 微信小程序提供的彈框模版就3種：1、消息...
摘要：屬性一般用于偽元素中，用于呈現(xiàn)偽元素的內(nèi)容。平時(shí)屬性值我們用的最多的就是給個(gè)純字符，其實(shí)它還有很多值可供選擇。 content屬性一般用于::before、::after偽元素中，用于呈現(xiàn)偽元素的內(nèi)容。平時(shí)content屬性值我們用的最多的就是給個(gè)純字符，其實(shí)它...
摘要：絕對(duì)長(zhǎng)度單位視輸出介質(zhì)而定，不依賴于環(huán)境顯示器分辨率操作系統(tǒng)等。個(gè)人靜態(tài)博客氣泡的前端日記 文章大綱來(lái)源：【Day 5】CSS 高級(jí) CSS 選擇器 CSS 拓展 CSS 單位 CSS 參考手冊(cè) CSS 選擇器 內(nèi)容引用：CSS 選擇器 元素選擇器 html { ... } 選擇器分組...
摘要：規(guī)則在外部樣式表文件內(nèi)使用。指定該樣式表使用的字符編碼。當(dāng)你重置瀏覽器大小的過(guò)程中，頁(yè)面也會(huì)根據(jù)瀏覽器的寬度和高度重新渲染頁(yè)面。上說(shuō)沒(méi)有瀏覽器支持，暫不研究允許子孫元素使用取值序列中的值循環(huán)替換繼承而來(lái)的值。函數(shù)返回選擇元素的屬性值。...
摘要：對(duì)于的清除浮動(dòng)，一定要牢記這個(gè)規(guī)則只能影響使用清除的元素本身，不能影響其他元素。本例中的左邊有浮動(dòng)元素，因此只要在的樣式中使用來(lái)指定元素左邊不允許出現(xiàn)浮動(dòng)元素，這樣就被迫下移一行。對(duì)于右浮動(dòng)也亦是如此。 塊級(jí)元素與行內(nèi)元素，怎么用CSS...
摘要：清除浮動(dòng)的方法加高度擴(kuò)展性不好給父級(jí)加浮動(dòng)頁(yè)面中所有元素都加浮動(dòng)，左右自動(dòng)失效清浮動(dòng)方法左右失效空標(biāo)簽清除浮動(dòng)最小高度解決后下還有偏差清浮動(dòng)不符合工作中結(jié)構(gòu)樣式行為，三者分離的要求清浮動(dòng)偽類清浮動(dòng) 清除浮動(dòng)的方法：1、加高度 (擴(kuò)展性不...
摘要：廢話不多說(shuō)內(nèi)容寬度等分左右布局，一側(cè)定寬，一側(cè)自適應(yīng)撐滿固定寬度自適應(yīng)寬度未知高寬上下左右居中未知高度上下左右居中這個(gè)效果就不展示了，可以做到未知寬高，和已知寬未知高的居中效果。 廢話不多說(shuō)！ flex-內(nèi)容寬度等分 //css .box { ...
摘要：站長(zhǎng)博客如何使用來(lái)畫一個(gè)三角形經(jīng)常令人非常感到困惑，其實(shí)原理上是寬度相等的邊距以度來(lái)連接。代碼如下實(shí)現(xiàn)效果如圖 站長(zhǎng)博客：https://www.pipipi.net/ 如何使用CSS3來(lái)畫一個(gè)三角形經(jīng)常令人非常感到困惑，其實(shí)原理上是寬度相等的邊距以45度來(lái)連接。...
摘要：一上瀏覽器使用不允許事件代理到上選擇器以上綁定可能會(huì)出現(xiàn)點(diǎn)擊失效的情況。對(duì)于，如果工具是以下版本，在中加入以下代碼以上的版本加入以下代碼八開(kāi)發(fā)對(duì)于文件的處理問(wèn)題。解決方法有給元素設(shè)置絕對(duì)定位即可。元素?fù)Q成內(nèi)聯(lián)元素，如。 一、iOS上瀏覽...
摘要：作者瘋狂的技術(shù)宅原文本文首發(fā)微信公眾號(hào)歡迎關(guān)注，每天都給你推送新鮮的前端技術(shù)文章本教程使用了，和的基本的技術(shù)。我們將討論數(shù)據(jù)屬性定位透視轉(zhuǎn)換事件處理超時(shí)和三元組。你不需要在編程方面有太多的知識(shí)和經(jīng)驗(yàn)就能看懂，不過(guò)還是需要知道，和都是什...
摘要：元素框從文檔流完全刪除，并相對(duì)于其包含塊定位。簡(jiǎn)單來(lái)說(shuō)就是，元素不再占用任何文檔流的空間，只剩下相對(duì)于包含塊的定位顯示。行框和清理浮動(dòng)框旁邊的行框會(huì)被縮短，使行框圍繞浮動(dòng)框，所以創(chuàng)建浮動(dòng)框可以使文本圍繞圖像。 文章大綱來(lái)源：【Day 3】H...
摘要：建議直接用同學(xué)給的編輯器打開(kāi)后直接引用，因?yàn)樨惾麪柷€真的不是隨便就能住的。。。 最近在做首頁(yè)動(dòng)畫的時(shí)候，引入有背景色的mp4動(dòng)圖時(shí)，動(dòng)圖的背景色不能很好的融入相同背景色的不同瀏覽器和不同顯示器，出現(xiàn)了下圖這種尷尬的情況： showImg("https...
摘要：派生選擇器依據(jù)元素的位置關(guān)系來(lái)定義樣式。稱其為上下文選擇器，稱其為派生選擇器。在現(xiàn)在布局中，選擇器常常用于建立派生選擇器。和一樣，也可被用作派生選擇器。 文章大綱來(lái)源：【Day 3】HTML復(fù)習(xí) + CSS基礎(chǔ) 初識(shí)CSS 入門CSS 初識(shí)CSS 層疊樣式表（...
因?yàn)楣ぷ髦薪?jīng)常用到這些方法，所有便把這些方法進(jìn)行了總結(jié)。 JavaScript 1. type 類型判斷 isString (o) { //是否字符串 return Object.prototype.toString.call(o).slice(8, -1) === "String" } isNumber (o) { //是否數(shù)字 return Object....
ChatGPT和Sora等AI大模型應(yīng)用，將AI大模型和算力需求的熱度不斷帶上新的臺(tái)階。哪里可以獲得...
營(yíng)銷賬號(hào)總被封？TK直播頻繁掉線？雙ISP靜態(tài)住宅IP+輕量云主機(jī)打包套餐來(lái)襲，確保開(kāi)出來(lái)的云主機(jī)不...
大模型的訓(xùn)練用4090是不合適的，但推理（inference/serving）用4090不能說(shuō)合適，...
89542767
社區(qū)管理員
白馬嘯西風(fēng)