文章庫ARTICLE COLUMN
摘要：它是頁面中的一塊渲染區(qū)域，并且有一套渲染規(guī)則，它決定了其子元素將如何定位，以及和其他元素的關(guān)系和相互作用。一個(gè)的范圍包含創(chuàng)建該上下文元素的所有子元素，但不包括創(chuàng)建了新的子元素的內(nèi)部元素。 走在前端的大道上 本篇將自己讀過的相關(guān) 盒模型BF...
摘要：兩行如下分幾列不留白，不知道什么意思可以取消這個(gè)樣式試試列間距，可有可無，默認(rèn)效果圖如下說明不存在一邊列表過長問題，很均勻，沒有缺點(diǎn)抱歉有坑但可以一鏈代碼解決這個(gè)列表顯示順序是左邊右邊，不符合正常展示邏輯然后可以使用對(duì)數(shù)據(jù)進(jìn)行預(yù)處 兩...
摘要：日常代碼的開發(fā)中，大家都或多或少的碰到一些正則表達(dá)式，但有的朋友只是會(huì)用，或者大致明白，希望這篇對(duì)正則深入淺出的文章能夠讓大家有所收獲。主要可以干的事情有兩個(gè)，引用和反向引用，在一些稍微復(fù)雜的正則表達(dá)式里，我們常常會(huì)用到這些。 日常代...
摘要：當(dāng)視圖層發(fā)生變化時(shí)，會(huì)自動(dòng)更新到視圖模型，逆推也成立。所以這兩者的關(guān)系就是所謂的數(shù)據(jù)雙向綁定。注意在你發(fā)布的站點(diǎn)中使用生產(chǎn)環(huán)境版本，把換成。 Vue特點(diǎn)及優(yōu)點(diǎn) 小巧，壓縮后體積17KB； 漸進(jìn)式，不需要一口吃成大胖子，一上來就用所有的東西，可...
摘要：我是拉丁小毛，歡迎大家關(guān)注我哦，一起交流，共同進(jìn)步。有問題可以郵我哦 webpack4 多帶帶抽離打包 css 的新實(shí)現(xiàn) 前言 之前我們使用的打包 css 無非兩種方式：① 將 css 代碼打包進(jìn) 入口 js 文件中；② 使用第三方插件(extract-text-webpack-plugin)實(shí)...
摘要：我希望實(shí)現(xiàn)一個(gè)左中右三列的布局，其中左右部分固定寬度，中間部分自適應(yīng)實(shí)現(xiàn)起來很簡單，代碼如下到此為止一切都很美好。解決方法是給加上此時(shí)的完整代碼如下寬度為的內(nèi)容完整的在這里實(shí)戰(zhàn)經(jīng)驗(yàn)到此結(jié)束，下面我們?cè)偕钊雽W(xué)習(xí)涉及到的知識(shí)點(diǎn)。 歡迎關(guān)注...
摘要：一基本命令都是通過安裝，以下是一些基礎(chǔ)的命令移除的鏡像地址添加淘寶的鏡像查看鏡像單文件轉(zhuǎn)換命令單文件監(jiān)聽命令監(jiān)聽會(huì)自動(dòng)編譯文件夾監(jiān)聽命令文件轉(zhuǎn)成文件在線轉(zhuǎn)換工具運(yùn)行命令行幫助文檔，可以獲得所有的配置選項(xiàng)表示解析后的 一、基本命令 sass...
摘要：逛知乎的時(shí)候看到一個(gè)問題，不能使用循環(huán)，傳入和生成一個(gè)長度為，每一項(xiàng)都是的數(shù)組。方法三來自在捷克的獵人我后面也想到了，哈哈可以用或，來自灰色碰觸用用的少，一下就想不起來了希望能看到大家更好的方法，感覺自己進(jìn)了死胡同 逛知乎的時(shí)候看到一...
摘要：屬性定義了多根軸線的對(duì)齊方式。負(fù)值對(duì)該屬性無效。屬性允許單個(gè)項(xiàng)目有與其他項(xiàng)目不一樣的對(duì)齊方式，可覆蓋屬性。默認(rèn)值為，表示繼承父元素的屬性，如果沒有父元素，則等同于。 本文主要記錄一些自己遇見的flex布局案例 簡單回顧一下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ù)在頁面結(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)上開源的編輯器不多，沒有找到合適的，索性自己寫一個(gè)。編輯器主要功能就是預(yù)覽，是一款下的編輯器，擁有預(yù)覽，快捷添加標(biāo)簽，上一步，下一步功能，行號(hào)等功能，后續(xù)逐步完善更多功能。預(yù)覽預(yù)覽源碼地址歡迎，歡迎。...
摘要：但是究竟什么情況才會(huì)觸發(fā)文本溢出，大部分人肯定沒有探究過。也不會(huì)出問題，但是誰也沒想到當(dāng)時(shí)，居然生效了。使用對(duì)象截取片段后獲取到的對(duì)象的才是內(nèi)容的真正寬度。并不是內(nèi)容區(qū)域的真正寬度也就是說當(dāng)加是應(yīng)為成立時(shí)才是觸發(fā)真正的條件。 text-ove...
摘要：如果頁面滾動(dòng)和進(jìn)度條是一個(gè)整體呢實(shí)現(xiàn)需求不賣關(guān)子了，下面我們運(yùn)用線性漸變來實(shí)現(xiàn)這個(gè)功能。 問題先行，如何使用 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)的來了提示框下提示框左 效果： showImg("https://segmentfault.com/img/bVbmXZW?w=2312&h=690"); after和before制作...
摘要：它是頁面中的一塊渲染區(qū)域，并且有一套自己的渲染規(guī)則，規(guī)定了內(nèi)部子元素如何定位，以及與其他元素的關(guān)系和相互作用。即使浮動(dòng)也是如此。解決方案，根據(jù)規(guī)則第六條。防止垂直疊加內(nèi)部相鄰的元素的會(huì)疊加。根據(jù)規(guī)則第五條，將其中一個(gè)設(shè)置為即可。 1、C...
摘要：先進(jìn)入項(xiàng)目文件夾通過命令把這個(gè)目錄變成可以管理的倉庫把文件添加到版本庫中，使用命令添加到暫存區(qū)里面去，不要忘記后面的小數(shù)點(diǎn)，意為添加文件夾下的所有文件用命令告訴，把文件提交到倉庫。執(zhí)行此命令后會(huì)要求輸入用戶名密碼，驗(yàn)證通過后即開始上傳...
摘要：減少作用域鏈上的查找次數(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ā)者而言，無疑是本年底最大的福音具體的計(jì)劃可以參考官網(wǎng)的博客，在不久的將來，基于的瀏覽器將要正式和我們見面啦。 訂閱 / 投稿...
ChatGPT和Sora等AI大模型應(yīng)用，將AI大模型和算力需求的熱度不斷帶上新的臺(tái)階。哪里可以獲得...
大模型的訓(xùn)練用4090是不合適的，但推理（inference/serving）用4090不能說合適，...
圖示為GPU性能排行榜，我們可以看到所有GPU的原始相關(guān)性能圖表。同時(shí)根據(jù)訓(xùn)練、推理能力由高到低做了...
89542767
社區(qū)管理員
白馬嘯西風(fēng)