文章庫ARTICLE COLUMN
摘要：圣杯布局雙飛翼布局所謂圣杯布局和雙飛翼布局其實(shí)解決的問題是相同的，都是解決左右兩欄固定寬度，中間部分自適應(yīng)，其中某部分內(nèi)容比其他內(nèi)容高的時(shí)候，保證三者元素等高。雙飛翼用在外層多加了一個(gè)然后改用。 前言 我曾一度覺得總寫css的前端很low，...
摘要：怎樣讓多個(gè)元素貼邊平分為什么會(huì)有這個(gè)疑問呢首先說明一下，接觸前端有一年的時(shí)間了，自認(rèn)為對(duì)靜態(tài)布局不在話下，果然，自負(fù)的人最容易被打臉吶，剛換了一份工作，公司對(duì)前端要求比較嚴(yán)格。 怎樣讓多個(gè)元素貼邊平分？ ????????為什么會(huì)有這個(gè)...
摘要：和對(duì)比都是一個(gè)存儲(chǔ)多值的容器，兩者可以互相轉(zhuǎn)換，但是在使用場(chǎng)景上有區(qū)別?？梢岳斫鉃榈姆椒蠈?shí)例屬性繼承自操作方法遍歷方法和數(shù)組的轉(zhuǎn)換要求雙成員數(shù)組值得注意的是的鍵是跟內(nèi)存綁定的參考文檔和和阮一峰教程 Array和Set對(duì)比 都是一個(gè)存儲(chǔ)多值...
摘要：是上一次加載資源時(shí)，服務(wù)器返回的，是對(duì)該資源的一種唯一標(biāo)識(shí)，只要資源有變化，就會(huì)重新生成。同源限制如果非同源以下三種行為將受到限制和無法讀取。Js相關(guān)執(zhí)行環(huán)節(jié)和作用域執(zhí)行環(huán)節(jié)定義了函數(shù)或者變量可以訪問的其它數(shù)據(jù)，決定了他們各自的行為。每...
有哪些選擇器 基本選擇器 通配選擇器（＊） ID選擇器（#ID） 類選擇器（.className） 元素選擇器(tagName) 后代選擇器（a b） 子元素選擇器(a>b) 相鄰后面兄弟元素選擇器(a + b) 通用后面兄弟選擇器（a ? b） 群組選擇器（selector1,selector2,...） 這...
摘要：綁定和這個(gè)不用說和屬性綁定隱藏按鈕這個(gè)方法有很多充分發(fā)揮你們的想象力就可以了，我見過的方法有設(shè)置隱藏的設(shè)置絕對(duì)定位，將設(shè)置為很大的負(fù)值，移動(dòng)到頁面外達(dá)到隱藏效果設(shè)置絕對(duì)定位使元素脫離文檔流，然后設(shè)置為透明來達(dá)到隱藏效果。 用CSS實(shí)現(xiàn)Tab...
摘要：簡(jiǎn)介跨站腳本攻擊英文全稱是本來縮寫是但是為了和層疊樣式表有所區(qū)別所以在安全領(lǐng)域叫做攻擊通常是指黑客通過注入篡改了網(wǎng)頁插入了惡意的腳本從而在用戶瀏覽網(wǎng)頁時(shí)控制用戶瀏覽器的一種攻擊在一開始這種攻擊的演示案例是跨域的所以叫做跨站腳本但是發(fā)展...
摘要：但在后端代碼中容易識(shí)別成注釋，慎用忘記加分號(hào)啦執(zhí)行為協(xié)議，這里意思為不執(zhí)行任何命令忘記加分號(hào)啦執(zhí)行為協(xié)議，這里意思為不執(zhí)行任何命令標(biāo)簽也用于跳轉(zhuǎn)頁面，但必須有按鈕或者點(diǎn)擊才能跳轉(zhuǎn)完整樣式網(wǎng)址同標(biāo)簽提交必須寫屬性才能被提交。 碎碎念 ...
1. qq emoji替換 接收到這樣的字符串，通過正則匹配到每組方括號(hào)然后進(jìn)行替換 var _str = i.content.replace(/[.{1,3}]/g, (str) => { //i.content為遍歷出來的消息記錄 var index; Object.keys(faceCode).forEach((key, _index) => { ...
摘要：設(shè)置的幾種方法及注意事項(xiàng)設(shè)置樣式直設(shè)置內(nèi)聯(lián)屬性設(shè)置內(nèi)聯(lián)樣式替換內(nèi)聯(lián)追加設(shè)置內(nèi)聯(lián)樣式第三個(gè)參數(shù)可以省略以上中方法都是基于內(nèi)聯(lián)樣式，用他們來獲取元素的樣式是同樣只能獲取到內(nèi)聯(lián)樣式。 JavaScript設(shè)置CSS的幾種方法及注意事項(xiàng) JS設(shè)置CSS樣式 直...
摘要：常用的類型為，需要定義對(duì)呀的類目數(shù)據(jù)，這個(gè)例子中的類目數(shù)據(jù)為日期組成的數(shù)據(jù)。在使用之前覺得這個(gè)插件內(nèi)容很多，但是去看了一遍折線圖的后發(fā)現(xiàn)有很多都是類似的，例如軸與軸的設(shè)置。 前言：項(xiàng)目中經(jīng)常會(huì)使用到Echarts,有的需求差不多復(fù)用性高，由于...
摘要：一背景介紹漸進(jìn)增強(qiáng)和優(yōu)雅降級(jí)這兩個(gè)概念是在出現(xiàn)之后火起來的。二概念理解漸進(jìn)增強(qiáng)漸進(jìn)增強(qiáng)一開始就針對(duì)低版本瀏覽器進(jìn)行構(gòu)建頁面，完成基本的功能，然后再針對(duì)高級(jí)瀏覽器進(jìn)行效果交互追加功能達(dá)到更好的體驗(yàn)。 一、背景介紹 漸進(jìn)增強(qiáng)和優(yōu)雅降級(jí)這兩...
摘要：后續(xù)前端筆試題面試題記錄下小結(jié)我想說的是在找工作期間，肯定有自己發(fā)揮不好，或者不會(huì)的問題，一定要在晚上的時(shí)候自己再學(xué)習(xí)總結(jié)一下，在一個(gè)問題上面盡量不要栽倒兩次，學(xué)到了的才是自己的。 前言 過完元宵，就到上海找了波工作，現(xiàn)在已經(jīng)入職好了...
摘要：為了解決這些問題，就可以使用定時(shí)器對(duì)函數(shù)進(jìn)行節(jié)流。當(dāng)?shù)诙握{(diào)用該函數(shù)時(shí)，它會(huì)清除前一次的定時(shí)器并設(shè)置另一個(gè)。如果前一個(gè)定時(shí)器已經(jīng)執(zhí)行過了，這個(gè)操作就沒有任何意義。然而，如果前一個(gè)定時(shí)器尚未執(zhí)行，其實(shí)就是將其替換為一個(gè)新的定時(shí)器。 2017...
摘要：頁面主體內(nèi)容限定在安全區(qū)域內(nèi)元素的適配如果元素是定位且，那么除了設(shè)置的還不夠，還需要給它自身添加，因?yàn)樗窍鄬?duì)于屏幕最底部定位的。 屏幕尺寸 垂直方向上，iPhone X的顯示寬度與iPhone 6，iPhone 7 和 iPhone 8 的 4.7 英寸一樣，但是比4.7英寸...
摘要：我在給一個(gè)定位元素垂直居中的時(shí)候慣性的設(shè)置了設(shè)置完成后沒有發(fā)現(xiàn)問題，后來無論時(shí)美工還是測(cè)試都反應(yīng)這個(gè)元素字體模糊。后來經(jīng)過反復(fù)排除認(rèn)定了時(shí)的鍋。經(jīng)過查資料時(shí)應(yīng)為要移動(dòng)的元素的高度時(shí)奇數(shù)的。動(dòng)畫在渲染非整數(shù)的時(shí)就會(huì)出現(xiàn)字體模糊。 我在給...
摘要：靜態(tài)資源的訪問通過配置代理實(shí)現(xiàn)頁面的訪問，跟服務(wù)端工程毫無關(guān)系，服務(wù)端只負(fù)責(zé)提供異步接口。集中管理異步接口配置的模塊 Nicon 一言不合，先上平臺(tái)Nicon。該平臺(tái)接入github登錄，采用七牛CDN存儲(chǔ)，歡迎大家試用。 Nicon 是一個(gè)集圖標(biāo)上傳、展示、...
摘要：不定寬塊狀元素水平居中垂直居中利用屬性垂直居中垂直居中利用布局不定高不定寬垂直居中垂直居中設(shè)置或另外設(shè)置為垂直居中或上下居中左右居中居中 CSS水平居中和垂直居中 行內(nèi)元素居中 水平居中 1.給父元素設(shè)置text-align:center 行內(nèi)元素span居...
摘要：寫一個(gè)事件偵聽器函數(shù)相當(dāng)于封裝一個(gè)兼容主流瀏覽器和根據(jù)情況分別使用方式來添加事件根據(jù)情況分別獲取或者中的事件對(duì)象，事件目標(biāo)，阻止事件的默認(rèn)行為根據(jù)情況分別使用方式來刪除事件根據(jù)情況分別取消或者中事件冒泡如何書寫高性能代碼怎樣用實(shí)現(xiàn)千位...
摘要：原因在于，分配給事件的函數(shù)是閉包，他們由函數(shù)定義構(gòu)成，從函數(shù)的函數(shù)作用域獲取。三個(gè)閉包由循環(huán)所創(chuàng)建，每個(gè)閉包具有同一個(gè)詞法環(huán)境，環(huán)境中包含一個(gè)變量當(dāng)?shù)幕卣{(diào)執(zhí)行時(shí)，的值也隨之確定，循環(huán)已經(jīng)執(zhí)行完畢，對(duì)象已經(jīng)指向了列表的最后一項(xiàng)。 閉包(C...
摘要：大家好今天分享一個(gè)商城的搜索功能建立在上一篇文章的基礎(chǔ)上實(shí)現(xiàn)的搜索功能簡(jiǎn)單的說就是通過語句在數(shù)據(jù)庫中實(shí)現(xiàn)模糊查找連接數(shù)據(jù)庫實(shí)現(xiàn)分頁功能可以參考上一篇文章定義一個(gè)變量接收傳過來的搜索框的值定義語句去數(shù)據(jù)庫模糊查詢查詢數(shù)據(jù)庫中數(shù)據(jù)截圖如下...
摘要：四偽類列舉狀態(tài)偽類狀態(tài)偽類是基于元素當(dāng)前狀態(tài)進(jìn)行選擇的。目前，只有火狐瀏覽器支持偽類，并在火狐瀏覽器中使用時(shí)需要添加前綴試驗(yàn)階段。 一、偽類和偽元素的引入 1. 規(guī)范說明 CSS introduces the concepts of pseudo-elements and pseudo-classes ...
摘要：樣式化組件巧妙地利用標(biāo)簽?zāi)０灏押徒M件結(jié)合在一起，使得組件跟樣式之間的界限變得模糊。由于和都是組件，因此我們可以跟其他任何組件一樣使用它們，最終的效果如下使用樣式化組件來寫樣式跟普通的寫法是一模一樣的。 showImg("https://segmentfault.co...
摘要：一偽元素的應(yīng)用清除浮動(dòng)父元素中有子元素，并且父元素沒有設(shè)置高度，子元素在父元素中浮動(dòng)，結(jié)果必然是父元素的高度為，這也就導(dǎo)致了父元素高度塌陷，我們就需要清除浮動(dòng)。偽元素不會(huì)自然繼承自父元素如的樣式。 一、偽元素的應(yīng)用 1. 清除浮動(dòng) 父元素...
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不能說合適，...
89542767
社區(qū)管理員
白馬嘯西風(fēng)