摘要:一選擇器作用選擇器用于定位我們想要給予樣式的元素,但不只是在中,對(duì)的選擇器也是支持的,比如。在選被元素后插入內(nèi)容其用法和特性與相似。所有偽元素選擇器在前端面試題偽類和偽元素?cái)U(kuò)展閱讀前端面試題清除浮動(dòng)前端面試題塊格式化上下文 一、CSS選...
摘要:所以說(shuō)第二種還是不錯(cuò)的,不少大家都會(huì)誤解有時(shí)候在和定位都可以實(shí)現(xiàn)的時(shí)候,到底要采用哪種方式,我覺(jué)得那要看你想要兼容哪種瀏覽器,主流的非兩種都很不錯(cuò),但是中關(guān)于的太多 float 單一層浮動(dòng)法左側(cè)固定成100px; 則核心代碼 左側(cè):width:100px;flo...
摘要:優(yōu)先級(jí)是基于不同種類選擇器組成的匹配規(guī)則。但是,在內(nèi)部聲明的選擇器是會(huì)影響優(yōu)先級(jí)。當(dāng)兩條相互沖突的帶有規(guī)則的聲明被應(yīng)用到相同的元素上時(shí),擁有更大優(yōu)先級(jí)的聲明將會(huì)被采用。擴(kuò)展閱讀前端面試題選擇器 一、選擇器優(yōu)先級(jí) 瀏覽器通過(guò)優(yōu)先級(jí)來(lái)判斷...
摘要:使用一添加本文簡(jiǎn)單介紹使用對(duì)代碼進(jìn)行版本控制,包括添加配置使用創(chuàng)建版本庫(kù)并在上進(jìn)行管理,主要目的是對(duì)學(xué)習(xí)內(nèi)容進(jìn)行總結(jié)以及方便日后查閱。 使用GitHub(一):添加SSHkey 本文簡(jiǎn)單介紹使用GitHub對(duì)代碼進(jìn)行版本控制,包括添加SSHkey、配置Git、...
摘要:使用二配置并使用創(chuàng)建版本庫(kù)本文簡(jiǎn)單介紹使用對(duì)代碼進(jìn)行版本控制,包括添加配置使用創(chuàng)建版本庫(kù)并在上進(jìn)行管理,主要目的是對(duì)學(xué)習(xí)內(nèi)容進(jìn)行總結(jié)以及方便日后查閱。使用創(chuàng)建版本庫(kù)使用有三種方式,請(qǐng)按照需求選擇。 使用GitHub(二):配置并使用Git創(chuàng)建...
摘要:步驟使用打開(kāi)項(xiàng)目或代碼的倉(cāng)庫(kù)點(diǎn)擊側(cè)邊欄的源代碼管理按鈕,或者快捷鍵,這時(shí)并沒(méi)有消息提示。這時(shí)我們新建一個(gè)文件,旁邊會(huì)出現(xiàn)的符號(hào),意思是更新尚未上傳到再次打開(kāi)源代碼管理,發(fā)現(xiàn)多了更新提示。 使用GitHub(三):使用VSCode+GitHub進(jìn)行版本控...
摘要:不要在編寫規(guī)則時(shí)用標(biāo)簽名或類名不要在編寫規(guī)則時(shí)用標(biāo)簽名把多層標(biāo)簽選擇規(guī)則用規(guī)則替換,減少查找避免使用子選擇器后代選擇器在中是最昂貴的選擇器。如果你關(guān)心頁(yè)面性能的話,他們真不該被使用擴(kuò)展閱讀前端面試題選擇器前端面試題優(yōu)先級(jí) 一、CSS選擇...
摘要:,屬性表示元素的內(nèi)部寬度,以像素計(jì)。該屬性包括內(nèi)邊距,但不包括垂直滾動(dòng)條如果有邊框和外邊距。該屬性值會(huì)被四舍五入為一個(gè)整數(shù)。 今天在做圖片裁剪功能的時(shí)候,參考了下網(wǎng)友的資料,發(fā)現(xiàn)大家對(duì)圖片寬度的獲取方式不盡相同,于是詳細(xì)整理下各個(gè)屬性...
摘要:前言從事前端到現(xiàn)在也有快兩年了,平時(shí)也會(huì)收集整理一些筆記放在印象筆記,不過(guò)收集過(guò)之后就在沒(méi)有看過(guò),經(jīng)大佬指點(diǎn),真正掌握一個(gè)知識(shí)點(diǎn),最好的方式就是用自己的話把內(nèi)容講明白,就開(kāi)始將以前零散的東西整合一下,和各位道友一起提高。 前言 從事前...
摘要:而大多數(shù)實(shí)際項(xiàng)目中,我們想要的結(jié)果是兩個(gè)變量初始值相同互不影響。所以就要使用到拷貝分為深淺兩種深淺拷貝的區(qū)別淺拷貝只復(fù)制一層對(duì)象的屬性,而深拷貝則遞歸復(fù)制了所有層級(jí)。 為什么會(huì)用到淺拷貝和深拷貝 首先來(lái)看一下如下代碼 let a = b = 2 a = ...
摘要:一浮動(dòng)的概念浮動(dòng)的框可以向左或向右移動(dòng),直到它的外邊緣碰到包含框或另一個(gè)浮動(dòng)框的邊框?yàn)橹?。由于浮?dòng)框不在文檔的普通流中,所以文檔的普通流中的塊框表現(xiàn)得就像浮動(dòng)框不存在一樣。 一、浮動(dòng)的概念 浮動(dòng)的框可以向左或向右移動(dòng),直到它的外邊緣碰...
摘要:第一個(gè)主流的預(yù)處理器是年發(fā)布的,它提供了一個(gè)新的更簡(jiǎn)潔的語(yǔ)法縮進(jìn)代替大括號(hào),沒(méi)有分號(hào)等等,同時(shí)增加了一些缺失的高級(jí)特性,像變量工具方法還有計(jì)算。 showImg("https://segmentfault.com/img/bV5u5I?w=533&h=300"); 簡(jiǎn)評(píng):CSS 是一門入門比較簡(jiǎn)單...
摘要:寫好樣式,只需改變每張圖片的即可實(shí)現(xiàn)輪播效果。可以將輪播圖看成兩個(gè),如圖所示寫好每個(gè)的樣式容器寬度容器高度大圖片寬度小圖片寬度小圖片高度模板包含兩個(gè)輪播圖部分,設(shè)置一個(gè),定時(shí)改變。 原文地址:Bougie的博客 先展示最終效果:showImg("http...
摘要:前端基礎(chǔ)知識(shí)學(xué)習(xí)記錄三選擇器的使用與選擇器的簡(jiǎn)介選擇器,即為在被選元素的內(nèi)容前面插入內(nèi)容,使用屬性來(lái)指定要插入的內(nèi)容。也可理解為通過(guò)從已設(shè)定的寬度和高度分別減去邊框和內(nèi)邊距才能得到內(nèi)容的寬度和高度。 前端基礎(chǔ)知識(shí)學(xué)習(xí)記錄(三) 1.CSS ...
摘要:源碼文件夾,基本上我們的業(yè)務(wù)邏輯文件都應(yīng)該放在這里定義了這個(gè)項(xiàng)目所需要的各種模塊,以及項(xiàng)目的配置信息比如名稱版本許可證等元數(shù)據(jù)。 基于vue-cli 3.x,配合typescript的環(huán)境構(gòu)建的新vue項(xiàng)目,跟以前的結(jié)構(gòu)相比,有了一些變化,下面我們來(lái)簡(jiǎn)單的了解一...
摘要:當(dāng)文本溢出包含元素時(shí),顯示省略符號(hào)來(lái)代表被修剪的文本。文本不會(huì)換行,文本會(huì)在在同一行上繼續(xù),直到遇到標(biāo)簽為止。說(shuō)明限制在一個(gè)塊元素顯示的文本的行數(shù)。將對(duì)象作為彈性伸縮盒子模型顯示。,在多行文本的情況下,用省略號(hào)隱藏超出范圍的文本。 一...
摘要:瀏覽器內(nèi)核又叫渲染引擎,主要負(fù)責(zé)的解析,頁(yè)面布局渲染與復(fù)合層合成。頁(yè)面呈現(xiàn)原理規(guī)范定義了的詞法及語(yǔ)法文法。解析器使用和解析生成器從語(yǔ)法文件中自動(dòng)生成解析器?;貞浺幌陆馕銎鞯慕榻B,創(chuàng)建一個(gè)自底向上的解析器,使用自頂向下解析器。 瀏覽器內(nèi)...
摘要:但是可以做到將內(nèi)容中的英文單詞翻譯出來(lái),是怎么實(shí)現(xiàn)的呢一起來(lái)看一下吧。處理中的單詞由于傳給我的是一大段內(nèi)容,里面的元素的類型不只一種類名也不止一種,有等等,但是我只處理面積最大的一塊英文,也就是只處理中的英文單詞這就好辦了。 單詞翻譯...
摘要:塊級(jí)元素生成一個(gè)矩形框,作為文檔流的一部分,行內(nèi)元素則會(huì)創(chuàng)建一個(gè)或多個(gè)行框,置于其父元素中。相對(duì)定位,相對(duì)于自己的初始位置,不脫離文檔流。 有過(guò)css開(kāi)發(fā)經(jīng)驗(yàn)的同學(xué),對(duì)于position這個(gè)屬性一定不會(huì)陌生,然而這個(gè)熟悉的屬性確是面試題中的常客...
摘要:具體調(diào)用參考接口請(qǐng)求封裝函數(shù)一般在中實(shí)現(xiàn)微信自帶的網(wǎng)絡(luò)請(qǐng)求方法調(diào)用接口請(qǐng)求函數(shù)如在中首先需要獲取應(yīng)用實(shí)例調(diào)用數(shù)據(jù)請(qǐng)求在函數(shù)中聲明的一個(gè)全局變量,接下來(lái)使用點(diǎn)語(yǔ)法直接調(diào)用請(qǐng)求下來(lái)的值就可以了。 如何向微信小程序?qū)隓EMO源碼: 參考方法 參...
摘要:上一章通過(guò)用戶注冊(cè)講解了響應(yīng)式表單,這章主要講解如何向服務(wù)器提交注冊(cè)數(shù)據(jù)并導(dǎo)航到好友信息模塊。利用的方法將這個(gè)憑證存儲(chǔ)到本地。針對(duì)一個(gè)進(jìn)行數(shù)據(jù)存儲(chǔ)。當(dāng)用戶關(guān)閉瀏覽器窗口后,數(shù)據(jù)會(huì)被刪除。 上一章通過(guò)用戶注冊(cè)講解了響應(yīng)式表單ReactiveForm...
摘要:做題區(qū)域自動(dòng)補(bǔ)全剩下的高度代碼如下時(shí)間轉(zhuǎn)換的函數(shù)由秒轉(zhuǎn)換的格式時(shí)間轉(zhuǎn)換測(cè)試網(wǎng)址點(diǎn)我跳轉(zhuǎn)手機(jī)打開(kāi)或?yàn)g覽器仿真?zhèn)}庫(kù)地址鏈接有用記得點(diǎn)個(gè)星掃碼也可以上幾張效果圖 實(shí)現(xiàn)功能: 題目的加載 文章的上下滑動(dòng) 做題模式 做題內(nèi)容區(qū)域的上下滑動(dòng)動(dòng)態(tài)調(diào)整...
摘要:兩個(gè)相鄰的外邊距都是負(fù)數(shù)時(shí),折疊結(jié)果是兩者絕對(duì)值的較大值。兩個(gè)外邊距一正一負(fù)時(shí),折疊結(jié)果是兩者的相加的和。 在CSS當(dāng)中,相鄰的兩個(gè)盒子(可能是兄弟關(guān)系也可能是祖先關(guān)系)的外邊距可以結(jié)合成一個(gè)多帶帶的外邊距。這種合并外邊距的方式被稱為折...
摘要:用實(shí)現(xiàn)百度翻譯首先,需要簡(jiǎn)單的了解一下爬蟲(chóng),盡可能簡(jiǎn)單快速的上手,其次,需要了解的是百度的的接口,搞定這個(gè)之后,最后,按照官方給出的,然后寫自己的一個(gè)小程序打開(kāi)瀏覽器打開(kāi)百度翻譯網(wǎng)頁(yè)源代碼我們可以輕松的找到百度翻譯的請(qǐng)求接口為然后我們...
ChatGPT和Sora等AI大模型應(yīng)用,將AI大模型和算力需求的熱度不斷帶上新的臺(tái)階。哪里可以獲得...
大模型的訓(xùn)練用4090是不合適的,但推理(inference/serving)用4090不能說(shuō)合適,...
圖示為GPU性能排行榜,我們可以看到所有GPU的原始相關(guān)性能圖表。同時(shí)根據(jù)訓(xùn)練、推理能力由高到低做了...