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