文章庫ARTICLE COLUMN
摘要：一概念即塊級格式化上下文，它是頁面中的一塊渲染區域，并且有一套渲染規則，它決定了其子元素將如何定位，以及和其他元素的關系和相互作用。通俗一點來講，可以把理解為一個封閉的大箱子，箱子內部的元素無論如何翻江倒海，都不會影響到外部。 一、BF...
摘要：首先我們安裝以下框架這個框架有和兩個版本。核心不大，只有個文件。在里面初始化了設置，而則存放了一些工具函數，例如。在項目跟目錄下創建，這樣就可以找到下面的了，或者自己寫長路徑。 這一節，我們來講規矩，談網格，做人可以不要臉，不講規矩，...
摘要：它就是有瀏覽器窗口的寬度和高度桌面在移動瀏覽器上它是比較復雜的。第二篇文章將介紹這些概念在移動瀏覽器的應用，并重點說明和桌面瀏覽器的不同。 在這個系列文章中，我將說明viewports和重要元素的寬度是如何工作的，比如元素、window和 scrren的寬...
摘要：捕獲型事件流事件的傳播是從最不特定的事件目標到最特定的事件目標。鼠標移入元素范圍內觸發，該事件不冒泡，即鼠標移到其后代元素上時不會觸發。 事件通常與函數配合使用，這樣就可以通過發生的事件來驅動函數執行，事件是可以被 JavaScript 偵測到的...
摘要：用偽元素畫出個小球增加讓小球向上運動的動畫效果在向上運動的同時向兩側運動，形成上臺階的動畫效果最后，為上臺階的動作增加擬人效果大功告成 showImg("https://segmentfault.com/img/bVbdYQH?w=400&h=302"); 效果預覽 按下右側的點擊預覽按鈕可...
摘要：一流體布局引出的幾種網頁布局方式布局方式描述特點場景靜態布局，傳統設計，網頁上的所有元素的尺寸一律使用作為單位。世界中，提出了流體布局的概念所謂流體布局，指的是利用元素流的特性實現的各類布局效果。 下一篇：《CSS世界》筆記二：盒模型四...
摘要：見下圖更直觀在事件流中，事件的目標在捕獲階段不會接受到事件，這意味著在捕獲階段，事件從到后就停止了。下一個階段是目標階段，于是事件在上發生，并在事件處理中被看成是冒泡階段的一部分，然后，冒泡階段發生，事件又傳回。 CONTENTS DOM事件流 ...
摘要：聲明有助于保持我們的同步與底層狀態的聲明性質。值得注意的是，這些挑戰并非特定于。這導致或上出現不一致或意外錯誤。崩潰監控我們使用在和上進行崩潰報告。橋接有一個橋接，用于在本機和之間進行通信。 showImg("https://segmentfault.com/img/bVbd...
摘要：于是，問題來了，信息流頁面，如新浪微博，是從上往下渲染的。，結構類似幾個頁面通過頭部的水平導航刷新切換，結果有的頁面有滾動條，有的沒有。 絕大多數的頁面間布局都是水平居中布局，主體定個寬度，然后margin: 0 auto的節奏~例如，婦女之友大淘...
摘要：屬性共中狀態初始狀態加載中加載完成已加載并可與用戶交互，但還需要加載圖片等其他資源全部資源加載完成文檔加載順序解析結構加載外部腳本和樣式表文件解析并執行腳本樹構建完成加載外部資源文件圖片等頁面加載完成動態加載公共方法動態加載外部文件，...
摘要：高亮顯示通過實現對關鍵詞的替換，通過添加實現關鍵詞高亮顯示匹配關鍵字正則高亮替換值在查詢到結果后執行方法將查詢出來的數據傳遞過來通過來將關鍵詞替換成標簽，同時用中的進行綁定。 最近在做移動real-time-search于實時搜索和關鍵詞高亮顯示的功...
摘要：所以當我們思考能否用來實現時還應考慮到的結構，能不能構造出滿足已存在的選擇器的布局。用來實現的好處就是可以盡量大的把組件功能和業務邏輯分離開來，真正做一個組件該做的事，希望越來越好 我們今天用css來實現一個常見的tab切換效果 查看原文可...
摘要：效果預覽按下右側的點擊預覽按鈕可以在當前頁面預覽，點擊鏈接可以全屏預覽。可交互視頻此視頻是可以交互的，你可以隨時暫停視頻，編輯視頻中的代碼。 showImg("https://segmentfault.com/img/bVbdQPp?w=400&h=302"); 效果預覽 按下右側的點擊預覽...
摘要：超過的，是一個動畫庫，可以處理屬性，單個轉換，或任何屬性以及對象。在，是一個快速的動畫引擎，具有與的相同的。在，這個功能和反應動畫庫只重。由和其他人使用，這個庫既流行又令人驚訝地有用。 在瀏覽網頁尋找一個整潔的Javascript動畫庫時，我發...
摘要：初始化項目安裝腳手架切換至項目目錄初始化項目開啟實時編譯小程序生命周期頁面加載一個頁面只會調用一次。頁面初次渲染完成一個頁面只會調用一次，代表頁面已經準備妥當，可以和視圖層進行交互。組件路徑，組件對應的方法路由的應用調起提示框 1.初始...
摘要：默認值是然后修改這樣在獲取到之前就會有自定義的展示了但是路由很多我們不可能每個路由都寫一個所以編寫一個函數來解決新建一個這里官網可以知道具體有哪些參數可以設置然后修改一下這樣一個極簡的異步函數就完成了 export default new Router({ ro...
摘要：然后運行會發現文件夾中生成了和，文件內容如下測試哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈內容如下說明已經打包成功，此時運行，即可看到原文件中的內容 webpack4.16壓縮打包 本文所用插件版本如下： nodejs:v8.11.3; npm:5.6.0 webpack:4.16 webpac...
摘要：如何實現上面的效果，請看下面的步驟第一步用調整樣式，這里小編用的是彈性盒子實現導航的平均分配。 showImg("https://segmentfault.com/img/bVbdSOk?w=1178&h=99"); ? 如何實現上面的效果，請看下面的步驟? 第一步：用 css 調整樣式 ，這...
摘要：構建是為了在中為常見任務提供實用程序功能。所有功能都自動進行，并且相應地安排傳遞的參數以便于使用。在星級，是一個用于處理本機對象的實用程序庫。該庫沒有外部依賴關系，這是一個將事件作為序列進行測試的現場演示。 由于Javascript在2018年仍然...
ChatGPT和Sora等AI大模型應用，將AI大模型和算力需求的熱度不斷帶上新的臺階。哪里可以獲得...
大模型的訓練用4090是不合適的，但推理（inference/serving）用4090不能說合適，...
圖示為GPU性能排行榜，我們可以看到所有GPU的原始相關性能圖表。同時根據訓練、推理能力由高到低做了...
89542767
社區管理員
白馬嘯西風