摘要:響應(yīng)式圖片加載與用戶設(shè)備相匹配的圖片,既快速又不會影響用戶體驗或者服務(wù)器使用圖片使用圖片直接看代碼,就是讀取瀏覽器選擇相對應(yīng)的圖片,此外還可以設(shè)置配置不同圖片。矢量圖解決響應(yīng)式問題,不做描述,也是解決方式之一。 如何挑選第三方組件,...
摘要:項目中遇到的插件打包工具依賴環(huán)境搭建過程安裝去官網(wǎng)安裝下載安裝包之后直接點擊安裝即可查看版本安裝使用淘寶鏡像未使用全局安裝創(chuàng)建基于的新項目安裝依賴項,安裝完會新增文件夾安裝插件安裝安裝路由項目上線 項目中遇到的插件:vue-router vue-res...
摘要:方法一將內(nèi)容部分的設(shè)為負數(shù)等于的高度這個方法需要容器里有額外的占位元素。方法三使用設(shè)置內(nèi)容高度這里假設(shè)和之間有的間距,所以方法四使用彈性盒布局以上三種方法的高度都是固定的,如果的內(nèi)容太多則可能會破壞布局。方法五使用網(wǎng)格布局 [原文鏈接 ...
摘要:最后討論決定自己開發(fā)一個框架,于是就開始了整體框架的設(shè)計。設(shè)計框架首先是底層框架,設(shè)計底層框架的第一個問題就是如何管理框架的所有類及其依賴關(guān)系,對比成熟的方案有依賴注入和基于組件設(shè)計兩種方案。 背景 事情源于在做框架選型的時候,我們對...
摘要:規(guī)則它現(xiàn)在被廣泛用作在網(wǎng)頁中嵌入字體。支持新的規(guī)則,但是僅支持類型的字體。規(guī)則規(guī)則用來導(dǎo)入其它的文件。規(guī)則必須被放置在一個樣式表的頂部,在任何其他規(guī)則上面。規(guī)則可用于樣式應(yīng)用到一個特定的媒體,如印刷品。 font-face 規(guī)則 @font-face 它現(xiàn)...
摘要:二標(biāo)準(zhǔn)主要分為哪幾部分目前為止標(biāo)準(zhǔn)主要分為結(jié)構(gòu)設(shè)備設(shè)計與應(yīng)用語義化技術(shù)服務(wù)以及瀏覽和創(chuàng)作工具大部分。同時也涉及到的可訪問性方面的內(nèi)容。技術(shù)技術(shù)包括,命名空間,和其他相關(guān)的標(biāo)準(zhǔn)。 一、什么是w3c標(biāo)準(zhǔn) ??w3c(World Wide Web Consortium)標(biāo)準(zhǔn)...
摘要:響應(yīng)式布局,先看效果大屏效果中屏效果小屏效果下面是一些筆記心得響應(yīng)式網(wǎng)站的優(yōu)點減少工作量網(wǎng)站,設(shè)計,代碼,內(nèi)容都只有一份做少量更改節(jié)省時間多個分辨率設(shè)備都能正確顯示搜索優(yōu)化缺點會加載更多的樣式和腳本資源設(shè)計比較難精確定位和控制老版本瀏...
摘要:此方法可適用于普通頁面,也可以是其他,使用相關(guān)樣式即可。下面效果是橫向滾動,也可以使用修改為垂直滾動。 此方法可適用于普通html頁面,也可以是其他,使用相關(guān)css樣式即可。下面效果是橫向滾動,也可以使用overflow-y: scroll; 修改為垂直滾動。 ...
摘要:最近看到知乎上面很多討伐培訓(xùn)班的問答文章,不禁想到了我和新手同事合作的一些經(jīng)歷其實你是培訓(xùn)班出來還是計算機科班畢業(yè),沒人在乎,關(guān)鍵是你表現(xiàn)出來的一些問題切切實實的對你的同事或合作伙伴造成了很大困擾,而且這些問題集中在某一部分人身上顯露...
摘要:于是出現(xiàn)了一種新的布局方式寬度自適應(yīng)布局。下面再從直觀一點的來看,響應(yīng)式和自適應(yīng)的區(qū)別首先兩種方式解決問題的是不一樣的。響應(yīng)式的概念應(yīng)該覆蓋了自適應(yīng),而且涵蓋的內(nèi)容更多。圖片的自適應(yīng)除了布局和文本,自適應(yīng)網(wǎng)頁設(shè)計還必須實現(xiàn)圖片的自動縮...
摘要:今天面試的時候,面試官問了一個屬性參數(shù)的問題。使用屬性,你可以給任何元素制作圓角。設(shè)置不同參數(shù),也可以制作其他形狀的角屬性有四個值,分別對應(yīng)圖中位置圓角的半徑。此時使用號隔離,號前表示水平半徑,號后表示垂直半徑,缺省值時表示含義同上。...
摘要:前言在現(xiàn)在市面上很多全景的環(huán)境下,要實現(xiàn)全景的方式有很多,可以用直接構(gòu)建也可以用基于的庫來實現(xiàn),還有很多別的制作全景的軟件使用本教學(xué)適用于未開發(fā)過全景的工程獅如果覺得內(nèi)容太無聊可以直接跳到最后下載代碼理論整個全景所用的相關(guān)理論就不多說...
摘要:塊級盒參與塊格式化上下文。行內(nèi)級盒參與行內(nèi)格式化上下文塊格式化上下文行內(nèi)格式化上下文相對定位浮動盒就是一個在當(dāng)前行向左或向右移動的盒。浮動絕對定位絕對定位模型中,一個盒會有相對于其包含塊的明確偏移,它會從常規(guī)流中全部移除不會影響后面的...
摘要:解決在精簡的時候,需要把里面的相對路徑替換成絕對路徑將中的引用的相對路徑轉(zhuǎn)化為絕對路徑精簡后,破壞了通用模塊的緩存這其實是一個取舍問題。解決不精簡通用模塊,只精簡具體業(yè)務(wù)相關(guān)的。 隨著項目的不斷迭代,我們的css會不斷變大,但通常頁面上...
摘要:思路以一個品字為單元,然后考慮如何讓他們銜接起來采用的偽類顯示線條。主體級級級級級級級方法一實現(xiàn)兼容,更低版本未測試考慮到兼容性,該方法方面采取浮動然后通過計算每一個品的寬度。 以下內(nèi)容純屬個人的一點點或許不大成熟的思考,若大家發(fā)現(xiàn)有...
摘要:目前還不是的正式標(biāo)準(zhǔn)之一,主要用在移動端配合實現(xiàn)自適應(yīng)移動網(wǎng)頁設(shè)計最開始的移動端瀏覽器在一個比屏幕更寬的虛擬窗口中渲染頁面,然后通過手指在屏幕的縮放和平移來瀏覽。 vieport目前還不是w3c的正式標(biāo)準(zhǔn)之一,主要用在移動端配合@media實現(xiàn)自適應(yīng)...
數(shù)據(jù)類型:(包括Number、String、Object、Array、Boolean)showImg(https://segmentfault.com/img/bVJIpW?w=795&h=782);
摘要:目錄移動端開發(fā)的基本觀點像素基礎(chǔ)知識原理解析彈性布局響應(yīng)式設(shè)計的運用移動端的事件庫的使用移動端開發(fā)的基本觀點移動端開發(fā)的意義移動端用戶使用量市場需求市場供給公司需要移動端開發(fā)人才工資高,就業(yè)易涌現(xiàn)大波程序猿到了猴年馬月,工資才會 目錄...
摘要:之前一直都知道中的部分元素具有包裹性,今天寫博客的時候正好也遇到了一個,所以想總結(jié)一下,有錯誤的地方歡迎指出來。浮動經(jīng)過測試,浮動元素會自動包裹內(nèi)部元素。代碼浮動元素具有包裹性為或除了之外的其他定位也都具有包裹性,可以看做特殊的。 之...
摘要:方法作用是,用一個或多個其他對象來擴展一個對象。通常使用格式如下上述代碼含義是將合并到中,并返回。如果該方法里面兩個參數(shù)都是數(shù)組呢控制臺輸出的為如果方法省略了參數(shù),則表示將合并到全局對象中去。 jQuery.extend()方法作用是,用一個或多個...
摘要:原文鏈接一般的吸頂,通常是給上一個定位便可實現(xiàn),而類似于上圖這樣的粘黏吸頂,也是一個比較常見的需求粘黏吸頂大概的思路是這樣首先,給吸頂欄一個或者定位,通過去監(jiān)聽事件觸發(fā)一個判斷吸頂欄高度的函數(shù),當(dāng)吸頂欄的高度距離可視區(qū)域頂部小于等于時...
ChatGPT和Sora等AI大模型應(yīng)用,將AI大模型和算力需求的熱度不斷帶上新的臺階。哪里可以獲得...
一、活動亮點:全球31個節(jié)點覆蓋 + 線路升級,跨境業(yè)務(wù)福音!爆款云主機0.5折起:香港、海外多節(jié)點...
大模型的訓(xùn)練用4090是不合適的,但推理(inference/serving)用4090不能說合適,...