文章庫(kù)ARTICLE COLUMN
摘要：前段時(shí)間寫(xiě)過(guò)一篇基礎(chǔ)知識(shí)之，當(dāng)時(shí)對(duì)的理解不太準(zhǔn)確，被慕課網(wǎng)多名讀者指出原文已修正，如有誤導(dǎo)實(shí)在抱歉。浮動(dòng)的基礎(chǔ)知識(shí)浮動(dòng)有個(gè)屬性左浮動(dòng)右浮動(dòng)不浮動(dòng)繼承。浮動(dòng)元素脫離了標(biāo)準(zhǔn)文檔流，文字和行級(jí)元素會(huì)環(huán)繞該元素，塊級(jí)元素則不受影響。 前段時(shí)間...
摘要：本筆記主要來(lái)源于這篇文章還有我的一些想法雜糅而成另外這是我自己寫(xiě)的一個(gè)大家感興趣的話(huà)都可以打開(kāi)來(lái)看看在進(jìn)入正文之前做一些說(shuō)明今天的主題是比較主要的三個(gè)屬性值其實(shí)還有許多與表格布局相關(guān)的取值除去列表比如使 本筆記主要來(lái)源于這篇文章,w3sch...
摘要：清除浮動(dòng)是在處理兼容性問(wèn)題單行多行文字超出省略號(hào)多行單行移動(dòng)端刪除默認(rèn)的蘋(píng)果工具欄和菜單欄控制狀態(tài)欄顯示樣式頂部時(shí)間那一塊瀏覽器設(shè)置成急速模式頁(yè)面滾動(dòng)穿透當(dāng)彈出彈框的 1.清除浮動(dòng) 1st: .clear{ clear:both; height: 0; line-height: 0;...
摘要：第二次修改源碼已放到由于無(wú)法解決事件不能獲取焦點(diǎn)標(biāo)簽的坐標(biāo)位置，所以只能用事件，而不能用類(lèi)事件防止事件的濫用，改用事件核心樣式持續(xù)更新，也可以根據(jù)自己喜歡的樣式重新定義 簡(jiǎn)單幾行代碼，就可以給bs框架添加Material Design風(fēng)格 效果圖：show...
摘要：那問(wèn)題來(lái)了，如何用來(lái)畫(huà)三角形呢別著急，先來(lái)看看我所遇到過(guò)的三角形。如下圖，有實(shí)心三角形，空心的，還有可以歸為三角形的小箭頭。畫(huà)一個(gè)三角形，首先想到的是如何畫(huà)三角形的形狀，然后給一個(gè)背景顏色。 在設(shè)計(jì)稿中，經(jīng)常會(huì)出現(xiàn)好多三角形，如果將三...
摘要：今天介紹一下，選擇器和選擇器的優(yōu)先級(jí)。選擇父元素為元素的所有元素。注釋不支持選擇器。二選擇器的優(yōu)先級(jí)在中并沒(méi)有給各個(gè)選擇器名字，在權(quán)威指南一書(shū)中，給出了選擇器的名字，如通配選擇器，選擇器，選擇器，等等。 今天介紹一下，css選擇器和選擇...
摘要：之前我們著力于通過(guò)代碼樣式規(guī)范以及重構(gòu)等手段協(xié)同工作，而保障代碼質(zhì)量，但是還是會(huì)有很多的錯(cuò)誤悄悄從眼皮底下溜走，被提交進(jìn)入到代碼庫(kù)里。我們老的還有個(gè)問(wèn)題就是沒(méi)有單元測(cè)試，這點(diǎn)就好像代碼上線(xiàn)前不進(jìn)行單元測(cè)試一樣不靠譜。 原文地址本文從屬...
摘要：概述這個(gè)問(wèn)題常出現(xiàn)在移動(dòng)開(kāi)發(fā)中聊天或者留言頁(yè)面的絕對(duì)定位輸入框上，頁(yè)面超過(guò)屏幕大小時(shí)候輸入框狀態(tài)下鍵盤(pán)彈出絕對(duì)定位的元素失效，導(dǎo)致頁(yè)面滾動(dòng)時(shí)候把定位元素一并帶走，體驗(yàn)十分不好，在此留下一自己的方法，讓更多的人不需要再爬這樣的小坑。 概...
摘要：那么，在我們當(dāng)下的前端開(kāi)發(fā)中，最常見(jiàn)的圖標(biāo)解決方案有哪些呢大概是三種，圖片和。 showImg("https://segmentfault.com/img/remote/1460000006774999");A picture is worth a thousand words, 一圖勝千言。 沒(méi)錯(cuò)，從 Web 誕生的那天開(kāi)始，圖標(biāo)就成為...
摘要：無(wú)論是否移動(dòng)，元素仍然占據(jù)原來(lái)的空間。絕對(duì)定位絕對(duì)定位使元素的位置與文檔流無(wú)關(guān)，因此不占據(jù)空間。 為啥讀這本書(shū) 現(xiàn)在前端圈子過(guò)于浮躁，掌握基礎(chǔ)無(wú)疑比掌握一個(gè)js框架重要 css怎么都能寫(xiě)出來(lái)，但是要寫(xiě)的好寫(xiě)得快還得多讀書(shū) css魔法推薦的，讀完...
摘要：常用語(yǔ)法是的預(yù)處理器，提供了很多方便的語(yǔ)法，如嵌套可復(fù)用代碼塊等，但是我們?cè)谧鲆话愠绦虻臅r(shí)候用不上這么多功能，這里總結(jié)了里我用的最多的幾種常用語(yǔ)法定義變量元素包含偽類(lèi)的嵌套這里的指的是前面的選擇器。 sass常用語(yǔ)法 sass是css的預(yù)處理器，...
摘要：瀏覽器會(huì)對(duì)發(fā)生變化的呈現(xiàn)器以及其子代標(biāo)注為，表示需要進(jìn)行標(biāo)記分為兩種和。異步和同步異步，簡(jiǎn)單來(lái)說(shuō)，就是指瀏覽器為了盡可能減少和的操作，而將這些操作積攢起來(lái)，再統(tǒng)一做一次。 終于到了布局的部分了！ 布局 當(dāng)渲染對(duì)象被創(chuàng)建并添加到樹(shù)中，是沒(méi)...
摘要：中的對(duì)象很好的解決了這個(gè)問(wèn)題。每一個(gè)對(duì)象都可以設(shè)置三種狀態(tài)進(jìn)行中已經(jīng)正確執(zhí)行執(zhí)行失敗關(guān)于，還有更多需要了解的地方，我這里只是拋磚引玉。的對(duì)象就是對(duì)模式的一個(gè)很好的實(shí)現(xiàn)案例。我們通過(guò)一個(gè)簡(jiǎn)單的例子來(lái)看看對(duì)象應(yīng)該如何使用。 在實(shí)際開(kāi)發(fā)中常...
摘要：預(yù)覽動(dòng)態(tài)移動(dòng)邊框鋸齒邊框首先我們重復(fù)度的透明背景，可以得到下面的再加一個(gè)反角度的秀景背景完整的鋸齒邊框效果更多背景效果動(dòng)態(tài)移動(dòng)邊框查看三角形從上面的圖可以看出的各邊框是三角形，如果只設(shè)置下邊框就可以得到三角形了。 預(yù)覽 showImg("https:...
摘要：表單和其中的表單控件提供了驗(yàn)證服務(wù)，可以讓用戶(hù)在提交一般在點(diǎn)擊類(lèi)型為的按鈕時(shí)提交表單前意識(shí)到自己有非法不符合要求，以下都將稱(chēng)為非法的輸入。為了編寫(xiě)一個(gè)可靠的應(yīng)用程序，服務(wù)端驗(yàn)證是不可或缺的。促發(fā)條件至于自定義表單驗(yàn)證，我會(huì)另寫(xiě)一篇。 ...
摘要：本文將介紹如何將多樣化的屬性設(shè)置一幅屬于你自己的獨(dú)一無(wú)二的背景圖片利用進(jìn)行背景圖片設(shè)置時(shí)，發(fā)現(xiàn)可提供的屬性也就那么幾個(gè)，而大量的屬性又不能直接使用在背景圖片上，其中主要就是濾鏡中強(qiáng)大的對(duì)圖片的裝飾方法，所以今天就和大家分享如何對(duì)背景圖...
摘要：在自定義的指令中，我們可以添加我們的驗(yàn)證方法到的對(duì)象上。驗(yàn)證碼在表單不合法時(shí)禁用提交按鈕提交保存成功判斷手機(jī)號(hào)是否重復(fù)驗(yàn)證兩次輸入的密碼是否相同的自定義驗(yàn)證當(dāng)值為空時(shí)，通過(guò)驗(yàn)證，因?yàn)橛? Angular實(shí)現(xiàn)了大部分常用的HTML5的表單控件的類(lèi)型(t...
摘要：通過(guò)的旋轉(zhuǎn)屬性來(lái)實(shí)現(xiàn)餅圖的效果。封裝了一個(gè)餅圖類(lèi)，通過(guò)實(shí)例化來(lái)生成各種樣式的餅圖。以前一直用做餅圖的效果，但有時(shí)候，一些比較簡(jiǎn)單的餅圖用的話(huà)有點(diǎn)殺雞用牛刀的感覺(jué)。并封裝了一下，支持多種樣式，寫(xiě)了一個(gè)。 通過(guò)css3的旋轉(zhuǎn)屬性來(lái)實(shí)現(xiàn)餅圖的效...
摘要：譬如設(shè)置值為，相對(duì)于，則元素的變形較弱一些。經(jīng)過(guò)測(cè)試，其視覺(jué)效果和是一樣，相當(dāng)于從無(wú)限遠(yuǎn)處平面超長(zhǎng)焦觀察這個(gè)動(dòng)畫(huà)。其作用是當(dāng)旋轉(zhuǎn)過(guò)正面，設(shè)置是否顯示其背面。 先上效果圖和代碼吧鼠標(biāo)懸浮上去，藍(lán)色的front面開(kāi)始旋轉(zhuǎn) showImg("https://segme...
摘要：分為線(xiàn)性漸變和徑向漸變。而我們今天主要是通過(guò)一個(gè)小例子來(lái)針對(duì)線(xiàn)性漸變來(lái)剖析其具體的用法。今天的例子就是用的線(xiàn)性漸變制作一個(gè)大致的針孔注射器。第一個(gè)參數(shù)表示線(xiàn)性漸變的方向，是從上到下是從左到右，如果定義成，那就是從左上角到右下角。 CSS3...
摘要：中的變量以開(kāi)頭。中的引入文件以下劃線(xiàn)開(kāi)頭，在其它文件中引用時(shí)，用命令即可，引用時(shí)不需要帶文件名開(kāi)頭的下劃線(xiàn)和擴(kuò)展名。導(dǎo)入本身就提供了導(dǎo)入的選項(xiàng)，這樣就將進(jìn)一步分割成了代碼更少更容易維護(hù)的代碼段，但是在中每一條語(yǔ)句都會(huì)產(chǎn)生一次請(qǐng)求。 基...
摘要：不過(guò)這個(gè)效果感覺(jué)上就像是閃一下就切換到該位置。為了使用體驗(yàn)上的感覺(jué)有時(shí)候網(wǎng)站會(huì)設(shè)計(jì)一種平滑捲動(dòng)到該位置的效果。的方式非常簡(jiǎn)單，只要在該元素設(shè)定注意是而不是這個(gè)方式非常方便不過(guò)目前只有支援，查閱。 眾所皆知 HTML 錨點(diǎn)(anchor link)透過(guò)給...
摘要：邏輯非操作符只能作用于單個(gè)邏輯操作數(shù)，其結(jié)果是把那個(gè)邏輯操作數(shù)所返回的布爾值取反。如果那個(gè)邏輯操作數(shù)所返回的布爾值是，邏輯非操作符將把它取反為為了避免產(chǎn)生歧義，上面這條語(yǔ)句把邏輯操作數(shù)放在了括號(hào)里，使邏輯非操作符作用于括號(hào)里的所有內(nèi)容...
摘要：百度前端技術(shù)學(xué)院上有一個(gè)任務(wù)，要實(shí)現(xiàn)一個(gè)日期選擇組件，本文由此而來(lái)看看需求組件默認(rèn)一直呈顯示狀態(tài)通過(guò)某種方式選擇年月，選擇了年月后，日期列表做相應(yīng)切換通過(guò)單擊某個(gè)具體的日期進(jìn)行日期選擇組件初始化時(shí)，可配置可選日期的上下限。 百度前端技...
ChatGPT和Sora等AI大模型應(yīng)用，將AI大模型和算力需求的熱度不斷帶上新的臺(tái)階。哪里可以獲得...
大模型的訓(xùn)練用4090是不合適的，但推理（inference/serving）用4090不能說(shuō)合適，...
圖示為GPU性能排行榜，我們可以看到所有GPU的原始相關(guān)性能圖表。同時(shí)根據(jù)訓(xùn)練、推理能力由高到低做了...
89542767
社區(qū)管理員
白馬嘯西風(fēng)