文章庫(kù)ARTICLE COLUMN
摘要：隨著工程中代碼量的增加，一套有效的管理規(guī)范也是必須和必要的。鑒于以上兩種問(wèn)題，放棄使用，如同行有好的解決方案歡迎留言。現(xiàn)在我們工程中的做法，每個(gè)組件一個(gè)組件名稱功能日期，然后使用的天然嵌套方式在此類下進(jìn)行書(shū)寫(xiě)。 在實(shí)際開(kāi)發(fā)中，大部分人...
摘要：前言有過(guò)面試經(jīng)驗(yàn)的同學(xué)應(yīng)該都被問(wèn)過(guò)瀏覽器兼容性的問(wèn)題，對(duì)于面試官的問(wèn)題，常常猝不及防，因?yàn)橥ǔＫ麄兌际沁@么問(wèn)的。來(lái)談?wù)劄g覽器兼容的問(wèn)題吧，你對(duì)瀏覽器的兼容性有了解過(guò)嗎，那么如何才是我們正確回答這個(gè)問(wèn)題的姿勢(shì)呢。 前言 有過(guò)面試經(jīng)驗(yàn)的同...
摘要：這是一個(gè)基于做的一個(gè)電商網(wǎng)站前端項(xiàng)目附帶前后端分離實(shí)現(xiàn)版本在分支，歡迎或項(xiàng)目地址項(xiàng)目預(yù)覽地址說(shuō)明分支是單純的前端項(xiàng)目，分支為與后端接口結(jié)合的前端項(xiàng)目，附后端項(xiàng)目地址本項(xiàng)目?jī)H供學(xué)習(xí)參考分支為純前端項(xiàng)目，所以登陸密碼是寫(xiě)死的，體驗(yàn)賬號(hào)密 ...
摘要：所以不會(huì)報(bào)錯(cuò)函數(shù)聲明可以先調(diào)用再聲明函數(shù)聲明解析時(shí)，不會(huì)放到前面。所以會(huì)報(bào)錯(cuò)報(bào)錯(cuò)多個(gè)方法之間直接書(shū)寫(xiě)不需要隔開(kāi)我會(huì)說(shuō)話解析其中方法和方法之間并沒(méi)有用逗給開(kāi)。 1.class class es6 中 為 關(guān)鍵字用來(lái)聲明 一個(gè) 類 1.只能通過(guò)new調(diào)用 2.不存在變...
摘要：學(xué)習(xí)工作中遇到的問(wèn)題，和容易忘記的零碎知識(shí)，部分為摘抄，如若侵權(quán)，請(qǐng)告知。將構(gòu)造函數(shù)的指向這個(gè)新創(chuàng)建的對(duì)象即將指向這個(gè)新對(duì)象。取消冒泡這種相當(dāng)于全局取消事件冒泡。前端性能的優(yōu)化避免全局查找，全局查找需要涉及作用域鏈上的查找。 學(xué)習(xí)工作...
摘要：效果預(yù)覽按下右側(cè)的點(diǎn)擊預(yù)覽按鈕可以在當(dāng)前頁(yè)面預(yù)覽，點(diǎn)擊鏈接可以全屏預(yù)覽。源代碼下載每日前端實(shí)戰(zhàn)系列的全部源代碼請(qǐng)從下載代碼解讀定義，只有個(gè)元素居中顯示定義容器尺寸用畫(huà)出組點(diǎn)陣定義動(dòng)畫(huà)最后，把動(dòng)畫(huà)效果應(yīng)用到點(diǎn)陣上大功告成 showImg("https...
摘要：轉(zhuǎn)行前端有哪些疑慮在人生的抉擇處，尋求一些別人的經(jīng)驗(yàn)和總結(jié)，無(wú)可厚非，但是決定了就一定要堅(jiān)定的走下去，謹(jǐn)慎是為了更好的堅(jiān)持，而不是放棄的理由。寫(xiě)在前面這里前后端指的是開(kāi)發(fā)的前后端。 轉(zhuǎn)行前端有哪些疑慮？ 在人生的抉擇處，尋求一些別人的...
摘要：過(guò)往項(xiàng)目年月份項(xiàng)目匯總共個(gè)項(xiàng)目年月份發(fā)布的項(xiàng)目前端每日實(shí)戰(zhàn)專欄每天分解一個(gè)前端項(xiàng)目，用視頻記錄編碼過(guò)程，再配合詳細(xì)的代碼解讀，是學(xué)習(xí)前端開(kāi)發(fā)的活的參考書(shū)頻演示如何用純創(chuàng)作一種按鈕被瞄準(zhǔn)的交互特效視頻演示如何用純創(chuàng)作一個(gè)同心圓弧旋轉(zhuǎn)特效...
摘要：可交互視頻此視頻是可以交互的，你可以隨時(shí)暫停視頻，編輯視頻中的代碼。為咖啡機(jī)增加光影定義咖啡流動(dòng)的前半段動(dòng)畫(huà)，即咖啡從出水口流到杯中定義咖啡流動(dòng)的后半段動(dòng)畫(huà)，即出水口停止流出咖啡，剩余咖啡流到杯中大功告成 showImg("https://segmentfaul...
摘要：投影單側(cè)投影鄰邊投影雙側(cè)投影模糊距離陰影尺寸不規(guī)則投影濾鏡可接受的參數(shù)基本上跟屬性是一樣的，但不包括擴(kuò)張半徑，不包括關(guān)鍵字，也不支持逗號(hào)分割的多層投影語(yǔ)法毛玻璃效果折角效果 投影 單側(cè)投影 box-shadow:0px 10px 10px -5px black; showImg("...
摘要：前幾天在做項(xiàng)目的過(guò)程中，關(guān)于字體小于時(shí)，很難做到完全居中顯示，表示有點(diǎn)抓狂，各種百度找到一個(gè)貌似還不錯(cuò)的方法，總結(jié)出來(lái)分享給你和我。 前幾天在做項(xiàng)目的過(guò)程中，關(guān)于字體小于12px時(shí)，很難做到完全居中顯示，表示有點(diǎn)抓狂，各種百度找到一個(gè)貌似...
摘要：連字符斷行需要在的屬性指定支持的語(yǔ)言尚未支持與結(jié)合使用插入換行避免首個(gè)前面也加入空行換行符避免逗號(hào)前面的空格，不一定為文本行的斑馬條紋調(diào)整的寬度連字華麗的符號(hào)自定義下劃線現(xiàn)實(shí)中的文字效果發(fā)光字效果環(huán)形文字 連字符斷行 hyphens:auto; *:...
摘要：地址的搭建新建項(xiàng)目文件夾初始化項(xiàng)目搭建的基本框架同時(shí)安裝依賴版本號(hào)的熱更新創(chuàng)建一個(gè)文件夾，創(chuàng)建一個(gè)文件測(cè)試能否打包，發(fā)現(xiàn)報(bào)錯(cuò)缺少在文件里面的入口上面加上現(xiàn)在先是在本地跑起來(lái)，如果是生產(chǎn)環(huán)境的話，此時(shí)再進(jìn)行打包打包成功。 github 地址 ht...
摘要：關(guān)鍵幀是用來(lái)通知瀏覽器在規(guī)定的時(shí)間點(diǎn)上應(yīng)有的屬性值然后填充空白。每一對(duì)數(shù)值內(nèi)包含表示三次貝塞爾曲線控制點(diǎn)的和坐標(biāo)。即使每個(gè)控制點(diǎn)的和值的微小差異都會(huì)輸出完全不同的貝塞爾曲線。 原文請(qǐng)查閱這里，本文采用知識(shí)共享署名 4.0 國(guó)際許可協(xié)議共享...
摘要：盒模型與本文為收集整理總結(jié)網(wǎng)上資源旨在系統(tǒng)復(fù)習(xí)盒模型與節(jié)省復(fù)習(xí)時(shí)間閱讀分鐘什么是盒模型每一個(gè)文檔中，每個(gè)元素都被表示為一個(gè)矩形的盒子它都會(huì)具有內(nèi)容區(qū)盒模型主要分兩種標(biāo)準(zhǔn)盒模型盒模型怪異盒模型兩者的區(qū)別標(biāo)準(zhǔn)盒模型的寬高則為內(nèi)容區(qū)域的寬高...
摘要：半透明邊框相關(guān)語(yǔ)法多重邊框方案需要注意的是，上面所創(chuàng)建的邊框是偽邊框，并不響應(yīng)鼠標(biāo)事件。方案以左上角為基準(zhǔn)。圖像邊框連續(xù)的圖像邊框?qū)傩砸?guī)定背景的繪制區(qū)域。 半透明邊框 border:10px solid hsla(0,0%,100%,.5); background: white; ...
摘要：效果預(yù)覽按下右側(cè)的點(diǎn)擊預(yù)覽按鈕可以在當(dāng)前頁(yè)面預(yù)覽，點(diǎn)擊鏈接可以全屏預(yù)覽。可交互視頻此視頻是可以交互的，你可以隨時(shí)暫停視頻，編輯視頻中的代碼。 showImg("https://segmentfault.com/img/bVbcSJx?w=500&h=500"); 效果預(yù)覽 按下右側(cè)的點(diǎn)擊預(yù)覽...
摘要：推薦一個(gè)漸變效果工具，覺(jué)得有幫助的可以收藏下。工具鏈接漸變可以讓你在兩個(gè)或多個(gè)指定的顏色之間顯示平穩(wěn)的過(guò)渡。 推薦一個(gè)css3漸變效果工具，覺(jué)得有幫助的可以收藏下。 工具鏈接 CSS3 漸變（gradients）可以讓你在兩個(gè)或多個(gè)指定的顏色之間顯示平...
摘要：效果預(yù)覽按下右側(cè)的點(diǎn)擊預(yù)覽按鈕可以在當(dāng)前頁(yè)面預(yù)覽，點(diǎn)擊鏈接可以全屏預(yù)覽。可交互視頻此視頻是可以交互的，你可以隨時(shí)暫停視頻，編輯視頻中的代碼。 showImg("https://segmentfault.com/img/bVbcPd9?w=500&h=500"); 效果預(yù)覽 按下右側(cè)的點(diǎn)擊預(yù)覽...
摘要：做移動(dòng)端自適應(yīng)時(shí)可能很多人都對(duì)自適應(yīng)和之間的關(guān)系產(chǎn)生疑問(wèn)也有一些人會(huì)疑慮比如我的自適應(yīng)方案沒(méi)有加會(huì)不會(huì)出問(wèn)題針對(duì)這些疑問(wèn)我說(shuō)一下我的見(jiàn)解。 做移動(dòng)端自適應(yīng)時(shí)可能很多人都對(duì)自適應(yīng)和dpr之間的關(guān)系產(chǎn)生疑問(wèn),也有一些人會(huì)疑慮比如我的自適應(yīng)方案...
摘要：總結(jié)了幾種常見(jiàn)的頁(yè)面架構(gòu)布局方案居中布局水平居中垂直居中水平垂直多列布局自適應(yīng)布局等寬布局等高布局居中布局水平居中水平居中布局垂直居中水平垂直居中多列布局自適應(yīng)布局定寬自適應(yīng) 總結(jié)了幾種常見(jiàn)的頁(yè)面架構(gòu)布局方案1.居中布局 a.水平居中 b.垂...
摘要：自適應(yīng)橢圓斜杠前為水平半徑，后為垂直半徑。和下特有的，用于在渲染中向元素邏輯上的頭部或尾部添加內(nèi)容。所以不要用或展示有實(shí)際意義的內(nèi)容，盡量使用它們顯示修飾性內(nèi)容，例如圖標(biāo)。和必須配合屬性來(lái)使用，用來(lái)定義插入的內(nèi)容，必須有值，至少是空。...
摘要：在制作幀動(dòng)畫(huà)的時(shí)候，一般采用雪碧圖的方式，通過(guò)切換圖片的位置，使其連續(xù)播放，從而形成動(dòng)畫(huà)。使用改造之后的代碼，利用偽類進(jìn)行背景填充，然后控制該元素移動(dòng)來(lái)實(shí)現(xiàn)逐幀動(dòng)畫(huà)。 在制作幀動(dòng)畫(huà)的時(shí)候，一般采用雪碧圖的方式，通過(guò)切換圖片的位置，使其...
摘要：圖片可以用代碼控制其樣式但作為圖片導(dǎo)入的時(shí)候不起作用這時(shí)候可以用這種辦法圖片文件轉(zhuǎn)換成使用圖片的好處很多其中因?yàn)閳D片本身就是有代碼構(gòu)成的矢量圖片代碼是所以可以對(duì)其進(jìn)行修飾也就是說(shuō)能夠?qū)D片的元素進(jìn)行動(dòng)態(tài)的樣式變換但在網(wǎng)頁(yè)中使用資源的時(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)