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