文章庫(kù)ARTICLE COLUMN
摘要：我希望實(shí)現(xiàn)一個(gè)左中右三列的布局，其中左右部分固定寬度，中間部分自適應(yīng)實(shí)現(xiàn)起來(lái)很簡(jiǎn)單，代碼如下到此為止一切都很美好。解決方法是給加上此時(shí)的完整代碼如下寬度為的內(nèi)容完整的在這里實(shí)戰(zhàn)經(jīng)驗(yàn)到此結(jié)束，下面我們?cè)偕钊雽W(xué)習(xí)涉及到的知識(shí)點(diǎn)。 歡迎關(guān)注...
摘要：一基本命令都是通過(guò)安裝，以下是一些基礎(chǔ)的命令移除的鏡像地址添加淘寶的鏡像查看鏡像單文件轉(zhuǎn)換命令單文件監(jiān)聽命令監(jiān)聽會(huì)自動(dòng)編譯文件夾監(jiān)聽命令文件轉(zhuǎn)成文件在線轉(zhuǎn)換工具運(yùn)行命令行幫助文檔，可以獲得所有的配置選項(xiàng)表示解析后的 一、基本命令 sass...
摘要：逛知乎的時(shí)候看到一個(gè)問(wèn)題，不能使用循環(huán)，傳入和生成一個(gè)長(zhǎng)度為，每一項(xiàng)都是的數(shù)組。方法三來(lái)自在捷克的獵人我后面也想到了，哈哈可以用或，來(lái)自灰色碰觸用用的少，一下就想不起來(lái)了希望能看到大家更好的方法，感覺(jué)自己進(jìn)了死胡同 逛知乎的時(shí)候看到一...
摘要：屬性定義了多根軸線的對(duì)齊方式。負(fù)值對(duì)該屬性無(wú)效。屬性允許單個(gè)項(xiàng)目有與其他項(xiàng)目不一樣的對(duì)齊方式，可覆蓋屬性。默認(rèn)值為，表示繼承父元素的屬性，如果沒(méi)有父元素，則等同于。 本文主要記錄一些自己遇見的flex布局案例 簡(jiǎn)單回顧一下flex常用屬性 6個(gè)...
摘要：水平和垂直方向都可居中統(tǒng)一代碼相同的代碼抽取絕對(duì)定位注意點(diǎn)生成絕對(duì)定位的元素，相對(duì)于定位以外的第一個(gè)父元素進(jìn)行定位。等不一定要設(shè)置為，只要和的值相等，即可實(shí)現(xiàn)水平居中。 水平和垂直方向都可居中 統(tǒng)一HTML代碼： 相同的css代碼抽取：...
摘要：惰性載入表示函數(shù)執(zhí)行的分支只會(huì)發(fā)生一次，這里有兩種解決方式。插件，可以讓回調(diào)函數(shù)在頁(yè)面結(jié)構(gòu)加載完成后再運(yùn)行。 前端基本功-示例代碼 (一) 點(diǎn)這里前端基本功-示例代碼 (二) 點(diǎn)這里 1.ajax var xhr = new XMLHttpRequest(); // 聲明一個(gè)請(qǐng)求對(duì)象 /...
摘要：前端基本功常見概念一點(diǎn)這里前端基本功常見概念二點(diǎn)這里前端基本功常見概念三點(diǎn)這里是更完美的，不是全局變量，具有塊級(jí)函數(shù)作用域，大多數(shù)情況不會(huì)發(fā)生變量提升。 前端基本功-常見概念(一) 點(diǎn)這里前端基本功-常見概念(二) 點(diǎn)這里前端基本功-常見概念(...
摘要：介紹由于需要用到下的編輯器功能，網(wǎng)上開源的編輯器不多，沒(méi)有找到合適的，索性自己寫一個(gè)。編輯器主要功能就是預(yù)覽，是一款下的編輯器，擁有預(yù)覽，快捷添加標(biāo)簽，上一步，下一步功能，行號(hào)等功能，后續(xù)逐步完善更多功能。預(yù)覽預(yù)覽源碼地址歡迎，歡迎。...
摘要：但是究竟什么情況才會(huì)觸發(fā)文本溢出，大部分人肯定沒(méi)有探究過(guò)。也不會(huì)出問(wèn)題，但是誰(shuí)也沒(méi)想到當(dāng)時(shí)，居然生效了。使用對(duì)象截取片段后獲取到的對(duì)象的才是內(nèi)容的真正寬度。并不是內(nèi)容區(qū)域的真正寬度也就是說(shuō)當(dāng)加是應(yīng)為成立時(shí)才是觸發(fā)真正的條件。 text-ove...
摘要：如果頁(yè)面滾動(dòng)和進(jìn)度條是一個(gè)整體呢實(shí)現(xiàn)需求不賣關(guān)子了，下面我們運(yùn)用線性漸變來(lái)實(shí)現(xiàn)這個(gè)功能。 問(wèn)題先行，如何使用 CSS 實(shí)現(xiàn)下述滾動(dòng)條效果？ showImg("https://segmentfault.com/img/remote/1460000017830430?w=607&h=250"); 就是頂部黃色的滾動(dòng)進(jìn)度...
html:ffffdddcss:.img{width:100%;height:100%;display:flex;align-items: center;justify-content: center;}.text{width:100%;height:100%;display:flex;align-items: center;justify-content: center;}
摘要：效果和制作提示框相對(duì)位置，目地是使和絕對(duì)位置原點(diǎn)位置處于盒子幼圓相對(duì)于盒子定位上右下左提示框提示框右還是自適應(yīng)的來(lái)了提示框下提示框左 效果： showImg("https://segmentfault.com/img/bVbmXZW?w=2312&h=690"); after和before制作...
摘要：它是頁(yè)面中的一塊渲染區(qū)域，并且有一套自己的渲染規(guī)則，規(guī)定了內(nèi)部子元素如何定位，以及與其他元素的關(guān)系和相互作用。即使浮動(dòng)也是如此。解決方案，根據(jù)規(guī)則第六條。防止垂直疊加內(nèi)部相鄰的元素的會(huì)疊加。根據(jù)規(guī)則第五條，將其中一個(gè)設(shè)置為即可。 1、C...
摘要：先進(jìn)入項(xiàng)目文件夾通過(guò)命令把這個(gè)目錄變成可以管理的倉(cāng)庫(kù)把文件添加到版本庫(kù)中，使用命令添加到暫存區(qū)里面去，不要忘記后面的小數(shù)點(diǎn)，意為添加文件夾下的所有文件用命令告訴，把文件提交到倉(cāng)庫(kù)。執(zhí)行此命令后會(huì)要求輸入用戶名密碼，驗(yàn)證通過(guò)后即開始上傳...
摘要：減少作用域鏈上的查找次數(shù)。盡量少用全局變量，盡量使用局部變量。全局變量如果不手動(dòng)銷毀，會(huì)一直存在，造成全局變量污染，可能很產(chǎn)生一些意想不到的錯(cuò)誤，而局部變量運(yùn)行完成后，就被會(huì)被回收使用代替大量的內(nèi)聯(lián)樣式修改。性能優(yōu)化還需要繼續(xù)深入研究...
摘要：三好的實(shí)現(xiàn)方法標(biāo)簽絕對(duì)定位布局實(shí)現(xiàn)布局實(shí)現(xiàn)浮動(dòng)實(shí)現(xiàn)借助原生流體特性實(shí)現(xiàn)最完美第期小測(cè)點(diǎn)評(píng)與答疑以上 張?chǎng)涡窭蠋煹膅ithub一、showImg("https://segmentfault.com/img/bVbmZlx?w=1080&h=1440"); dl{ width: 50%; height: 200px...
摘要：跨站腳本攻擊概念用戶填寫信息是可運(yùn)行的代碼。操作用戶界面攻擊源頭反射型從讀取內(nèi)容展示打開存儲(chǔ)型從后臺(tái)讀取內(nèi)容展示這是一個(gè)從后臺(tái)讀取的數(shù)據(jù)防范手段純文本。由于內(nèi)容可能在多端展示，所以不在提交的時(shí)候轉(zhuǎn)義，只在展示的時(shí)候轉(zhuǎn)義。 xss-跨站腳本...
摘要：也能幫你寫代碼了微軟和團(tuán)隊(duì)一起推出擴(kuò)展，預(yù)覽版可以在插件市場(chǎng)直接查找安裝。微軟宣布將采用內(nèi)核這對(duì)于諸多的前端開發(fā)者而言，無(wú)疑是本年底最大的福音具體的計(jì)劃可以參考官網(wǎng)的博客，在不久的將來(lái)，基于的瀏覽器將要正式和我們見面啦。 訂閱 / 投稿...
摘要：對(duì)于設(shè)置透明度，我們有兩個(gè)可以選的屬性和用法和使用屬性來(lái)設(shè)定透明度。值越小，越透明。參數(shù)是介于完全透明與完全不透明的數(shù)字。注意如果在里面同時(shí)使用這兩種方法時(shí)，會(huì)造成沖突而無(wú)法做到透明度的實(shí)現(xiàn)。說(shuō)明了子元素會(huì)繼承父元素的屬性 對(duì)于設(shè)置透...
摘要：提交表單需要綁定事件才能提交表單數(shù)據(jù)局部刷新不可以使用，在觸發(fā)事件的同時(shí)會(huì)提交表單。方法不加會(huì)自動(dòng)提交，并不會(huì)起到約束的作用，所以，使用時(shí)需要驗(yàn)證請(qǐng)加或。用戶名不能為空跳轉(zhuǎn)的頁(yè)面提交 button-普通按鈕，submit-提交按鈕?！ ubmit是butt...
摘要：模塊簡(jiǎn)介簡(jiǎn)介應(yīng)用是模塊化的，而我們可以把它當(dāng)做一個(gè)容器，用于存放一些內(nèi)聚的代碼塊，它接收一個(gè)元數(shù)據(jù)對(duì)象并通過(guò)該對(duì)象告訴如何編譯和運(yùn)行模塊代碼。它標(biāo)記出該模塊擁有的組件指令和管道，并把它們的一部分公開出去，以便外部組件使用它們。 Angula...
摘要：接下就說(shuō)下我對(duì)滾動(dòng)穿透問(wèn)題解決方案探索的過(guò)程，希望對(duì)大家有點(diǎn)啟發(fā)。心想來(lái)了突然意識(shí)到寫彈窗的時(shí)候忘記處理滾動(dòng)穿透的問(wèn)題了。下期預(yù)告前端詞典繼承必懂知識(shí)點(diǎn)傳送門前端詞典代理的概念及其應(yīng)用前端詞典滾動(dòng)穿透問(wèn)題的解決方案 背景 產(chǎn)品有三寶，...
ChatGPT和Sora等AI大模型應(yīng)用，將AI大模型和算力需求的熱度不斷帶上新的臺(tái)階。哪里可以獲得...
大模型的訓(xùn)練用4090是不合適的，但推理（inference/serving）用4090不能說(shuō)合適，...
圖示為GPU性能排行榜，我們可以看到所有GPU的原始相關(guān)性能圖表。同時(shí)根據(jù)訓(xùn)練、推理能力由高到低做了...
89542767
社區(qū)管理員
白馬嘯西風(fēng)