tag 前端

標籤
貢獻1,041
1159
06:37 AM · Oct 27 ,2025
tuzixiansen_63d4d65909d62 頭像 opentiny 頭像 qaz666 頭像 invalidnull 頭像 dirackeeko 頭像 smileZAZ 頭像 junxiudetuoba 頭像 jdcdevloper 頭像 yayu 頭像 icecreamlj 頭像 beishangdejianjidan_cqxuxf 頭像 xixindehongjiu 頭像

@前端 / 博客 RSS 訂閱

guixiangyyds 頭像

guixiang - markdown的html優雅使用語法（2024/10/10guixiang原創）

一：圖片部分 因為博客園可能會吞我語法，所以我把代碼放到下面部分 https://files.cnblogs.com/files/blogs/827070/markdown的優雅html語法.zip?t=1757144163download=true 第一範式 圖 2 全字段排序 center img style="border-radius: 0.3125em;

前端 , html5

收藏 評論

codemz 頭像

代碼喵仔 - Input報錯“Form elements must have labels: Element has no title attribute Element has no placeholde”

喵~ 項目開發難免會遇到些不解的問題，以下總結的是簡化版，重在復現問題，解決問題。 寫表單時，如果只是單獨寫了input元素，發現在後台管理會飄紅。感覺很奇怪，明明沒有寫錯語法，為什麼會飄紅呢？ 1、寫一段最普通的html頁面 2、右鍵，選擇 “檢查”，打開後台管理器，指向input元素 此時，可以看到飄紅的input，鼠標指向input，會顯示一段提示： 3、按照提示，Shift +

前端 , html5

收藏 評論

codemz 頭像

代碼喵仔 - 【3分鐘學會】一招禁用表單中input輸入框回車鍵自動觸發提交事件！

知其然知其所以然 在前端項目開發中，偶爾會有表單提交的問題： 用户輸入表單後，不小心按了回車鍵，導致提前觸發了提交事件？ 問題概述 當表單中僅有一個input輸入框時，按下回車鍵就會自動觸發提交事件，這是為什麼呢？ 這裏就要提到一個標準：W3C 文中最後一句話已經解釋了原因： 當表單中只有一個單行文本輸入字段時，用户代理應接受在該字段中按Enter鍵作為提交表單的請求。

前端 , html5

收藏 評論

woniuseo 頭像

騎着烏龜奔跑的蝸牛 - HTML5 微數據規範

​ HTML5 微數據規範 簡介 微數據是一種內置於 HTML 中的結構化數據格式。它允許網頁作者定義頁面上的特定內容類型，例如文章、事件或人物。這有助於機器（例如搜索引擎）理解和解釋網頁內容。 微數據的基本概念 項目（Items）：一個微數據項代表頁面上的某個對象或實體，例如一個人、一本書或者一個事件等。一個item通常由itemscope屬性定義。 類型（Types）：每個item可以有

前端 , html5

收藏 評論

smileZAZ 頭像

林恆 - 記錄---瀏覽器多窗口通信有效實踐總結

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 如何跨越不同窗口通信 在現代 Web 開發中，多個窗口或標籤頁之間的通信成為了越來越常見的需求，尤其是在應用需要同步數據、共享狀態或進行實時更新的場景中。不同窗口間的通信方式有很多種，選擇合適的方式可以大大提高開發效率和用户體驗。本文將詳細介紹幾種常見的瀏覽器多窗口通信技術，並結合實際代碼示例，分析它們的優缺點及兼容性。

前端 , html5

收藏 評論

kitty-38 頭像

kitty又困了 - JavaScript的常用庫 —— jQuery

jQuery 用來更加方便地去控制前端的HTML標籤和CSS屬性。 使用方式： 1. 直接在head元素中添加： script src="https://cdn.acwing.com/static/jquery/js/jquery-3.3.1.min.js"/script 2. 按jQuery官網提示下載。 https://jquery.com/download/ 選擇器： $

jquery , 前端

收藏 評論

yuzhihui 頭像

飛仔FeiZai - H5 頁面中實現跳轉到其他 APP

H5 頁面中實現跳轉到其他 APP 在 H5 頁面中跳轉到其他 APP，可以使用以下幾種方式： 1. URL Scheme（自定義協議） 許多 APP 都支持 URL Scheme 方式的跳轉，例如： a href="weixin://"打開微信/a a href="alipay://"打開支付寶/a a href="yourapp://path"打開自定義 APP/a 注意： 需要目標 A

前端 , html5

收藏 評論

aser1989 頭像

ASER_1989 - 前端視角看 HTTPS

