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