文章庫ARTICLE COLUMN
摘要：?jiǎn)栴}背景有一天我們的設(shè)計(jì)師找到我說，要把頁面中我自己用程序?qū)懙膭?dòng)畫，換成他們給的動(dòng)畫，原因是有的動(dòng)畫很復(fù)雜，自己寫起來達(dá)不到他們的預(yù)期效果寫到這里我突然想到一個(gè)問題，這么復(fù)雜的動(dòng)畫為什么不使用。。。。 問題背景 有一天我們的UI設(shè)計(jì)師找...
摘要：當(dāng)明確規(guī)定根元素的時(shí)，單位以該屬性的初始值作參照。適配具體實(shí)現(xiàn)方案設(shè)計(jì)稿尺寸寬度為，如果設(shè)計(jì)稿是，下邊會(huì)自動(dòng)計(jì)算的值比如，具體的尺寸不用調(diào)整例如，不用調(diào)整，這是一個(gè)比例大小，對(duì)應(yīng)的元素大小值會(huì)根據(jù)新的比如等于改變，從而按照比例適配。 ...
摘要：的問題沒碰到但是我的卻一直報(bào)錯(cuò)后來把樣式表里的文件全部刪除居然好用了然后逐類刪除逐行刪除發(fā)現(xiàn)問題在問題在于中的無法解析并找不到字體刪除就可以執(zhí)行了執(zhí)行完畢再還原回來完美解決 @media的問題沒碰到,但是我的卻一直報(bào)錯(cuò).后來把樣式表里的文件全...
摘要：豎直方向的外邊距合并兩個(gè)豎直方向的盒子相遇時(shí)，其豎直方向的距離等于上方盒子的下外邊距和下方盒子的上外邊距中較大的一個(gè)。 本文啟發(fā)于博客園一篇2016年的深入理解css中的margin屬性文章，根據(jù)當(dāng)前瀏覽器（chrome 71.0.3578.98（正式版本） （6...
摘要：為了防止這種情況，給提供的最小高度并使它們浮動(dòng)?；揪W(wǎng)格準(zhǔn)備好了一些額外的列內(nèi)容樣式使我們的網(wǎng)格系統(tǒng)響應(yīng)調(diào)整我們的網(wǎng)格以實(shí)現(xiàn)移動(dòng)布局非常簡(jiǎn)單。注意本指南只是創(chuàng)建自己響應(yīng)式網(wǎng)格系統(tǒng)的起點(diǎn)。 此文翻譯自 Creating Your Own CSS Grid System |...
摘要：給一個(gè)容器設(shè)置一層白色背景和一道半透明白色邊框。思路實(shí)際是設(shè)置的背景會(huì)延伸到邊框所在的區(qū)域的下層，可以通過屬性調(diào)整背景的默認(rèn)行為。優(yōu)點(diǎn)邊框樣式十分靈活。缺點(diǎn)只適用于雙層邊框的場(chǎng)景邊框不一定會(huì)貼合屬性產(chǎn)生的圓角。 1.給一個(gè)容器設(shè)置一層白...
摘要：也有的元素被完全無視，比如的元素。對(duì)于每個(gè)元素，必須在所有中找到符合的并將對(duì)應(yīng)的規(guī)則進(jìn)行合并。這樣做是為了減少無效匹配次數(shù)，從而匹配快性能更優(yōu)。識(shí)別屬性值，創(chuàng)建對(duì)象，并將對(duì)象存入解釋器堆棧。數(shù)組中的每一項(xiàng)紀(jì)錄了這個(gè)的，的值，權(quán)重層疊規(guī)...
摘要：在該元素中的文本通常按照原文件中的編排，以等寬字體的形式展現(xiàn)出來，文本中的空白符比如空格和換行符都會(huì)顯示出來。緊跟在開始標(biāo)簽后的換行符也會(huì)被省略然后對(duì)使用樣式換行，解決了此問題屬性是用來設(shè)置如何處理元素中的空白 今天有個(gè)奇葩需求：讓純...
摘要：效果還行給大家先看一下效果。雪花旋轉(zhuǎn)效果至于雪花的旋轉(zhuǎn)我也做了一定的優(yōu)化活動(dòng)頁活動(dòng)頁效果就不細(xì)細(xì)說了，我就把雪花效果添加進(jìn)去活動(dòng)頁。 showImg("https://segmentfault.com/img/remote/1460000017978555?w=400&h=270"); 前言 最近，公司UI小姐姐...
摘要：但是在安卓手機(jī)中會(huì)有變形的情況存在，渲染方面確實(shí)安卓手機(jī)干不過畢竟安卓版本眾多，還有什么的線等等的坑，都是能完美運(yùn)行，安卓總得找方法。當(dāng)使用做單位，出來的圓是不會(huì)變形的，可能是安卓在計(jì)算過程中產(chǎn)生誤差或者有什么其他因素造成的渲染問題。...
摘要：前言本文主要介紹的尺寸和單位，專門查了加上自己的一些理解。比如等屬性的類型分為絕對(duì)單位和相對(duì)單位相對(duì)單位相對(duì)單位代表以其他距離為尺寸的一種單位，包括，，，，。 前言 本文主要介紹css的尺寸和單位，專門查了mdn, 加上自己的一些理解。本文參...
摘要：什么是幾周前，我寫了一篇關(guān)于究竟是什么的文章?；仡櫼幌?，文檔對(duì)象模型是文檔的表示。這些雖然當(dāng)然與原始有關(guān)，但它們指的是截然不同的概念。在以后的文章中，我將對(duì)虛擬進(jìn)行分析。 什么是Shadow DOM？ 幾周前，我寫了一篇關(guān)于究竟是什么DOM的文章。...
摘要：學(xué)習(xí)目標(biāo)掌握編程的基本思維掌握編程的基本語法我們先來學(xué)習(xí)基礎(chǔ)，后續(xù)會(huì)講解高級(jí)。語句基本語法當(dāng)循環(huán)條件為時(shí)，執(zhí)行循環(huán)體，當(dāng)循環(huán)條件為時(shí)，結(jié)束循環(huán)。基礎(chǔ)語法循環(huán)體循環(huán)條件代碼示例初始化變量循環(huán)體自增循環(huán)條件語句和一般用來解決無法確認(rèn)次數(shù)的...
摘要：需要說明目前，開發(fā)環(huán)境已經(jīng)準(zhǔn)備好了，因?yàn)槔L制樹圖，我們需要模擬數(shù)據(jù)，你可以在這里下載數(shù)據(jù)我們要繪制一棵圓形樹，一點(diǎn)點(diǎn)顯示，你可以最終代碼，查看效果然后在瀏覽器中打開即可查看效果。余下的就是繪制圖形了。 作者：心葉時(shí)間：2019-01-23 17:55...
摘要：的組件拆解之的中的組件在目錄下。這個(gè)組件核心部分是分別涉略了。 Element的組件拆解之Tooltipelement ui的中的 toolpic組件 在 packages/tooltip目錄下。 這個(gè)組件核心部分是 showImg("https://segmentfault.com/img/bVbnFjF?w=332&h=214"); toolpic......
摘要：完整代碼如下移動(dòng)端隱藏滾動(dòng)條解決方案解決上滑動(dòng)不流暢推薦娃娃日用品美妝護(hù)膚娃娃日用品美妝護(hù)膚娃娃 HTML代碼如下 移動(dòng)端隱藏滾動(dòng)條解決方案 * { padding: 0; margin: 0; } .par-type { ...
摘要：優(yōu)酷騰訊控件優(yōu)酷騰訊控件優(yōu)酷騰訊控件優(yōu)酷騰訊控件屬性優(yōu)酷騰訊屬性設(shè)置優(yōu)酷騰訊設(shè)置和事件優(yōu)酷騰訊更多內(nèi)容，請(qǐng)關(guān)注公眾號(hào)二維碼 hello world 優(yōu)酷 騰訊 leaflet 控件 zoom優(yōu)酷 騰訊 leaflet 控件 scale優(yōu)酷 騰訊 leaflet 控件 layers優(yōu)酷 ...
摘要：不過真正的問題在于第三方內(nèi)容是不是安全的。第三方的作用更接近于腳本而不是圖像。結(jié)論第三方內(nèi)容并不安全這些只是我所知道的一些技巧，我相信還會(huì)有更多類似的小技巧。第三方內(nèi)容在其沙箱中具有很高的影響力。 原文：https://jakearchibald.com/201....
摘要：于是，我決定厚著臉皮來宣傳一下我的幾個(gè)開源項(xiàng)目，雖然大多數(shù)都是一些比較簡(jiǎn)單的游戲，但是這可以讓更多人看到我的項(xiàng)目，也可以讓我自己知道哪里地方做得不好，并且加以改進(jìn)。正文清技背單詞使用開發(fā)的背單詞應(yīng)用，開發(fā)時(shí)間為一個(gè)月，目前是版本。 前...
摘要：實(shí)現(xiàn)完整覆蓋字體適配橫豎屏切換偽元素選擇器用法清除浮動(dòng)用法寫對(duì)話框使左右的對(duì)話框分開使內(nèi)容居中用偽類寫出小三角形分別給左右兩邊的小三角形定位左邊對(duì)話框小三角形的邊框樣式右邊對(duì)話框小三角形的邊框樣式吃了 vw,vh,vmin,vmax 實(shí)現(xiàn)完整覆蓋 #ma...
摘要：如何對(duì)網(wǎng)站的文件和資源進(jìn)行優(yōu)化文件合并文件最小化文件壓縮托管緩存可能有些人不清楚是什么，可以用以前買米車票的經(jīng)歷來形象比喻年前，還沒有火車票代售點(diǎn)一說，更是無從說起。 如何對(duì)網(wǎng)站的文件和資源進(jìn)行優(yōu)化 1.文件合并文件最小化/文件壓縮2.CDN...
摘要：前言在做頁面時(shí)，我們往往會(huì)碰到頁面布局相關(guān)的內(nèi)容，面試時(shí)也經(jīng)常會(huì)被問到，那么今天我就來總結(jié)一下關(guān)于頁面布局的內(nèi)容。問題如何實(shí)現(xiàn)三欄布局高度固定，左中右的結(jié)構(gòu)假設(shè)高度已知，請(qǐng)寫出三欄布局，其中左右寬度均為，中間自適應(yīng)。 前言 ??在做頁...
摘要：一偽類偽類包含兩種狀態(tài)偽類偽類和結(jié)構(gòu)性偽類。狀態(tài)偽類是基于元素當(dāng)前狀態(tài)進(jìn)行選擇的。二偽元素偽元素是對(duì)元素中的特定內(nèi)容進(jìn)行操作，而不是描述狀態(tài)。 一、偽類 偽類包含兩種：狀態(tài)偽類（UI 偽類）和結(jié)構(gòu)性偽類。 (1)狀態(tài)偽類是基于元素當(dāng)前狀態(tài)進(jìn)行...
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)