tag 前端

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

@前端 / 博客 RSS 訂閱

htvlz 頭像

海豚V靚仔 - HTML 文本格式化

HTML 提供了豐富的元素來格式化文本和展示內容，這些元素不僅讓網頁內容更加豐富多彩，還提高了內容的可讀性和表達力。下面是對您提到的一些文本格式化標籤和“計算機輸出”標籤的進一步解釋和説明： 文本格式化標籤 b 和 strong：兩者都用於加粗文本，但 strong 在語義上更強調文本的重要性，而 b 僅僅是樣式上的加粗。 i 和 em：i 用於表示斜體文本，但主要是樣式上的變化；em 則用

前端 , html5

收藏 評論

kongsq 頭像

努力--堅持 - jQuery（六）jQuery實現瀑布分頁

一、瀑布流分頁案例分析 1.1) 功能分析： 　　鼠標下拉，加載分頁數據(10條) ，如下圖： 1.2) 如何確定當前顯示的數據已經瀏覽完畢？ 公式：(滾動條距底部的距離 + 滾動條上下滾動的距離 + 當前窗口的高度) = 當前文檔的高度 　　舉例： 　　- 當前文檔高度：存儲10條數據，100px。 　　- 滾動條距底部的距離：1px。 　　- 當前

jquery , 前端

收藏 評論

inslog 頭像

iNSlog - 筆記 | Angular 實現 keep-alive (路由複用)

Angular 的路由複用策略（RouteReuseStrategy）是一種用於優化路由跳轉性能和提高用户體驗的機制。通過實現RouteReuseStrategy接口，後可以自定義路由的複用行為，避免不必要的組件銷燬和重建，同時保持組件的狀態。 以下是對Angular路由複用策略的詳細介紹： 一、基本概念 RouteReuseStrategy是 Angular 路由模塊提供的一個接口，用於控制路由

angular , 前端

收藏 評論

htvlz 頭像

海豚V靚仔 - 小米13T Pro系統合集：性能與攝影的極致融合，值得你升級的系統ROM

小米 13T Pro 是一款性能卓越、設計精美的旗艦機型，具備多項領先配置，且在與前一代產品及友商機型的對比中優勢明顯，值得深入探討。 性能提升 小米 13T Pro 搭載了最新的 天璣 9200+ 處理器，相較於前一代（小米 12T Pro）的 驍龍 8+ Gen 1，在性能和能效表現上均有顯著提升。天璣 9200+ 的 AI 算力及多任務處理能力使得系統響應速度更快，用户在運行大型應用、遊戲或

前端 , html5

收藏 評論

htvlz 頭像

海豚V靚仔 - HTML 註釋

關於HTML註釋標籤和條件註釋的説明非常清晰。 HTML 註釋標籤 HTML中的註釋標籤用於在代碼中添加説明或註釋，這些註釋對瀏覽器是不可見的，因此不會影響頁面的顯示。註釋標籤的語法非常簡單，以!--開始，以--結束。註釋可以用於解釋代碼段的功能、標記需要修改或待完成的部分，或者放置版權信息、作者信息等。 示例 !-- 這是一個註釋，它不會在頁面上顯示 -- p這是一個段落。/p !-- 提醒：

前端 , html5

收藏 評論

htvlz 頭像

海豚V靚仔 - HTML 顏色

顏色在網頁設計和數字藝術中扮演着至關重要的角色。正如您所提到的，顏色可以通過紅色、綠色和藍色的混合（RGB）來定義，這種混合方式允許我們創建出數百萬種不同的顏色。每種顏色的強度（或稱為亮度）可以從0（最暗，表示為#00）到255（最亮，表示為#FF）變化。 在HTML和CSS中，顏色可以通過十六進制顏色代碼（如#FF0000表示紅色）、RGB函數（如rgb(255, 0, 0)也表示紅色）或者顏色

前端 , html5

收藏 評論

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 , 前端

收藏 評論