博客 / 列表

superZidan - 使用 Socket.io 和 React 開發一個聊天應用

這篇文章是關於什麼的 相信大家對於 web 版的線上聊天室都不陌生,這篇文章主要講的就是如何使用 Socket.io 和 React 開發一下簡單的線上聊天應用。 所謂線上聊天應用,就是你給一個人或者一個羣發送一條消息,他們可以看到這條消息並且可以回覆。既簡單又複雜。 開發一個聊天室應用,你需要在新信息來到的時候及時的感知到。 通常來説,為了獲得服務端的信息,我們需要發送一個 HTTP 請求。但是

socket.io , react , node.js , Css , Javascript

superZidan - Next.js 超實用進階技巧【持續更新】

hello 大家好,我是 superZidan,這篇文章想跟大家聊聊Next.js 進階技巧,如果大家遇到任何問題,歡迎 聯繫我或者直接微信添加superZidan41 🔥🔥🔥前方高能,乾貨滿滿,建議點贊➕關注➕收藏;後續還會 持續更新更多技巧和案例 温馨提示:如果你還是個 Next.js 新手,建議先閲讀這篇 Next.js 最佳實踐,照着這篇文章先把代碼敲一遍 Next.js 是一個強

性能優化 , next.js , ssr , Javascript

superZidan - 深入探索 Next.js 中的流式渲染和分塊傳輸編碼

hello 大家好,我是 superZidan,這篇文章想跟大家聊聊 Next.js 中的流式渲染和分塊傳輸機制 ,如果大家遇到任何問題,歡迎 聯繫我或者直接微信添加superZidan41 🔥🔥🔥前方高能,乾貨滿滿,建議點贊➕關注➕收藏; 温馨提示:如果你還是個 Next.js 新手,建議先閲讀這篇 Next.js 最佳實踐,照着這篇文章先把代碼敲一遍 簡述 在本篇文章中,我們將深入探索組

node.js , next.js , stream , ssr , Javascript

superZidan - 瀏覽器工作原理

瀏覽器(也稱為網絡瀏覽器或互聯網瀏覽器)是安裝在我們設備上的軟件應用程序,使我們能夠訪問萬維網。在閲讀這篇文字時,你實際上正在使用一個瀏覽器。 有許多瀏覽器正在被使用,截至2022年,使用最多的是:谷歌瀏覽器、蘋果的Safari、微軟的Edge和火狐。 但是,它們實際上是如何工作的,從我們在地址欄中鍵入網絡地址開始,到我們試圖訪問的頁面顯示在屏幕上,會發生什麼? 關於這個問題的答案,一個極其簡化的

渲染 , dom , 瀏覽器 , cssom , webkit

superZidan - React 18 如何提升應用性能

hello 大家好,我是 superZidan,這篇文章想跟大家聊聊 React 18 如何提升應用性能 這個話題,如果大家遇到任何問題,歡迎 聯繫我 React 18 引入了併發功能,從根本上改變了 React 應用程序的渲染方式。 我們將探討這些最新功能如何影響和提高應用程序的性能 首先,讓我們退一步來了解長任務的基礎知識和相應的性能測量 主線程和長任務 當我們在瀏覽器運行 JavaScrip

性能優化 , react , chrome , dom , Javascript

superZidan - 詳解 React 中的閉包問題

hello 大家好,我是 superZidan,這篇文章想跟大家聊聊 React 中的閉包 這個話題,如果大家遇到任何問題,歡迎 聯繫我 JavaScript 中的閉包一定是最可怕的特性之一。 即使是無所不知的 ChatGPT 也會告訴你這一點。 它也可能是最隱秘的語言概念之一。 每次編寫任何 React 代碼時,我們都會用到它,大多數時候我們甚至沒有意識到。 但最終還是無法擺脱它們:如果我們想編

react , hooks , 閉包 , Javascript

superZidan - 在 React Router 中使用 JWT

hello 大家好,我是 superZidan,這篇文章想跟大家聊聊 在React Router 中使用 JWT ,如果大家遇到任何問題,歡迎 聯繫我 或者直接微信添加 superZidan41 在這篇文章中,我們將探討 JWT 身份校驗與 React 和 React-router 的無縫集成。 我們還將學習如何處理公共路由、受校驗保護路由,以及如何利用 axios 庫通過身份驗證令牌(token

react , react-context , react-router , Javascript , Jwt

superZidan - React 編譯器還能這樣?!

hello 大家好,我是 superZidan,這篇文章想跟大家聊聊 React 編譯器 ,如果大家遇到任何問題,歡迎 聯繫我或者直接微信添加superZidan41 🔥🔥🔥前方高能,乾貨滿滿,建議點贊➕關注➕收藏; React 19 和 React 編譯器(此前稱作React Forget)最近一個月成為了 React 社區熱議的焦點。大家都對於可能很快就不必再在 React 中糾結於記憶

性能優化 , react , 記憶 , 編譯器 , Javascript

superZidan - 如何構建全棧 AI 應用

人工智能 (AI) 最近掀起了波瀾,ChatGPT 通過 chat completion 功能徹底改變了互聯網。 你可以用它做很多事情:起草電子郵件或其他文章、回答文檔相關的問題、創建會話代理、為你的軟件提供自然語言界面、輔導各種科目、翻譯語言等等。 本文將教會你使用 chat completion 功能構建聊天應用程序的基礎知識,讓每個程序員都能輕鬆上手。 它並不像看起來那麼難。 你將學到以下內

全棧 , node.js , chatgpt , openai , Javascript

superZidan - 基於 React Flow 與 Web Audio API 的音頻應用開發

今天我們來學習通過 React Flow 和 Web Audio API 來創建一個可交互的語音廣場。我們將會從最小的場景開始,在學習 React Flow(包括:狀態管理,實現自定義節點,添加交互能力) 之前,我們會先學習 Web Audio API。 這個教程會一步一步地帶你完善這個應用,當然你也可以跳過中間的一些步驟。但如果你是一名新手,還是建議你從頭到尾按順序看完。 Web Audio A

react , 進階 , 音頻 , Css , Javascript