文章庫ARTICLE COLUMN
摘要：在中實現垂直居中很多時候會用到，不過我一直對的使用糊里糊涂，現在整理一下關于它的一些知識點。將盒子的垂直中心點與父級盒子基線往上一半高度的位置對齊。時位置與設置一致。我們可以將設為來讓元素完全垂直居中。 在 css 中實現垂直居中很多時候...
摘要：一般地，居中絕對定位元素，再負值或者通過也可達到效果。今天發現另一個技巧，利用，取值，再即可實現居中。原因注子元素大的話，上下可居中，左右失效。 一般地，居中絕對定位元素，left:50%;top:50%;再margin負值或者通過transform也可達到效果。今...
github: https://github.com/OYsun/VueStar showImg(https://segmentfault.com/img/bVIF1k?w=324&h=532);
摘要：本文是對慕課網張鑫旭的課程深入理解之的學習筆記，并結合了一些個人理解。 本文是對慕課網張鑫旭的課程《CSS 深入理解之 border》的學習筆記，并結合了一些個人理解。 border-width 不支持百分比 border-width 不支持百分比單位，原因如下： 在實...
摘要：下面是頭部的樣式示例這是一個用例我在之前了解過自定義屬性的用法。這里有一個正在進行中的規則的規范與之相關。允許儲存一系列的屬性并且在選擇器引用。 原文鏈接：https://tylergaw.com/articles...譯者：Icarus郵箱：xdlrt0111@163.com 多年來我一...
摘要：和一部分安卓設備的屏幕尺寸為英寸厘米，物理像素為大約是。對開發者來說，手機在豎直狀態下的寬度就是，開發者就可以根據這個尺寸來設計網頁，但是還要考慮手機在水平狀態時的頁面效果，以及和安卓平板上的頁面效果。 最近兩周寫了幾個頁面，雖然看起...
摘要：一純函數即只要輸入的參數是一致的，返回的值肯定也是一致，這個函數的行為是可預測的。如果頁面位于中，那么再次打開該頁面就不會觸發事件。盡管由于內存中保存了整個頁面的狀態，不觸發事件也不應該會導致什么問題和相關詳細介紹請移步 一、react 1....
摘要：關于的條參考線以及。關于和之間的關系。目標元素的的垂直平分線，與父元素內匿名的對齊。垂直平分線，這個容易理解。要比這些字母的頂端再高一些。 前言 關于 vertical-align，我們很容易想到，這不就是告訴我們元素在縱向上和什么對齊的屬性嗎？而事...
摘要：布局，是一個基于網格的二維布局系統，目的是用來優化用戶界面設計。注意注意重磅消息，在年月左右，大部分瀏覽器都會開始默認支持布局，所以，現在完全有必要開始學習布局。布局的完整介紹入門 CSS Grid布局，是一個基于網格的二維布局系統，目的是用...
摘要：擁抱未來的布局方式與布局全教程本書系列文章為對中布局與布局的詳細介紹，已在同步更新，如您在閱讀過程中發現描述有誤或錯別字的情況，您可以向本項目提出或。主要是對于標準里的布局方式草案中的布局方式進行一些總結。 GitBook《擁抱未來的CSS布局...
摘要：起源自己的過渡動畫，為什么要這個東西呢不是說好的么。所以本喵決定打造自己的過渡動畫。給出的示例屬性指定了模式到路徑開始的距離通過修改這兩個屬性，動畫的邊界就相應的動起來了。 起源 自己的過渡動畫，為什么要這個東西呢？不是說好的Simple is...
摘要：大家應該非常熟悉的方法那么如何在不引用的情況下同樣實現這個功能呢本文就介紹使用原生來獲取樣式的方法作者原文鏈接我們來翻翻元素樣式的族譜是什么方法可以獲取當前元素所有最終使用的屬性值返回的是一個樣式聲明對象只讀也就是說獲取到的不僅僅是我...
摘要：圣杯布局直接上代碼雙飛翼布局自身浮動法絕對定位法 圣杯布局 直接上代碼：html: css: .middle,.left,.right {float: left;} .middle {width: 100%;} .left {margin-left: -100%; width: 220px; } .right {margin-left: -220px; wi...
摘要：環形進度條的問題，網上有很多的，也有各種不同的實現方式，很棒的實現也有很多，我這自己做一下一方面是想開闊一下自己的思路，一方面好久沒看和的東西了，基礎的拿來熟悉下。 環形進度條的問題，網上有很多的demo，也有各種不同的實現方式，很棒的實...
摘要：和出于以下原因，我們鼓勵使用和的某種組合可以幫助我們理清和之間清晰且嚴謹的關系。可以幫助我們創建出可擴展的樣式表。參考資料的的，也就是，是一種用于和類名的命名約定。 OOCSS 和 BEM 出于以下原因，我們鼓勵使用 OOCSS 和 BEM 的某種組合： ...
摘要：這段時間在管理后臺，有用到圖片全屏的，我是用的引入的圖片，哎也是給自己挖了一個大坑，沒辦法，只能踩坑走啦，所以當時想著能不能直接用直接進行圖片全屏查看，不過網上百度出來的也是五花八門，結合百度自己整理了一個小的點擊全屏引入圖片在中進行...
摘要：項目中，我使用的布局居多，直接上代碼。定寬定位居中非定寬定位居中布局 項目中，我使用的flex布局居多，直接上代碼。 定寬： 定位居中(absolute) html: css: .main{ width:400px; height:200px; background:#eee; position:absolute; lef...
摘要：比較簡單直接上碼框匹配組件中的提示如果用的話這就是提示框成功提示取消提示禁止提示文本提示已完成成功之后的返回想當于下面的已完成已完成取消操作取消操作禁止操作禁止操作文本內容文本內容注意點在中要引入通過來引入函數地址 比較簡單 直接上碼...
摘要：標簽屬性屬性名全部寫，屬性值雙引號引起來，每個雙標簽務必加對應的結束標簽單標簽不遵循此標準，仍按原標準，即不需要以結束。視情況為鏈接添加，圖要添加及。明確指定圖的和。 前言 作為一個前端工程師，我們可能每天都要寫html、css、javascript，...
ChatGPT和Sora等AI大模型應用，將AI大模型和算力需求的熱度不斷帶上新的臺階。哪里可以獲得...
大模型的訓練用4090是不合適的，但推理（inference/serving）用4090不能說合適，...
圖示為GPU性能排行榜，我們可以看到所有GPU的原始相關性能圖表。同時根據訓練、推理能力由高到低做了...
89542767
白馬嘯西風