收藏 / 列表

李遊Leo - 深入理解 ECMAScript 2024 新特性:正則表達式 /v 標誌

ECMAScript 2024 (ES15)標準引入了新的正則表達式標誌 /v,這一新增功能不僅優化了多行匹配的處理,還增加了對特殊字符匹配的支持。這一變革對於需要處理複雜文本數據的應用場景尤為重要,比如日誌分析、代碼審核等。接下來,本文將深入探討 /v 標誌的實際應用價值,並通過多個編程案例來展示其強大的實際應用能力。 /v 標誌的技術背景與應用 正則表達式作為開發者的有力工具,經常被用於字符

ecmascript , Javascript

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

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

ecmascript-6 , 前端 , Javascript

南城FE - 純 CSS 實現計時器效果

本文翻譯自 How to Make a CSS Timer,作者:PREETHI SAM, 略有刪改。 有時候我們需要再網站中使用計時器。比如下單購物成功後增加倒計時回到首頁;或者一些時間管理工具(番茄工作法),當遇到這些情況時,我會毫不猶豫地使用JavaScript,因為它可能是處理這類事情的更強大的工具。 然而在某些場景下 CSS 替代品也同樣有趣和高效。現在的電子郵件客户端具有很強的 CSS

動畫 , Css , 前端

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

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

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