文章庫ARTICLE COLUMN
摘要：常用于控制頁面布局的定位機(jī)制普通流相對定位絕對定位和固定定位。左右布局最常用的就是通過浮動(dòng)左浮或右浮來實(shí)現(xiàn)浮動(dòng)?？梢酝ㄟ^設(shè)置左右的外邊距為值來居中包括圖片。 這里，就CSS左右布局，左中右布局，水平與垂直居中，進(jìn)行討論。 CSS常用于控制頁...
摘要：為了實(shí)現(xiàn)文字環(huán)繞效果，規(guī)范規(guī)定的措施是使父容器塌陷，元素脫離文檔流浮動(dòng)產(chǎn)生，元素周圍的內(nèi)容轉(zhuǎn)換為圍繞元素排列。 選擇器注意點(diǎn) 屬性選擇器 [attr^=value] - 開頭或全等 [attr$=value] - 結(jié)尾或全等 [attr*=value] - 包含值 [attr~=value] - 字符...
摘要：啦啦啦，首先說下需求，產(chǎn)品想讓用戶在我們內(nèi)，分享一張圖片到微信等平臺(tái)。圖片中包含用戶的姓名頭像和帶著自己信息的二維碼。然后，如何生成這張海報(bào)呢首先我們老大告訴我有一個(gè)插件叫其作用就是可以將節(jié)點(diǎn)轉(zhuǎn)化成圖片，是個(gè)不錯(cuò)的東西。 啦啦啦，首先...
摘要：跨域的產(chǎn)生不用多講，作為一名前端開發(fā)人員，相信大家都知道跨域是因?yàn)闉g覽器的同源策略所導(dǎo)致的。瀏覽器引入同源策略主要是為了防止，攻擊。其指明了實(shí)際請求所允許使用的方法。 跨域，相信大家無論是在工作中還是在面試中經(jīng)常遇到這個(gè)問題，常常在網(wǎng)...
摘要：樣式最外面的盒子設(shè)置中間盒子不設(shè)置高度，靠子盒子撐起。 實(shí)現(xiàn)上拉加載最普遍的方式就是監(jiān)聽滾動(dòng)條的滾動(dòng)事件，而移動(dòng)端的下拉刷新利用的是transform屬性來進(jìn)行位移，那用下拉刷新的方式實(shí)現(xiàn)上拉加載怎么樣? html結(jié)構(gòu) 這里我...
摘要：事故詳情這周我做了一個(gè)顯示圖片的功能，出現(xiàn)一個(gè)，偶爾圖片無法顯示，只剩一個(gè)白框框?？偨Y(jié)如果你也遇到圖片偶爾加載不出來的問題而看到我這滿篇的廢話，我對此深感抱歉和誤解。 事故詳情這周我做了一個(gè)顯示圖片的功能，出現(xiàn)一個(gè)bug，偶爾圖片無法顯...
摘要：第部分第部分第部分第部分源代碼下載每日前端實(shí)戰(zhàn)系列的全部源代碼請從下載代碼解讀解數(shù)獨(dú)的一項(xiàng)基本功是能迅速判斷一行一列或一個(gè)九宮格中缺少哪幾個(gè)數(shù)字，本項(xiàng)目就是一個(gè)訓(xùn)練判斷九宮格中缺少哪個(gè)數(shù)字的小游戲。 showImg("https://segmentfault.com/...
摘要：實(shí)現(xiàn)列布局，左側(cè)寬度固定，右側(cè)自適應(yīng)實(shí)現(xiàn)一根據(jù)定位，利用浮動(dòng)或絕對定位，使左側(cè)的塊元素脫離常規(guī)文檔流可以與右邊塊元素并列利用浮動(dòng)利用絕對定位塊級元素，默認(rèn)自動(dòng)填充父元素寬度，霸占一行當(dāng)前右側(cè)塊元素寬度父元素寬度設(shè)置為左側(cè)塊元素的寬度。...
摘要：引言說起大家都知道他是用在對相鄰的文字和內(nèi)聯(lián)元素上，比如常見的將一個(gè)圖標(biāo)和相鄰的文字居中對齊。每個(gè)內(nèi)聯(lián)元素也有其自己的基線，頂線和底線。內(nèi)聯(lián)元素的基線位置低于行框的基線。內(nèi)聯(lián)元素的基線相對于行框基線移動(dòng)相應(yīng)于行高百分比的數(shù)值。 平時(shí)遇...
摘要：前言我們在碼代碼的時(shí)候，經(jīng)常會(huì)遇到需要給第一個(gè)或者最后一個(gè)元素添加或刪除樣式，還有一些比較特殊的是選取第幾個(gè)元素添加或刪除樣式，下面記錄選擇器中常見的選擇器相鄰兄弟選擇器子選擇器兄弟選擇器的用法。 前言：我們在碼代碼的時(shí)候，經(jīng)常會(huì)遇到...
摘要：業(yè)務(wù)環(huán)境是決定整體項(xiàng)目的適配方案的核心因素。而淘寶的主站和類似，分為移動(dòng)端頁面和端頁面，端頁面同樣有著左右的留白，這也是為了讓用戶能夠在寬屏的時(shí)候?qū)⒆⒁饬性谥虚g區(qū)域。 移動(dòng)端適配方案 移動(dòng)端適配方案是一個(gè)老生常談的話題，但是對于不...
摘要：源代碼下載每日前端實(shí)戰(zhàn)系列的全部源代碼請從下載代碼解讀定義，容器是一個(gè)無序列表，列表項(xiàng)代表按鈕居中顯示去掉列表項(xiàng)前面的符號(hào)設(shè)置按鈕的文字樣式用偽元素在按鈕的左側(cè)增加一個(gè)方塊用偽元素在按鈕的右側(cè)增加一條下劃線接下來設(shè)置鼠標(biāo)懸停效果。 sh...
摘要：導(dǎo)航欄擁有易用的導(dǎo)航條對于任何網(wǎng)站都很重要。通過，您能夠把乏味的菜單轉(zhuǎn)換為漂亮的導(dǎo)航欄。導(dǎo)航欄需要標(biāo)準(zhǔn)的作為基礎(chǔ)。導(dǎo)航欄基本上是一個(gè)鏈接列表，因此使用和元素是非常合適的制作水平導(dǎo)航欄有兩種創(chuàng)建水平導(dǎo)航欄的方法。 導(dǎo)航欄 擁有易用的導(dǎo)航...
摘要：在寫實(shí)例理解，，，及等的時(shí)候，意外的又發(fā)現(xiàn)了值合并的問題，在這里同時(shí)記錄下偏移量的區(qū)別文件自己寫的示例樣式較多見的屬性指可見區(qū)的寬度網(wǎng)頁，或者元素指可見區(qū)的高度網(wǎng)頁，或者元素指元素的寬度網(wǎng)頁，或者元素指元素的高度網(wǎng)頁，或者元素滾動(dòng)條的...
摘要：屬性值則依賴于我們需要?jiǎng)?chuàng)建什么樣的漸變背景，例如線性漸變或放射性漸變。我們會(huì)在線性漸變中介紹不同種類的供應(yīng)商前綴，但為了簡便起見，放射性漸變中我們不會(huì)再提及。線性漸變多年來，設(shè)計(jì)師和開發(fā)者們都是通過切圖來實(shí)現(xiàn)漸變背景。 背景對網(wǎng)站的設(shè)...
摘要：表示從圓心開始范圍內(nèi)都是紅色表示距離圓心的位置為，然后向兩邊擴(kuò)散，直到里面的紅色區(qū)域，和向外地方的區(qū)域表示從開始往外都是。組件代碼折扣卷折折折扣卷張有效時(shí)間參考鏈接 先看效果圖 showImg("https://segmentfault.com/img/bVbhGFm?w=1328&h=52...
摘要：可以理解為，在屏幕上通過瀏覽器窗口所能看到網(wǎng)頁內(nèi)容的高度。都表示瀏覽器中網(wǎng)頁內(nèi)容的高度，但稍有區(qū)別。解決等瀏覽器不支持標(biāo)簽的問題高版本的瀏覽器用了低版本的瀏覽器無法識(shí)別的元素，從而導(dǎo)致不能解析。這時(shí)候我們就會(huì)面臨這個(gè)兼容性問題。 java...
摘要：不耽誤表單提交數(shù)據(jù)雖然我們無法看到的元素，但當(dāng)表單提交時(shí)依然會(huì)將隱藏的元素的值提交上去。讓元素在見面上不可視，但保留元素原來占有的位置。不過由于各瀏覽器實(shí)現(xiàn)效果均有出入，因此一般不會(huì)使用這個(gè)值。繼承父元素的值。 前言 ?還記得面試時(shí)被...
摘要：我們經(jīng)常寫樣式的時(shí)候會(huì)遇到垂直方向重疊的問題，如下代碼可以看出由于，應(yīng)該顯示但是只顯示，是什么原因呢這就涉及到什么是，解釋為塊級格式化上下文一個(gè)元素要?jiǎng)?chuàng)建，則滿足下列的任意一個(gè)或多個(gè)條件即可的值不是。 我們經(jīng)常寫樣式的時(shí)候會(huì)遇到垂直方...
摘要：內(nèi)聯(lián)元素設(shè)置無效。內(nèi)聯(lián)元素的和屬性，水平方向有效，豎直方向不會(huì)產(chǎn)生邊距效果。和都是通過改變文檔流來實(shí)現(xiàn)定位。有三種定位機(jī)制文檔流浮動(dòng)和絕對定位。元素框正常生成，元素順序顯示，在一個(gè)文檔流中，一個(gè)挨著一個(gè)，內(nèi)容遵守正常從上到下的流。 CS...
摘要：配置保存自動(dòng)編譯環(huán)境下需要安裝，語法高亮插件，通過在終端全局安裝到這里，已經(jīng)可以通過手動(dòng)編譯文件了，在終端通過手動(dòng)編譯如果需要在中保存文件時(shí)自動(dòng)編譯成，還需要下面的步驟需要安裝，把編譯為的插件到此處，按照官方的，或 Sublime Text3 配置...
摘要：使用偽類選擇元素是頂層節(jié)點(diǎn)，就是我們需要設(shè)置的根元素。使用媒體選擇器使用媒體選擇器適配不同平臺(tái)，可讓你的網(wǎng)頁看起來是響應(yīng)式的。 rem 是根 em (root em)的縮寫。rem 是和根元素關(guān)聯(lián)的，不依賴當(dāng)前元素。例如，不管你在文檔什么地方使用這個(gè)單位...
摘要：偽元素的值擠壓主體元素解決主體是兩個(gè)標(biāo)簽，需要再其左側(cè)添加一個(gè)豎線，很常見的需求目標(biāo)前提條件右側(cè)的文字個(gè)數(shù)不固定問題需要讓元素為文字個(gè)數(shù)不固定時(shí)，整個(gè)元素的寬度是，根據(jù)文字的內(nèi)容來算，此時(shí)使用偽元素時(shí)，如果偽元素占據(jù)的寬度過大，會(huì)導(dǎo)致...
摘要：可交互視頻此視頻是可以交互的，你可以隨時(shí)暫停視頻，編輯視頻中的代碼。源代碼下載每日前端實(shí)戰(zhàn)系列的全部源代碼請從下載代碼解讀定義，只有個(gè)元素居中顯示定義容器尺寸用偽元素畫出個(gè)像寶路薄荷糖狀的黑色圓環(huán)接下來制作動(dòng)畫效果。 showImg("https:/...
摘要：客戶端發(fā)送包到服務(wù)器，并進(jìn)入狀態(tài)，等待服務(wù)器確認(rèn)。再進(jìn)一步接收到客戶端的就進(jìn)入狀態(tài)。通常情況下連接就是連接，因此連接一旦建立通訊雙方開始互發(fā)數(shù)據(jù)進(jìn)行通信，直到其中一方或雙方斷開連接為止。統(tǒ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)