博客 / 列表

王大冶 - 5分鐘內理解 .prototype 鏈 | 2024

CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 在JavaScript的世界裏,原型(prototype)系統是一個常被討論但不易掌握的概念。作為JavaScript繼承模型的基石,理解原型對於構建大型應用或進行對象操作至關重要。讓我們一起探索這個迷人的話題,揭開原型系統的神秘面紗。 什麼是原型? 在JavaScript中,每個對象都有一個內部屬性[[Proto

ecmascript-6 , 前端 , Javascript

王大冶 - 使用 React Query 時還需要 Redux 嗎？| 狀態管理 2024

React Hook 深入淺出 CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 隨着前端技術的不斷髮展，狀態管理一直是React應用開發中的核心問題。Redux作為長期佔據主導地位的狀態管理庫，為開發者提供了可預測的狀態容器和強大的生態系統。然而，隨着React Query等新興工具的出現，開發者們開始重新思考狀態管理的最佳實踐。本文將深入探討在2024年的前

ecmascript-6 , 前端 , Javascript

王大冶 - React Native 0.76 重大更新：新架構全面啓用

React Hook 深入淺出 CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 架構升級的里程碑 React Native 0.76 版本帶來了一個重大變革 - 新架構默認啓用。這次更新不僅支持了 React 的現代特性（如 Suspense、Transitions），還徹底重寫了原生模塊系統。 核心特性升級 1. 併發渲染支持 新架構完整支持 React 的

ecmascript-6 , typescript , 前端 , Javascript

王大冶 - 如何複製由自定義元素組成的網頁的 HTML 代碼

React Hook 深入淺出 CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 有時我們需要獲取某個網頁HTML的本地副本,例如作為測試的輸入。 但複製網頁或元素的HTML並不總是直截了當的。現代網站往往由自定義元素構建。自定義元素通常是影子宿主。影子宿主的 innerHTML 或 outerHTML 屬性只返回直接子元素的HTML,而忽略了包含的影子DOM的

ecmascript-6 , typescript , 前端 , Javascript

王大冶 - [Next.js14] NextAuth v5 (3) - Google 登錄

React Hook 深入淺出 CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 Google Cloud 設置 訪問 https://console.cloud.google.com/apis 如果你是第一次使用Google Cloud，請確保同意服務條款。 按照以下步驟繼續： 根據你的喜好編輯項目名稱，然後點擊"CREATE" 你將被重定向到這個界

ecmascript-6 , 前端 , Javascript

王大冶 - 如何只使用 CSS 實現網站的暗黑模式切換

CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 想讓你的網站從“明亮清新”切換到“暗黑酷炫”，而不依賴任何 JavaScript？沒問題！ 僅用 CSS 就能完成這個任務，根據用户設備的系統設置動態切換主題。本教程將教你如何實現一個可以隨系統設置自動切換明暗模式的網站，完全拋棄 JavaScript。 第一步：基礎 HTML 頁面結構 首先，我們需要一個簡單的

ecmascript-6 , 前端 , Javascript

王大冶 - 理解 CSS 佈局和 BFC

個人專欄 ES6 深入淺出已上線，深入ES6 ，通過案例學習掌握 ES6 中新特性一些使用技巧及原理，持續更新中，←點擊可訂閲。 點贊再看，養成習慣 本文 GitHub https://github.com/qq44924588... 上已經收錄，更多往期高贊文章的分類，也整理了很多我的文檔，和教程資料。歡迎Star和完善，大家面試可以參照考點複習，希望我們一起有點東西。 為了保證的可讀

程序 , bfc , Css , 前端

王大冶 - Web 性能優化：理解及使用 JavaScript 緩存

阿里雲最近在做活動，低至2折，有興趣可以看看： https://promotion.aliyun.com/... 為了保證的可讀性，本文采用意譯而非直譯。 這是 Web 性能優化的第 5 篇，上一篇在下面看點擊查看： Web 性能優化：使用 Webpack 分離數據的正確方法 Web 性能優化：圖片優化讓網站大小減少 62% Web 性能優化：緩存 React 事件來提高性能

web性能優化 , 程序員 , 前端 , Javascript

王大冶 - Web 性能優化：21種優化CSS和加快網站速度的方法

阿里雲最近在做活動，低至2折，有興趣可以看看： https://promotion.aliyun.com/... 為了保證的可讀性，本文采用意譯而非直譯。 這是 Web 性能優化的第 4 篇，上一篇在下面看點擊查看： Web 性能優化：使用 Webpack 分離數據的正確方法 Web 性能優化：圖片優化讓網站大小減少 62% Web 性能優化：緩存 React 事件來提高性能

web性能優化 , Css , 程序員 , 前端 , Javascript

王大冶 - Web 性能優化： 使用 React.memo() 提高 React 組件性能

想閲讀更多優質文章請猛戳GitHub博客,一年百來篇優質文章等着你！ 這是 Web 性能優化的第四篇，之前的可以在下面點擊查看： Web 性能優化： 使用 Webpack 分離數據的正確方法 Web 性能優化： 圖片優化讓網站大小減少 62% Web 性能優化： 緩存 React 事件來提高性能 React.js 核心團隊一直在努力使 React 變得更快，就像燃燒的速度一樣。為了讓開

react , web性能優化 , 程序員 , 前端

王大冶 - Web 性能優化： 圖片優化讓網站大小減少 62%

阿里雲最近在做活動，低至2折，有興趣可以看看： https://promotion.aliyun.com/... 為了保證的可讀性，本文采用意譯而非直譯。 這是 Web 性能優化的第二篇，上一篇在下面看點擊查看： Web 性能優化： 使用 Webpack 分離數據的正確方法 圖像是web上提供的最基本的內容類型之一。他們説一張圖片勝過千言萬語。但是如果你不小心的話，圖片大小有時

圖片處理 , web性能優化 , 程序員 , 前端