文章庫ARTICLE COLUMN
摘要：是比較重要的屬性分支表示描邊的粗細(xì)表示描邊轉(zhuǎn)角的表現(xiàn)方式表示虛線描邊表示虛線的起始偏移主角是效果詳解張?chǎng)涡窦儗?shí)現(xiàn)帥氣的路徑描邊動(dòng)畫效果直接上代碼沒有什么特殊含義，只是足夠大變換路徑，置換起始點(diǎn)用于描邊時(shí)更換方向另外用時(shí)會(huì)導(dǎo) stroke是比...
摘要：翻頁的背景圖通常是要求全屏的。這里就存在一個(gè)問題，目前市面上的手機(jī)屏幕比例非常的不統(tǒng)一，這導(dǎo)致在背景圖上的處理相當(dāng)要注意。設(shè)置背景圖的是生成圖片會(huì)是這樣的效果比例的手機(jī)裁切的是靠下的部分，而比例的手機(jī)裁切的是靠右的部分。 最近在重新做...
摘要：暑假實(shí)習(xí)了幾個(gè)月辭職后，閑著無聊自己開發(fā)的一個(gè)小說閱讀器鏈接，里面的小說接口調(diào)用的是追書神器項(xiàng)目源碼我已經(jīng)上傳到，想看源碼搜索以下鏈接覺得可以的話點(diǎn)個(gè)共同進(jìn)步技術(shù)棧由于目前是實(shí)習(xí)生缺少一些經(jīng)驗(yàn)代碼分格可能適合一些初學(xué)者所以此項(xiàng)目很適合...
摘要：由張?chǎng)涡翊罄械膸灼恼鲁Ｒ姷膱D形繪制合集，小純實(shí)現(xiàn)打字動(dòng)畫效果，分享三個(gè)純實(shí)現(xiàn)個(gè)英文字母的案例，發(fā)現(xiàn)了，一些特殊用法，由此想到自己做個(gè)總結(jié)。 由張?chǎng)涡翊罄械膸灼恼鲁Ｒ姷腃SS圖形繪制合集，小tips: 純CSS實(shí)現(xiàn)打字動(dòng)畫效果，分享三個(gè)純CSS實(shí)...
摘要：屬性效果和沒有定義屬性相同，鼠標(biāo)不會(huì)穿透當(dāng)前層。在中，該值和的效果相同。元素不再是鼠標(biāo)事件的目標(biāo)，鼠標(biāo)不再監(jiān)聽當(dāng)前層而去監(jiān)聽下面的層中的元素。其它屬性值為專用，這里不再多介紹了。 pointer-events屬性 auto——效果和沒有定義pointer-even...
摘要：應(yīng)該把其中的每一行都視為多帶帶的彈性容器。這個(gè)空間被稱為正自由空間。這項(xiàng)工作是在文件中完成的，它負(fù)責(zé)跟蹤項(xiàng)目依賴及其版本。 翻譯：瘋狂的技術(shù)宅原文：https://medium.com/swlh/css-f... 本文首發(fā)微信公眾號(hào)：jingchengyideng歡迎關(guān)注，每天都...
摘要：綁定事件監(jiān)聽器直接擼代碼計(jì)數(shù)器是實(shí)例的掛在對(duì)象等同于，是的語法糖，在內(nèi)定義好方法，指令監(jiān)聽事件來觸發(fā)一些代碼。 v-on綁定事件監(jiān)聽器 直接擼代碼： 計(jì)數(shù)器 number：{{number}} + - var app = new Vue({ el: "#app", // a...
摘要：以及條件指令類似于里的，這三個(gè)指令根據(jù)表達(dá)式的值對(duì)組件進(jìn)行渲染銷毀。如果想一次性判斷多個(gè)元素，可以將他們包裹在之內(nèi)，使用條件指令操作外層的，并不會(huì)包含在最終的渲染結(jié)果中。要是不希望被復(fù)用，需要在指定的元素上添加值，值存在且唯一。 v-if...
摘要：緩存長(zhǎng)緩存隨機(jī)名字長(zhǎng)緩存策略可并行請(qǐng)求數(shù)避免重定向，一次重定向至少瀏覽器緩存不超過數(shù)據(jù)不安全存取防止出錯(cuò)關(guān)閉瀏覽器失效合理減少視覺交互反饋節(jié)流，防抖視覺欺詐分頁預(yù)加載資源圖片，慎用編碼響應(yīng)式圖像字體異步加載異步加載其他系列二 http 緩...
摘要：自動(dòng)填滿剩余高度正常情況自上而下放要放的東西就行了，但是現(xiàn)在有一個(gè)需求是這樣的，頭部國(guó)定，下面的東西會(huì)很多要有滾動(dòng)條我之前都是頭部固定，給一個(gè)就行了但是現(xiàn)在又有一個(gè)惡心的需求，整個(gè)背景一樣，而會(huì)有一些文字，而且沒有背景，這樣滾動(dòng)的話會(huì)...
摘要：發(fā)布的時(shí)候各種心動(dòng)去官網(wǎng)看了一遍又一遍。閑著無聊發(fā)現(xiàn)里面的介紹很用大篇幅的有背景文字來介紹。看著挺酷炫的還不錯(cuò)就看了下實(shí)現(xiàn)方式。附上前端開發(fā)背景的鋪排方式修改下效果更明顯文字顏色漸變文字遮罩照片一下僅供參考?xì)g迎更正補(bǔ)充 發(fā)布iPhone XR...
摘要：根據(jù)顯示，目前已經(jīng)支持絕大多數(shù)瀏覽器了，不過如果想在或者更早之前使用，還需要使用瀏覽器前綴。代碼如下沒有前綴，目前支持和谷歌瀏覽器 根據(jù) Can I use顯示，目前user-select已經(jīng)支持絕大多數(shù)瀏覽器了，不過如果想在IE9或者更早之前使用，還需要使...
摘要：雖然已經(jīng)年了不過有一些項(xiàng)目還是需要用到的不過考慮到使用的一堆兼容性問題也為了可以順利地使用來擼代碼研究使用打包代碼來發(fā)布幾個(gè)重點(diǎn)為了將模塊分割加載，不至于一個(gè)文件過大，一個(gè)頁面中使用多個(gè)文件由于是多頁項(xiàng)目多個(gè)，每個(gè)頁面使用的文件都不一...
摘要：相對(duì)定位不影響元素本身的特性不使元素脫離文檔流元素移動(dòng)之后原始位置會(huì)被保留相對(duì)于其正常位置進(jìn)行定位。 1、相對(duì)定位： a、不影響元素本身的特性； b、不使元素脫離文檔流（元素移動(dòng)之后原始位置會(huì)被保留）； c、相對(duì)于其正常位置進(jìn)行定位。...
摘要：需求需求實(shí)現(xiàn)一個(gè)圖標(biāo)庫的選擇界面，展示庫中所有的圖標(biāo)并提供選擇功能庫共個(gè)實(shí)現(xiàn)思路思路從樣式表中提取所有的的樣式，并處理成數(shù)組利用實(shí)現(xiàn)循環(huán)渲染基本知識(shí)參考操作屬性返回當(dāng)前規(guī)則所屬的那個(gè)樣式塊實(shí)例。 &01.需求 需求 ： 實(shí)現(xiàn)一個(gè)圖標(biāo)庫的選擇...
摘要：想要實(shí)現(xiàn)一個(gè)左側(cè)文字可以根據(jù)文字長(zhǎng)短自動(dòng)調(diào)整寬度，當(dāng)一行顯示不下時(shí)，不擠壓右側(cè)文字空間，左側(cè)文字溢出省略。設(shè)計(jì)需求總結(jié)左側(cè)寬度自動(dòng)增長(zhǎng)，右側(cè)寬度自動(dòng)增長(zhǎng)并且不可溢出省略。當(dāng)左側(cè)文字長(zhǎng)度超出的時(shí)候，左側(cè)文字溢出省略。 想要實(shí)現(xiàn)一個(gè)左側(cè)文...
摘要：盒子模型及更早的版本使用的是盒模型。盒子模型組成為。盒子模型盒子模型的盒子模型的意味著盒子的和的大小是上述屬性相加的最大總和。標(biāo)準(zhǔn)盒子模型盒子模型的盒子模型的盒子模型大小計(jì)算就簡(jiǎn)單多，設(shè)置的和就是內(nèi)容大小。 盒子模型 IE5.5及更早的版本...
摘要：馨客棧前端導(dǎo)航享受的開發(fā)體驗(yàn)，在中使用組件，同時(shí)可以使用來開發(fā)自定義主題。馨客棧每日分享為每個(gè)頁面預(yù)渲染生成靜態(tài)的，同時(shí)在頁面被加載的時(shí)候，將作為運(yùn)行。 VuePress學(xué)習(xí) 全局安裝前我們需要Git和node這兩個(gè)軟件，關(guān)于怎么安裝可以我之前hexo的...
摘要：靜態(tài)頁兼容指南下的網(wǎng)頁字符亂碼問題原因這個(gè)可能是網(wǎng)頁沒有設(shè)置編碼造成。圖標(biāo)會(huì)瞬間顯示出來，但是卻沒有動(dòng)畫或者過渡效果。問題解析暫時(shí)理解為的不支持的改變，直接操作會(huì)破壞動(dòng)畫。如果在兩個(gè)屬性的操作中間插入操作，線程在處理的時(shí)候?qū)?huì)按順序執(zhí)...
摘要：所以是不能用正常的方法來讓安卓設(shè)備渲染一個(gè)物理像素的線。其他的指令自動(dòng)處理。 最近公司項(xiàng)目要解決一像素問題，自己琢磨了一陣子并且網(wǎng)上搜索了一堆博客，總結(jié)出最好的辦法應(yīng)該是通過css的transform scale縮放1px的內(nèi)容來模擬設(shè)備上1px的效果了。但...
摘要：下面會(huì)從淺到深，淡淡在閱讀源碼過程中自己的理解。分拆子頁面后，每一個(gè)子頁面對(duì)應(yīng)一個(gè)文件。總結(jié)上面就是最早版本的源碼，很簡(jiǎn)潔的使用了等其目的也很簡(jiǎn)單簡(jiǎn)化相關(guān)生態(tài)的繁瑣邏輯參考源碼地址 ??dva的思想還是很不錯(cuò)的，大大提升了開發(fā)效率，dva...
摘要：前綴瀏覽器兼容根據(jù)了解，屬性大部分支持，部分支持，少部分支持前綴蘋果谷歌火狐瀏覽器世界之窗例如兼容轉(zhuǎn)換過渡關(guān)鍵幀動(dòng)畫轉(zhuǎn)換及以上支持，需添加前綴屬性的方法使用縮放軸縮放倍，軸縮放倍，只有一個(gè)值時(shí)為縮放倍數(shù)傾 css3前綴（瀏覽器兼容） 根據(jù)...
摘要：?jiǎn)柷岸说木彺嬗心男┒歼m用什么場(chǎng)景區(qū)別是什么參考回答前端緩存分為兩部分緩存瀏覽器緩存緩存強(qiáng)緩存強(qiáng)緩存主要是采用響應(yīng)頭中的和兩個(gè)字段進(jìn)行控制的值理解指定設(shè)置緩存最大的有效時(shí)間單位為指定響應(yīng)會(huì)被緩存，并且在多用戶間共享響應(yīng)只作為私有的緩存，...
摘要：一個(gè)應(yīng)用是離不開與，其中充斥的整個(gè)項(xiàng)目中。下面我會(huì)分別對(duì)與解決方案進(jìn)行說明，最后在分析它們的利弊與選擇。不過一個(gè)子組件的根節(jié)點(diǎn)會(huì)同時(shí)受其父組件有作用域的和子組件有作用域的的影響。但它的局限性是適用于中小項(xiàng)目中。 showImg("https://segme...
摘要：您如何知道一項(xiàng)新技術(shù)是否值得投入時(shí)間對(duì)于今年的狀態(tài)調(diào)查，我想深入挖掘一下，不僅知道人們正在使用哪些工具和庫，還要為什么他們選擇使用它們。經(jīng)過一些研究，我提出了分制，涵蓋了挑選和使用任何技術(shù)的主要方面。 您如何知道一項(xiàng)新技術(shù)是否值得投入...
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)