原创 grid demo1
當然可以，這裏提供一個基本的 CSS Grid 佈局的案例。 HTML 部分： <div class="container"> <div class="item item1"></div> <div class="item item
2023-05-18 13:57:37
原创 Grid簡單介紹
CSS Grid 是一種基於網格的佈局系統，用於在網頁佈局中創建複雜的、多列的、響應式網格。使用 CSS Grid，我們可以快速地創建強大的、靈活的佈局，能夠完全控制網頁佈局的行和列，同時還能夠處理響應式佈局。 在使用 CSS Grid 時
2023-05-18 13:57:37
原创 Grid去做水平垂直居中
實現 grid 佈局的水平居中和垂直居中可以使用以下兩種方式： · 使用 align-items 和 justify-items 屬性 可以將 grid 容器設置爲網格項目在水平和垂直方向都居中，方法是將 align-items 和 j
2023-05-18 13:57:37
原创 rem和em區別及使⽤⽅法
rem和em都是CSS中用於設置字體大小的單位，它們之間的區別如下： rem單位 rem單位表示的是相對於根元素（即html元素）的字體大小。比如，如果html元素的字體大小是16px，那麼設置1rem的大小就相當於設置爲16px，2r
2023-05-17 13:57:36
原创 flex：1表示哪三個屬性？
flex: 1是 flex-grow: 1, flex-shrink: 1, flex-basis: 0 的合併寫法。 flex-grow 屬性規定項目的放大比例，默認值爲0，即如果存在剩餘空間，也不放大。如果所有項目的 flex-gro
2023-05-16 13:57:37
原创 「硬核JS」你的程序中可能存在內存泄漏
寫在前面 想來很多同學看到內存泄漏，內心直接會跳出兩個字：閉包！！！再讓你說點其它的估計就噤聲了。如果你對內存泄漏的瞭解僅限於閉包，那真的是應該仔細看此文了，閉包可能會造成內存泄漏，但是內存泄漏並不是只有閉包，它只是內存泄漏的引子之一罷了。
2023-05-15 13:57:29
原创 Import maps
當 ES Module 最開始作爲一種新的 JavaScript 模塊化方案在 ES6 中被引入的候，其實是通過在 import 語句中強制指定相對路徑或絕對路徑來實現的。 import dayjs from "https://cdn.sk
2023-05-15 13:57:28
原创 ajax請求的流程？
瀏覽器中的 Ajax 請求流程一般包括以下幾個步驟： 創建 XMLHttpRequest 對象 通過 new XMLHttpRequest() 方法創建 XMLHttpRequest 請求對象，該對象提供了一些屬性和方法，可以用來發送
2023-05-13 13:57:58
原创 npm到yarn到pnpm
npm的問題 npm中node_modules是嵌套的，但是包和包之間會有相互嵌套依賴的關係，這樣會導致一個項目中重複安裝了很多包 windows中文件路徑最長260多個字節，這樣嵌套如果超過windows的路徑長度會導致項目都啓不起來
2023-05-12 13:57:42
原创 pnpm
pnpm 講解 阿里數據中臺前端團隊分享前端界的好文精讀——幫你篩選靠譜的內容。 pnpm 全稱是 “Performant NPM”，即高性能的 npm。它結合軟硬鏈接與新的依賴組織方式，大大提升了包管理的效率，也同時解決了 “幻影依賴”
2023-05-12 13:57:42
1
原创 CICD優化，從八分鐘優化到兩分鐘
並行 Pipeline job 緩存依賴中間產物 -> 緩存加速 npm i -> Gitlib CI node_modules 私有倉庫 開啓多進程 build 多進程 限制範圍 -> 增量打包 webpack5 cach
2023-05-11 13:57:35
原创 命令行解析庫
commander, yargs, and minimist 都是 JavaScript 庫，用於解析命令行參數。 commander 是一個輕量級的命令行參數解析器，用於簡化命令行程序的開發。它允許開發人員通過編寫簡單的代碼來定義命令行參
2023-05-11 13:57:35