最近用Docusaurus搭了一個個人網站，部署後看到瀏覽器地址欄上“不安全”三個字感覺特別辣眼，便不由自主的想起了HTTPS。回憶起自己在日常開發中遇到的一些與HTTPS相關的知識，忍不住想將這些年積累的一些細節和心得體會整理一下。 為什麼要使用HTTPS HTTPS的發展歷程是一段頗具趣味的歷史，充滿了技術創新與安全挑戰。作為前端開發者為什麼要使用HTTPS，難道HTTP不能用了嗎？當然不是，

前端 , html5

收藏 評論

geeklab 頭像

科韻小棧 - React Props指南：從基礎到高階應用的最佳實踐解析

在 React 中，Props（屬性）是組件間通信和數據傳遞的核心機制。通過合理使用 Props，開發者可以構建動態、可複用且易於維護的組件體系。本文將深入探討 Props 的核心概念、使用方法及最佳實踐，幫助開發者全面掌握這一重要特性。 一、Props 的核心概念與作用 定義與特性 Props 是 "Properties" 的縮寫，代表傳遞給組件的只讀數據塊，其核心特性包括：

react , 前端

收藏 評論

huangmingji 頭像

黃明基 - 跨平台桌面應用開發：解鎖 Electron 與 shadcn/ui 的潛力

本文部分內容使用豆包AI進行撰寫和潤色 在當今數字化轉型加速推進的時代，桌面應用程序作為各行各業的關鍵支撐，持續發揮着不可替代的作用。從醫療領域專業精準的影像診斷軟件，助力醫生快速洞察病情、制定治療方案；到建築設計行業複雜且功能強大的建模工具，將設計師腦海中的藍圖完美轉化為虛擬模型；再到電商運營不可或缺的店鋪管理軟件，高效處理訂單、庫存等海量數據，桌面應用憑藉其對本地資源的深度掌控、卓越的性

react , 前端

收藏 評論

huajianketang 頭像

華健課堂 - Angular CLI 源碼分析

🔥 重磅推薦！這份文檔 + 課程《Angular CLI 源碼分析》 = 王炸組合 💥 雙倍知識，雙倍快樂，帶你起飛～ 🚀 (ง •_•)ง 準備： 安裝 Node.js https://nodejs.org/； 安裝 VS Code https://code.visualstudio.com/； 創建文件夾 angular-cli-source-learn； 安裝 Angu

angular , 前端

收藏 評論

yayujs 頭像

yayujs - Svelte 最新中文文檔教程（22）—— Svelte 5 遷移指南

前言 Svelte，一個語法簡潔、入門容易，面向未來的前端框架。 從 Svelte 誕生之初，就備受開發者的喜愛，根據統計，從 2019 年到 2024 年，連續 6 年一直是開發者最感興趣的前端框架 No.1： Svelte 以其獨特的編譯時優化機制著稱，具有輕量級、高性能、易上手等特性，非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte，我同時搭建了 Svelte 最新的中文

react , 前端

收藏 評論

abc-x 頭像

消逝的風i - Visual Studio Code（VS Code）常用插件彙總

vscode是微軟開發的代碼編輯器，因其輕量、跨平台、多語言支持性而廣受歡迎。vscode本身的定位只是一個代碼編輯器（editor)，卻能實現傳統ide（集成開發環境，integrated development environment ）一樣實現一站式開發，支持多語言的代碼提示、編譯、調試等重要功能。正是因為有強大的插件系統和豐富的插件社區，vscode才能提供如此優秀的代碼編寫體驗。本文將為

react , 前端

收藏 評論

lovecola 頭像

世界盡頭守望的勇者 - 【筆記】React 國際化

React 國際化 前言 僅管市面上存在多款流行的國際化解決方案，但是筆者個人精力有限在此只記錄工作學習中遇到的解決方案（持續更新） react-i18next 方案 1. 安裝 pnpm install react-i18next i18next --save 2. 創建文件 在 src 目錄下新建 locales ，並創建 en-US.json 、zh-CN.json 和 resources

react , 前端

收藏 評論

yayujs 頭像

yayujs - SvelteKit 最新中文文檔教程（6）—— 狀態管理

前言 Svelte，一個語法簡潔、入門容易，面向未來的前端框架。 從 Svelte 誕生之初，就備受開發者的喜愛，根據統計，從 2019 年到 2024 年，連續 6 年一直是開發者最感興趣的前端框架 No.1： Svelte 以其獨特的編譯時優化機制著稱，具有輕量級、高性能、易上手等特性，非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte，我同時搭建了 Svelte 最新的中文

