文章庫(kù)ARTICLE COLUMN
摘要：六過(guò)渡和動(dòng)畫過(guò)渡效果，通過(guò)指定某些屬性和變幻參數(shù)，以原始定義為開始狀態(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ù)只在開始和結(jié)束，節(jié)省流作為項(xiàng)目的開發(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)目中用到，既是從零開始，不妨寫一點(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ì)于，如果工具是以下版本，在中加入以下代碼以上的版本加入以下代碼八開發(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é)給的編輯器打開后直接引用，因?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....
摘要：適配全屏它有三個(gè)可選值可視窗口完全包含網(wǎng)頁(yè)內(nèi)容網(wǎng)頁(yè)內(nèi)容完全覆蓋可視窗口同的作用邊框設(shè)置更改元素位置多行時(shí)，最后一行元素左對(duì)齊在多行布局中，這個(gè)屬性如果最后一行元素沒(méi)有填滿，會(huì)導(dǎo)致最后一行元素兩端對(duì)齊解決方案添加空的元素缺少幾個(gè) 1.適配...
摘要：看看這些驚人的純實(shí)驗(yàn)，也許你自己也可以嘗試一下。項(xiàng)目鏈接疊疊高游戲你可以不用來(lái)編寫一個(gè)游戲。這個(gè)純粹用實(shí)現(xiàn)的疊疊高游戲看上去很簡(jiǎn)單，但是很有趣，而且圖形也很漂亮。項(xiàng)目鏈接鬼影漸變效果按鈕令人驚訝的是它是只用編寫的。 翻譯：瘋狂的技術(shù)宅...
摘要：怎樣才能讓粘性定位起作用粘性定位有兩個(gè)主要部分，粘性元素和粘性容器。這是粘性元素可以浮動(dòng)的最大區(qū)域。最好是在以粘性容器底部為自然位置的元素上使用它。 翻譯：瘋狂的技術(shù)宅原文：https://medium.com/@elad/css-... 本文首發(fā)微信公眾號(hào)：jingc...
摘要：一開發(fā)環(huán)境準(zhǔn)備安裝命令行輸入檢驗(yàn)是否安裝成功安裝命令行輸入檢驗(yàn)是否安裝成功安裝命令行輸入二構(gòu)建并啟動(dòng)三圍繞衍生出的思考聲名式開發(fā)可以與其他框架并存組件化單向數(shù)據(jù)流視圖層框架函數(shù)式編程 一、開發(fā)環(huán)境準(zhǔn)備 安裝node 命令行輸入node -v檢驗(yàn)...
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)