文章庫ARTICLE COLUMN
Image byWilli HeidelbachfromPixabay在UI設計中，文本是常用的元素之一，他是傳遞信息的主要工具。或許是因為它太過基礎，很多時候我們會忽視它的存在，導致頁面最終效果不夠理想。對于注重用戶體驗的產品來說，每一個細節的偏差都可能成為致命傷。藝術是...
導語▼上篇講到產品的一致性是產品的金鑰匙，通過對一致性的設計可以使產品在品牌標識、用戶使用和開發效率等方面得到提升。交互設計對于產品有哪些價值呢？本質是站在多維角度挖掘，分析，梳理，提煉用戶更深層?的?需求和痛點?，利用交互理論方法，保證產...
摘要：但本活又己交給音長爭標識我。八說前它特用達圓是路看江才。開次他爭從點軍容給油很出。成育料技所心并精北酸間辦元。除現七團一歷積動兩水礦花始線黨黨她。 好快, 1分鐘寫好下拉刷新,滾動加載自動分頁列表 前言 歡迎關注BUI Webapp專欄 或者 bui神速...
摘要：交叉軸的起點對齊交叉軸的終點對齊。默認值軸線占滿整個交叉軸四項目配置除了對容器進行設置，對項目本身也可以進行設置。布局是不是簡單又實用，理解容器項目主軸線交叉軸線這幾個概念后就上手實用吧參考文章如有不妥，歡迎指正 一、 why flex 都知道...
摘要：屬性需要與及偽元素配合使用，作用是可以定義偽元素所顯示的內容，本文主要列舉的可選值及實用的案例與技巧 showImg("https://segmentfault.com/img/bVbwuVr?w=900&h=383"); content屬性需要與before及after偽元素配合使用，作用是可以定義偽元素所顯...
摘要：復現驗證瀏覽器顯示例子藍天白云花朵瀏覽器顯示例子藍天白云花朵總結文本不會換行，文本會在同一行上連續，直到遇到標簽位置瀏覽器沒有對屬性生效疑問為什么在瀏覽器中沒有生效呢 問題描述： 上傳一個關鍵詞csv文件，以換行符為分割點，上傳后將文件內...
摘要：目錄匹配下標是奇數或偶數的子元素獲取屏幕高度小程序顯示不出的原因小程序狀態欄沉浸式小程序引用圖標正文匹配下標是奇數或偶數的子元素奇數偶數獲取屏幕高度獲取覽器顯示區域的高度獲取瀏覽器顯示區域的寬度獲取頁面的文檔高度獲取頁面的文 目錄 1.c...
摘要：小程序云開發之初體驗前言選型的時候前后端都準備自己搞，然后選中方案，搭建的時候，發現官方文檔沒有了，后來問客服，客服說方案是存量用戶使用的，相關文檔已經下線說是現在主推云開發，然后帶著疑問和懵逼臉轉向了云開發最后發現云開發的我是幸福的...
摘要：阮一峰的網格布局教程于月號發布正好學習一波布局。布局是二維布局將容器劃分成行和列產生單元格然后指定項目所在的單元格。 阮一峰的網格布局（grid）教程于3月25號發布,正好學習一波grid布局。雖然grid布局還不能夠支持商用,擴展一下知識面也是好的...
摘要：什么是再解釋之前需要了解下面的一些概念有一個認識框它是組成頁面的基本單元，一個界面可以由多個元素組成。瀏覽器支持，是規范中的一個概念。最常見的有簡稱和簡稱。即使存在浮動也是如此。根據布局規則第二條垂直方向的距離由決定。 什么是BFC？ 再...
首先回顧一下普通流，普通流對后面進一步了解BFC有很大的作用 普通流（Normal Flow） 普通流是網頁中元素的默認排版，默認情況下 塊級元素：以block flow direction排列（每一個塊級元素新起一行，即以從上往下以列排列） 行內元素：不會另起一行，一個接...
摘要：最近用做了一個端的頁面，主要實現了一個彈層滑動選擇的功能，效果如圖遇到了一個問題，當在底部彈出層進行滾動選擇城市區劃時，蒙版后的頁面也會隨著滾動。所以為了讓頁面滾動的效果如絲般順滑，從開始，在和上注冊的和事件處理函數，會默認為設置。 ...
摘要：題目最近在面試中遇到過這樣一道面試題，讓寫出左中右，三欄布局，左欄右欄固定寬度，中間欄寬度自適應。代碼如下效果如下所示乍一看實現了三列布局，但是題目要求等高，這個可就麻煩了。 題目 最近在面試中遇到過這樣一道面試題，讓寫出左中右，三欄...
摘要：后面就是和定位彈出框一樣類似的操作，在導航菜單里面我并沒有這么做，后面會改成這樣的吧。一些多層嵌套的位置問題，尚未完成。在顯示的時候會有高度抖動的問題。里面給某些子組件添加樣式用到了深度作用。 效果盡量仿著element做。預覽地址 組件之間...
摘要：一默認使用的模塊化方案，默認是的模塊化方案，兩者有本質區別。的去尋找引入的依賴時，如果是自帶的模塊，比如文件模塊，只需要填寫即可。這是版本入口文件使用了兩個路由器路由，分別處理和請求邏輯。核心操作全部依賴模型對象來執行。 一、Node.js...
摘要：移動端布局方案匯總原理解析阿里布局版本該布局于年月日被版本取代實現原理假設稿寬設置的將屏幕分成份，實際屏幕寬度開發時直接填寫設計稿寬度利用插件轉換為實際阿里布局版本實現原理利用的理想視口，刪除版本的縮放其他依舊和版本一樣網易布局個 移...
摘要：這里由于京東的分界面都使用了，所以我們可以用，總之他們開發能用的選擇器，我們都可以用，否則就不可以。 難道爬蟲只能用 python 做？ 不，我們上天的 Node.js 也可以做！ 需要準備的包 Node.js的最新版本 下載地址 Node.js官網 npm 包管理器下...
摘要：系列全部視頻響應式網頁布局響應式網頁布局響應式網頁布局幻燈片如何實現響應式導航如何實現 響應式導航即是讓導航變成響應式。常見的做法是在小屏幕時不將全部導航項目列出，而是顯示一個導航圖標，點擊該圖標時才會顯示出完整導航。今天我們就來按照...
摘要：燈箱效果是將圖片放大彈出顯示，并將背景變暗，以突出圖片。燈箱效果教學燈箱效果例子視頻連結站燈箱效果實現燈箱效果的重點在于預設隱藏燈箱。圖片放大的效果可透過動畫實現。 燈箱（Lightbox）效果是將圖片放大彈出顯示，并將背景變暗，以突出圖片。...
摘要：注意及更早版本不支持屬性。定義和用法屬性規定是否對元素內容進行拼寫檢查。瀏覽器會顯示一個標準的字體。規定應該從父元素繼承屬性的值。 css屬性：陰影 box-shadow：>=ie9html： pacleholder >ie9 //can i use 里顯示ie10不支持，但實踐驗證已支持c...
摘要：最近項目有個側邊欄縮放的需求，用箭頭按鈕控制。不過本人是感覺用起來好理解一些。還有一個我更喜歡，代碼更簡潔的，個人感覺更加漂亮的，用兩個旋轉的正方形重疊的，如圖參考文檔純實現箭頭上下左右的箭頭無敵制作上下左右箭頭 最近項目有個側邊欄縮...
摘要：屏幕分辨率是指一塊屏幕中畫面水平方向的像素值畫面垂直方向的像素值。圖像分辨率是指每英寸圖像內的像素點數。圖像分辨率是有單位的，叫像素每英寸。設備像素可能不相同物理像素不會改變，單位是。及英寸，而英寸等于厘米舉個 viewport是什么 移動端...
摘要：通過模糊來弱化背景和滾動提示使用兩層背景，控制交互式的圖片對比控件范圍輸入控件方式書中有很詳細的解答提醒自己要回顧。 1. 第一章 css編碼技巧 第二章 邊框與背景 半透明邊框 hsla 多重邊框 box-shadow outline 靈活的...
摘要：小程序顯示彈窗時禁止下層的內容滾動小程序顯示彈窗時禁止下層的內容滾動第一種方式利用禁止頁面滾動一頁面結構此處為整個頁面的結構內容點擊顯示彈窗當為的時候顯示彈窗此處為彈窗內容二部分添加一個類名把彈窗的下層內容定位為實現禁 小程序顯示彈窗...
ChatGPT和Sora等AI大模型應用，將AI大模型和算力需求的熱度不斷帶上新的臺階。哪里可以獲得...
大模型的訓練用4090是不合適的，但推理（inference/serving）用4090不能說合適，...
圖示為GPU性能排行榜，我們可以看到所有GPU的原始相關性能圖表。同時根據訓練、推理能力由高到低做了...
89542767
白馬嘯西風