react , 前端

收藏 評論

yayujs 頭像

yayujs - SvelteKit 最新中文文檔教程（7）—— 構建和部署

前言 Svelte，一個語法簡潔、入門容易，面向未來的前端框架。 從 Svelte 誕生之初，就備受開發者的喜愛，根據統計，從 2019 年到 2024 年，連續 6 年一直是開發者最感興趣的前端框架 No.1： Svelte 以其獨特的編譯時優化機制著稱，具有輕量級、高性能、易上手等特性，非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte，我同時搭建了 Svelte 最新的中文

react , 前端

收藏 評論

milton 頭像

Milton - Node.js環境和antd初始化項目

Node.js 環境準備 為了方便切換 Node.js 版本, 在 Ubuntu 下使用 nvm 做 Node.js 的版本管理, 在 Windows 10 下使用 fnm 做 Node.js 的版本管理 Ubuntu 22.04 Node.js 環境準備 以下操作使用 Ubuntu 22.04 環境 訪問 Node.js 下載説明頁 https://nodejs.org/en/download

react , 前端

收藏 評論

yulong1992 頭像

程序員玉龍 - 漸變頁面

!DOCTYPE html html lang="en" head meta charset="UTF-8" meta name="viewport" content="width=device-width, initial-scale=1.0" titleRadial Gradient Background/title /head body style="backg

jquery , 前端

收藏 評論

aser1989 頭像

ASER_1989 - 前端藝術實踐：用Storybook構建交互式組件文檔

對於前端來説，組件話已經從熱門話題變成了基礎能力，自定義組件或自建組件庫已是再常見不過的事了。在實際工作中組件庫的文檔直接決定開發體驗和效率，文檔建設的重要性不言而喻。今天要推薦的工具叫Storybook，為此我特地通過用99元買的服務器搭了一套CI/CD系統部署了一套Demo，歡迎點擊體驗：Demo (首次加載速度尤為感人，請耐心等待。僅用於效果演示，希望大家別被這潦草的Demo迷惑)。組件庫的

react , 前端

收藏 評論

codechen8848 頭像

codechen8848 - 開源免費！一個在線的數據庫實體關係繪圖工具！

大家好，我是 Java陳序員。 之前，給大家介紹過一款基於實體連接圖的數據庫設計工具。 可視化！一款基於實體連接圖的數據庫設計工具！ 今天，給大家介紹一個同款的在線數據庫實體關係繪圖工具。 關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 drawDB —— 一個開源免費的在線數據庫圖表編輯器，通過鼠標拖拽可視化設計數據庫，並支持

react , 前端

收藏 評論

smileZAZ 頭像

林恆 - 如何跨標籤頁通信

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 開篇小劇場：為什麼標籤頁要"聊天"？ 想象你在網上商城： 標籤1：瀏覽商品頁 標籤2：開着購物車 當你在標籤1點擊"加入購物車"，標籤2的購物車數字應該立即+1！這就是標籤頁通信的魔力啦！✨ 🎨 方案1：BroadCast Channel（對講機頻道） 🛠️ 方案2：Service Worker（隱形郵差） 📦 方案3

前端 , html5

收藏 評論

longlong688 頭像

longlong688 - vscode Live Server插件問題修改

基於Windows11下Visual Studio Code中的Live Server插件使用過程中出現的問題與解決方法 本文字符約881個，閲讀需10分鐘 問題 Open a folder or workspace... (File - Open Folder) 這個是沒有打開文件夾 點擊這個後沒有啓動瀏覽器

前端 , html5

收藏 評論

codechen8848 頭像

codechen8848 - 一體化白板！一款開源的白板工具！

在日常工作中，我們常常需要使用到白板工具，用於作圖，生成思維導圖、流程圖等來輔助工作。 今天，給大家介紹一款開源的白板工具，支持多種類型圖！ 關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 drawnix —— 一款開源的、基於 React 實現的白板工具（SaaS），實現一體化白板功能，包含自由畫、思維導圖、流程圖等。 功能

react , 前端

收藏 評論

tanggoahead 頭像

程序視點 - jQuery Ajax 實用方法精要

大家好，歡迎來到程序視點！我是你們的老朋友.小二！ jQuery Ajax 實用方法精要 核心概述 本文系統介紹了jQuery框架中Ajax相關方法的使用，從簡單封裝到底層實現，全面解析瞭如何利用jQuery簡化異步請求開發。 主要Ajax方法 1. 便捷封裝方法 **load()**：加載遠程HTML並插入DOM 自動GE

jquery , 前端

收藏 評論