文章庫ARTICLE COLUMN
摘要：寫在前面之前寫了一篇為移動(dòng)端而生的自定義多級(jí)聯(lián)動(dòng)選擇器，得到了很多人的關(guān)注。具體實(shí)現(xiàn)步驟如下先傳入一個(gè)需要計(jì)算深度的對(duì)象給，判斷如果還有則迭代，并計(jì)算深度。如果增加了聯(lián)動(dòng)級(jí)數(shù)需要來判斷，則為新增加的聯(lián)動(dòng)綁定新的事件。 寫在前面 之前寫...
摘要：本文講解的是一份學(xué)習(xí)參考目錄，如果能堅(jiān)持學(xué)習(xí)下去，那你離全棧又近了一步。 本文講解的是一份學(xué)習(xí)參考目錄，如果能堅(jiān)持學(xué)習(xí)下去，那你離全棧又近了一步。一.網(wǎng)頁編輯1.網(wǎng)頁編輯技術(shù) （1）起步：包含html,css 推薦網(wǎng)站：html菜鳥教程 慕課網(wǎng) w3csc...
摘要：編寫配置文件，以下是關(guān)鍵配置代碼雪碧圖合并輸出到文件參數(shù)執(zhí)行目錄參數(shù)生成的和圖片的文件名之所以推薦，是因?yàn)榉浅５撵`活，看懂模塊的可以根據(jù)你的項(xiàng)目情況編寫對(duì)應(yīng)的配置文件。 showImg("https://segmentfault.com/img/bVGpAw?w=518&h=156"); 前言...
摘要：加速回到頂部將其左上角置于容器的水平方向上的中點(diǎn)向右移動(dòng)圖片容器的寬度的一半，以實(shí)現(xiàn)其左側(cè)貼緊圖片的邊線的效果將按鈕隱藏增加過渡效果鼠標(biāo)懸浮時(shí)改變樣式此處設(shè)置的值的是為了阻止其回到頂部的默認(rèn)行為。 我在半年前接觸過相關(guān)案例，最近重新看...
摘要：思考一個(gè)好的架構(gòu)一個(gè)好的架構(gòu)是具有良好的可擴(kuò)展性。定義手風(fēng)琴的展開或收起，鏈接的有效或無效，元素的隱藏或顯示。的命名規(guī)范命名組件的方式是非常流行特別有幫助的規(guī)范。目前該領(lǐng)域最豐富的思想領(lǐng)袖之一。 你有沒有在一個(gè)逐漸膨脹的 CSS 項(xiàng)目中感...
摘要：創(chuàng)建可維護(hù)的設(shè)計(jì)規(guī)范為什么需要相信團(tuán)隊(duì)工作中，不管是前端還是設(shè)計(jì)師都有被視覺統(tǒng)一問題折磨過的美好經(jīng)歷。所以在這，我先略過視覺稿，直接來說如何創(chuàng)建一分靈活可維護(hù)的設(shè)計(jì)規(guī)范。 創(chuàng)建可維護(hù)的設(shè)計(jì)規(guī)范（Living Style Guide） 為什么需要 Style Gu...
摘要：區(qū)別在于，類是在中運(yùn)用的，混合器是在樣式表中使用的?；居梅ㄟx擇器繼承，用去繼承一個(gè)選擇器定義的所有樣式。繼承背后的基本實(shí)現(xiàn)思路背后最基本的想法是，如果繼承了，那么樣式表中的任何一處選擇器都會(huì)用這一選擇器組進(jìn)行替換和打開。 上一篇詳述...
摘要：變量插值預(yù)處理器中定義的變量不僅可以用作屬性值，還可以用作選擇器，屬性名等，這就是變量插值。三種預(yù)處理器的嵌套語法是一致的，引用父級(jí)選擇器的標(biāo)記也相同。三種預(yù)處理器的使用方式的差異比較大，下面分別說明。 在寫CSS的時(shí)候我們會(huì)發(fā)現(xiàn)，為了...
摘要：頁面分為兩欄，左邊導(dǎo)航，右邊內(nèi)容。想實(shí)現(xiàn)互不影響，腫么辦給每一個(gè)想多帶帶控制鼠標(biāo)滾動(dòng)的區(qū)域，設(shè)置 1. 頁面分為兩欄，左邊導(dǎo)航，右邊內(nèi)容。想實(shí)現(xiàn)互不影響，腫么辦？給每一個(gè)想多帶帶控制鼠標(biāo)滾動(dòng)的區(qū)域，設(shè)置 position: fixed; overflow-y: auto/...
摘要：三創(chuàng)建時(shí)發(fā)現(xiàn)這么一句話，不知其什么意思，百度如下這樣寫可以達(dá)到的效果是如果安裝了，則使用來渲染頁面，如果沒安裝，則使用最高版本的內(nèi)核進(jìn)行渲染。 在網(wǎng)站開發(fā)中不免因?yàn)楦鞣N兼容問題苦惱，針對(duì)兼容問題，其實(shí)IE給出了解決方案Google也給出了解決...
摘要：布爾值布爾值主要用于的分支結(jié)構(gòu)中判斷使用，布爾值的操作符有和，就是與或非。此外比較操作符只能作用于數(shù)字，但是可作用于所有類型，這些操作符返回布爾值。 Sass筆記關(guān)于sass的基礎(chǔ)部分已經(jīng)寫完，這一篇介紹Sass的高級(jí)特性——腳本特性。Sass能做很...
摘要：寫在前面之前寫了一篇為移動(dòng)端而生的自定義多級(jí)聯(lián)動(dòng)選擇器，得到了很多人的關(guān)注。預(yù)知后話地址為移動(dòng)端而生的自定義多級(jí)聯(lián)動(dòng)選擇器到此，需求已經(jīng)明確。 寫在前面 之前寫了一篇 MultiPicker -『為移動(dòng)端而生』的自定義多級(jí)聯(lián)動(dòng)選擇器，得到了很多人的...
摘要：設(shè)置為，然后設(shè)置寬高，和一樣的話，就會(huì)在里垂直居中了對(duì)吧，然而并沒有。恩，到處改改改試試試，然后發(fā)現(xiàn)是搞的鬼。所以，為了不顯示文本，我可以在中插入空格符號(hào)，這樣不影響顯示?；蛘?，把的設(shè)為，都可以使得高度就是高度。 想要畫下圖這個(gè)輪播圖...
摘要：是的，趁著在玩輪播我用又寫了個(gè)滑動(dòng)式的輪播圖，是仿的嗶哩嗶哩嗶哩嗶哩。點(diǎn)我轉(zhuǎn)到思路這回我是用修改圖片的屬性，用的來實(shí)現(xiàn)動(dòng)畫過程。滑動(dòng)式的輪播圖圖片是怎么動(dòng)的呢中間為輪播圖展示區(qū)。 是的，趁著在玩輪播我用transition又寫了個(gè)滑動(dòng)式的輪播圖...
摘要：最近項(xiàng)目有需求要做一個(gè)的頁面，涉及到的使用。中間的動(dòng)畫過程由瀏覽器渲染引擎進(jìn)行渲染。其中可以使用的時(shí)間段或者通過關(guān)鍵詞和，等價(jià)于和。動(dòng)畫以低速開始，然后加快，在結(jié)束前變慢。動(dòng)畫延遲進(jìn)入動(dòng)畫動(dòng)畫勻速播放持續(xù)，播放一次后將停止在最終的狀態(tài)...
摘要：在上一篇文章中我們知道可以通過屬性可以實(shí)現(xiàn)首行縮進(jìn)兩個(gè)字符?，F(xiàn)在我們來講一下第二個(gè)技巧。通過設(shè)置來實(shí)現(xiàn)針對(duì)如果里面是標(biāo)簽的情況下實(shí)現(xiàn)更好的優(yōu)化。為了實(shí)現(xiàn)更好的我們就可以應(yīng)用這個(gè)技巧?？梢詫?shí)現(xiàn)元素的居中。 text-indent 在上一篇文章中我們...
摘要：絕對(duì)定位讓元素脫離文檔流，所以他們不再影響他們的周邊元素。元素在文檔流中，也能感知其他元素尺寸的改變。中間，一個(gè)在文檔流中的元素并且?guī)в袑傩缘脑?。最右，不在文檔流中的元素但是內(nèi)容區(qū)域有高度。元素的基線依賴于元素是否是文檔流中的元素。...
摘要：寫在前面之前寫了一篇為移動(dòng)端而生的自定義多級(jí)聯(lián)動(dòng)選擇器，得到了很多人的關(guān)注。預(yù)知后話地址為移動(dòng)端而生的自定義多級(jí)聯(lián)動(dòng)選擇器到此，的操作和手勢(shì)算法就已經(jīng)基本掌握了。 寫在前面 之前寫了一篇 MultiPicker -『為移動(dòng)端而生』的自定義多級(jí)聯(lián)動(dòng)選...
摘要：寫在前面之前寫了一篇為移動(dòng)端而生的自定義多級(jí)聯(lián)動(dòng)選擇器，得到了很多人的關(guān)注。預(yù)知后話地址為移動(dòng)端而生的自定義多級(jí)聯(lián)動(dòng)選擇器到此，時(shí)間選擇器的核心算法就已經(jīng)基本掌握了。 寫在前面 之前寫了一篇 MultiPicker -『為移動(dòng)端而生』的自定義多級(jí)聯(lián)...
摘要：以下是本人使用的命名規(guī)范，僅用參照命名命名命名文件命名文件命名文件命名語法命名變量常量類函數(shù)文件命名文件夾命名參考目錄命名規(guī)范項(xiàng)目目錄靜態(tài)文件目錄后臺(tái)樣式謝謝關(guān)注 以下是本人使用的命名規(guī)范，僅用參照 class命名： id命名： name命名：...
摘要：最近在做，發(fā)現(xiàn)還是對(duì)了解的不是特別深刻，這里做一個(gè)總結(jié)。是以當(dāng)前元素的中心為重心旋轉(zhuǎn)順時(shí)針開始。就是普通的狀態(tài)將會(huì)倒置含義傾斜單位用法以自身元素為基礎(chǔ)值為正數(shù)時(shí)向右傾斜值為負(fù)數(shù)時(shí)向左傾斜特殊值視覺上元素消失。 最近在做H5，發(fā)現(xiàn)還是對(duì)tr...
摘要：因?yàn)榈谌竦木嚯x還是存在，也就能理解之前的有一種解決方案，如果中不存在文本，直接設(shè)置。單元格垂直居中。單元格的內(nèi)邊距的下邊緣與行的底端對(duì)齊。 css中的基礎(chǔ)知識(shí)，上次在刷 segmentfault 遇見了一個(gè)相關(guān)的問題有再次看過 vertical-align 的描述...
摘要：最近學(xué)習(xí)一個(gè)出現(xiàn)一個(gè)奇怪的現(xiàn)象，話不多說先貼代碼。當(dāng)初認(rèn)為由于設(shè)置成了之后，換行和空格都被解析造成的，然是后來已測(cè)試，發(fā)現(xiàn)根本不是這個(gè)原因造成的，最近經(jīng)過自己的苦思冥想，查閱資料，竟然發(fā)現(xiàn)是搞得鬼。因?yàn)楦?dòng)不屬于行內(nèi)元素了。 最近學(xué)習(xí)...
摘要：第二層要設(shè)置毛玻璃高度，和。要添加的背景圖片實(shí)際高度為最終展示的毛玻璃高度設(shè)置為后，若不設(shè)置，由于是空的，導(dǎo)致為毛玻璃高度要比最終的高度大才行上移設(shè)置和是為了左右邊緣也模糊度好設(shè)置模糊度在和下顯示都，在中沒有模糊效果，添加即可。 恩，...
摘要：這個(gè)時(shí)候小明如果僅僅引入不想改，那么就是這個(gè)值，如果他想改，就可以在任何一處重新聲明這個(gè)變量，那么就會(huì)變成小明的值。 這一篇主要詳述保持sass條理性和可讀性的3個(gè)最基本方法——嵌套、導(dǎo)入和注釋。 零. 變量 變量本身的作用是為了保持屬性值的...
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)