文章庫(kù)ARTICLE COLUMN
摘要：前端學(xué)習(xí)記錄基礎(chǔ)知識(shí)盒模型所有元素可以看作盒子，在中，這一術(shù)語(yǔ)是用來(lái)設(shè)計(jì)和布局時(shí)使用。合并后的外邊距的高度等于兩個(gè)發(fā)生合并的外邊距的高度中的較大者。按照層次結(jié)構(gòu)像至低向上直到頂端，這就是事件冒泡。 前端學(xué)習(xí)記錄 week 1 基礎(chǔ)知識(shí) CSS盒模...
摘要：如圖，初始情況，點(diǎn)擊菜單后出現(xiàn)的文字長(zhǎng)度超出原寬度，出現(xiàn)了滾動(dòng)條注意設(shè)置才會(huì)出現(xiàn)滾動(dòng)條，如果設(shè)成超出的文字會(huì)被隱藏，向右拉滾動(dòng)條發(fā)現(xiàn)背景沒(méi)鋪滿解決方式給最外層加樣式說(shuō)明注意是而不是，不然會(huì)出現(xiàn)其它錯(cuò)誤。 問(wèn)題描述（如圖）：div等塊級(jí)元...
摘要：基于特有的屬性擁有內(nèi)聯(lián)元素的特性同時(shí)可以定義寬高，我們可以設(shè)置一個(gè)行內(nèi)塊用于定義高度，再讓其他內(nèi)聯(lián)元素與其對(duì)齊，實(shí)現(xiàn)垂直居中。如果居中的元素超過(guò)了視窗會(huì)被裁剪掉。使用時(shí)，不僅在水平方向上將元素居中，垂直方向上也是如此。 事實(shí)上，每次面...
摘要：文檔流文檔流就是文檔內(nèi)元素流動(dòng)方向流動(dòng)方向內(nèi)聯(lián)元素從左往右流，寬度不夠，之字形，且元素會(huì)被截?cái)鄩K元素從上往下流動(dòng)，一排一排注意事項(xiàng)內(nèi)聯(lián)元素中有英文單詞，流動(dòng)時(shí)寬度不夠，英文單詞會(huì)整體遷移，不會(huì)被打斷若想打斷上述聯(lián)結(jié)，請(qǐng)使用屬性想打斷的...
摘要：通過(guò)格式化上下文后可以將脫離了普通流的元素隔離，使其不會(huì)與外界的元素相互隔離。第一次寫，寫得不好請(qǐng)大家多多指教哈哈哈哈 首先回顧下CSS常出現(xiàn)的幾個(gè)樣式問(wèn)題1當(dāng)子元素添加上邊距時(shí)，父元素也會(huì)向下移動(dòng) showImg("https://segmentfault.com/img/b...
摘要：一語(yǔ)義化標(biāo)簽標(biāo)簽描述頁(yè)面獨(dú)立的內(nèi)容區(qū)域。二語(yǔ)義化標(biāo)簽的使用頁(yè)面主要內(nèi)容標(biāo)簽的特點(diǎn)是簡(jiǎn)短描述性唯一，用于提升搜索引擎排名。若使用標(biāo)簽來(lái)定義計(jì)算機(jī)源代碼，比如源代碼，則使用符號(hào)實(shí)體來(lái)表示特殊字符，比如代表，代表，代表。 一、HTML5語(yǔ)義化標(biāo)...
摘要：部分讀者向我反饋對(duì)于最后的瀏覽器渲染布局這塊不是很清晰，所以本文就瀏覽器渲染流程多帶帶開篇講解，希望大家都能有新的收獲。瀏覽器主要組件結(jié)構(gòu)瀏覽器主要組件渲染引擎和使用自主研發(fā)的渲染引擎。所以瀏覽器的渲染過(guò)程主要包括以下幾步解析生成樹。...
摘要：踩的大坑前言最近有個(gè)需求要將全平臺(tái)的交易密碼由原來(lái)的位復(fù)雜密碼改為位純數(shù)字交易密碼，涉及到非常多的業(yè)務(wù)場(chǎng)景，但修改起來(lái)也無(wú)非兩種設(shè)置交易密碼，使用交易密碼設(shè)置交易密碼普通長(zhǎng)條輸入框彈起數(shù)字鍵盤支持明暗文切換查看使用交易密碼顯示六個(gè)格子...
摘要：但這確是我們經(jīng)常會(huì)用到的。。第一次寫，望各位點(diǎn)顆小星星支持下哈有什么寫的不對(duì)的地方，歡迎在下方留言。。 使用git 也有一段時(shí)間了，但是一直沒(méi)有好好的去學(xué)下；今天剛好有空，就把自己不足的地方補(bǔ)了一下；廢話就不多說(shuō)了，直接步入正題； 1：git...
摘要：實(shí)現(xiàn)文本溢出顯示省略號(hào)在做響應(yīng)式網(wǎng)頁(yè)的時(shí)候，我們要想在不同尺寸的設(shè)備下保證布局不會(huì)錯(cuò)亂，就需要對(duì)文字的長(zhǎng)度進(jìn)行限定。 css實(shí)現(xiàn)文本溢出顯示省略號(hào) 在做響應(yīng)式網(wǎng)頁(yè)的時(shí)候，我們要想在不同尺寸的設(shè)備下保證布局不會(huì)錯(cuò)亂，就需要對(duì)文字的長(zhǎng)度進(jìn)行限...
摘要：在中引入的問(wèn)題，之前在網(wǎng)上搜了很多，都沒(méi)有給出一個(gè)確切的答案，搗鼓了兩天終于弄明白了，做個(gè)記錄。通過(guò)這樣引入還不夠，可能會(huì)遇到圖可以正常加載，但無(wú)法拖拽的問(wèn)題，遇到這些問(wèn)題一般是和自己項(xiàng)目中的環(huán)境沖突了，導(dǎo)致無(wú)法讀取或者讀取錯(cuò)誤。 在...
摘要：現(xiàn)在我們用原生的實(shí)現(xiàn)這個(gè)非常簡(jiǎn)單的下拉刷新功能。二封裝下拉刷新的功能模塊首先創(chuàng)建一個(gè)構(gòu)造函數(shù)，用來(lái)初始化屬性與函數(shù)。和下拉刷新這個(gè)兩個(gè)子節(jié)點(diǎn)。的效果顯示出來(lái)，同時(shí)隱藏下拉刷新的效果開始刷新這里是模擬秒后刷新成功，然后隱藏正在刷新。。 ...
摘要：可為負(fù)值第個(gè)長(zhǎng)度值陰影垂直偏移值。不允許負(fù)值設(shè)置陰影的顏色。字體微軟雅黑 2016年2月26日個(gè)人博客文章--遷移到segmentfault （1）text-shadow(文本陰影) 在介紹css3:text-shadow文本陰影之前，我們先來(lái)看看用它都能實(shí)現(xiàn)什么效果： showImg("https:/...
摘要：年月日個(gè)人博客文章遷移到安裝安裝因?yàn)橐蕾囉诃h(huán)境，所以裝之前先確認(rèn)裝了。最近因?yàn)閴Φ谋容^厲害，如果你沒(méi)有安裝成功，那么請(qǐng)參考下面的淘寶的鏡像安裝，如果成功則忽略。淘寶鏡像安裝由于國(guó)內(nèi)網(wǎng)絡(luò)原因你懂的，導(dǎo)致存放在上面的資源文件間歇性連接失敗...
摘要：在一個(gè)中，兩個(gè)相鄰的塊級(jí)盒子的垂直會(huì)產(chǎn)生合并。對(duì)于從右到左的格式來(lái)說(shuō)，則觸碰到右邊緣。正常人類的理解上面?zhèn)€什么瘠薄，看不懂。 BFC是什么? W3C這么說(shuō) 在W3C規(guī)范中的BFC是這樣定義的： 浮動(dòng)元素和絕對(duì)定位元素，非塊級(jí)盒子的塊級(jí)容器（例如，inli...
摘要：引入內(nèi)聯(lián)直接在標(biāo)簽內(nèi)寫屬性名屬性值添加標(biāo)簽，通常在里，結(jié)合選擇器給定屬性標(biāo)簽添加，選擇器和屬性外聯(lián)把多帶帶放在一個(gè)文件里，通過(guò)來(lái)加載這個(gè)文件，通常放在里文件地址文件中引入另一個(gè)文件，放在第一行就可以，不常用另一個(gè)地址關(guān)于列表列表橫排每...
摘要：二的格式標(biāo)準(zhǔn)格式協(xié)議類型服務(wù)器地址端口號(hào)資源層級(jí)文件路徑文件名查詢完整格式協(xié)議類型訪問(wèn)資源需要的憑證信息服務(wù)器地址端口號(hào)資源層級(jí)文件路徑文件名查詢其中訪問(wèn)憑證信息端口號(hào)查詢片段都屬于選填項(xiàng)。 一、URL的概念 統(tǒng)一資源定位符（或稱統(tǒng)一資源...
摘要：前兩篇介紹了入門相關(guān)知識(shí)及對(duì)整體可用性評(píng)估，這篇介紹下開始實(shí)際運(yùn)用中的頁(yè)頭頁(yè)腳部分，因?yàn)轳R上項(xiàng)目忙了，這個(gè)先匆匆的作個(gè)收尾。 前兩篇介紹了入門相關(guān)知識(shí)及對(duì)keystonejs整體可用性評(píng)估，這篇介紹下開始實(shí)際運(yùn)用中的頁(yè)頭頁(yè)腳部分，因?yàn)轳R上項(xiàng)目忙...
摘要：一般情況下，我們給塊狀元素四邊形添加陰影樣式，直接用就可以了，但是總有一些需求是那么的特別，例如下圖要求給這樣的梯形盒外圍加陰影，第一眼感覺(jué)也沒(méi)啥特別的，但是搞起來(lái)就知道多煩了。反正我是折騰了好一會(huì)兒，最后只能用下面這樣實(shí)現(xiàn)了。 一般...
摘要：聲明的變量不得改變值，這意味著，一旦聲明變量，就必須立即初始化，不能留到以后賦值。 雖然今年沒(méi)有換工作的打算 但為了跟上時(shí)代的腳步 還是忍不住整理了一份最新前端知識(shí)點(diǎn) 知識(shí)點(diǎn)匯總 1.HTML HTML5新特性，語(yǔ)義化瀏覽器的標(biāo)準(zhǔn)模式和怪異模式xhtml...
摘要：背景想想自己為什么要寫這個(gè)，難道不是因?yàn)檫@篇道基礎(chǔ)面試題附答案文章最近被轉(zhuǎn)載的多，比較多而湊熱鬧蹭熱點(diǎn)顯然，肯定是因?yàn)檫@樣我才打算寫的。繼承得到的樣式的優(yōu)先級(jí)最低。 背景 想想自己為什么要寫這個(gè)，難道不是因?yàn)檫@篇《50道CSS基礎(chǔ)面試題（附...
摘要：先來(lái)看看效果說(shuō)明項(xiàng)目中用到的，思路很簡(jiǎn)單，就用布局來(lái)實(shí)現(xiàn)響應(yīng)式，我這里就以橫向?yàn)槔Q向的比較簡(jiǎn)單就不啰嗦了，后面需要增加單個(gè)點(diǎn)選中狀態(tài)，添加文字以及觸發(fā)各種動(dòng)畫效果，可以嘗試加上去，配合等框架可以很容易開發(fā)成通用組件。 1、先來(lái)看看效...
摘要：最終效果說(shuō)明一提到圖表第一反應(yīng)就是，但是這次需求不一樣，就要求展示一個(gè)簡(jiǎn)單的折線圖，沒(méi)必要搞那么大。簡(jiǎn)單的用了一下的基礎(chǔ)的那幾個(gè)函數(shù)就實(shí)現(xiàn)了。我認(rèn)為只要沿著這條思路走，就可以繪制出你想要的任何圖表。 1、最終效果showImg("https://segmen...
摘要：子組件給父組件通信如果子組件想要改變數(shù)據(jù)呢這在中是不允許的，因?yàn)橹辉试S單向數(shù)據(jù)傳遞，這時(shí)候我們可以通過(guò)觸發(fā)事件來(lái)通知父組件改變數(shù)據(jù)，從而達(dá)到改變子組件數(shù)據(jù)的目的子組件傳遞的數(shù)據(jù)通過(guò)綁定事件在里面使用事件來(lái)注冊(cè)事件并且傳遞數(shù)值到父組件中...
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)