tag HTML

標籤
貢獻636
577
06:37 AM · Oct 27 ,2025
tuzixiansen_63d4d65909d62 頭像 u_15469972 頭像 u_17534189 頭像 u_16164933 頭像 u_17569005 頭像 u_13934709 頭像 u_9849794 頭像 smileZAZ 頭像 u_14540126 頭像 u_15903730 頭像 u_17487639 頭像 u_16213574 頭像

@HTML / 博客 RSS 訂閱

xiaoxxuejishu 頭像

小X學技術 - Y 分鐘速成 AngularJS

源代碼下載： learnangular-cn.html AngularJS 教程 AngularJS 1.0 版在 2012 年發佈。 Miško Hevery, 一位 Google 員工， 從 2009 年開始開發 AngularJS。 結果發現這個想法很好，從而該項目現在也被 Google 官方所支持了。 AngularJS 是一個 JavaScript 框架。它可以通過一個 "s

angularjs , Css , HTML , 前端 , Javascript

收藏 評論

alijishu 頭像

阿里雲開發者 - 學習HTML DOM筆記

HTML DOM 簡介 HTML DOM 定義了訪問和操作 HTML 文檔的標準。 什麼是 DOM？ DOM 是 W3C（萬維網聯盟）的標準。 DOM 定義了訪問 HTML 和 XML 文檔的標準： "W3C 文檔對象模型 （DOM） 是中立於平台和語言的接口，它允許程序和腳本動態地訪問和更新文檔的內容、結構和樣式。" W3C DOM 標準被分為 3 個不同的部分： • 核心 D

dom , xml , HTML

收藏 評論

u_16099188 頭像

互聯網小思悟 - 安裝wkhtmltopdf

服務器安裝wkhtmltopdf 下載rpm包至本地 https://github.com/wkhtmltopdf/packaging/releases/download/0.12.6-1/wkhtmltox-0.12.6-1.centos8.x86_64.rpm 上傳rpm包至服務器 scp -r w

Spring Boot , 服務器 , pdf , Css , 前端開發 , HTML , Python

收藏 評論

beckyyyy 頭像

beckyyyy - 對BFC的理解

在前端的面試中，相對JavaScript而言，CSS佈局方面考察的內容會相對少一些，其中BFC是佈局樣式方面常考的一個考點。 什麼是BFC BFC，全稱為Block Formatting Context，翻譯過來即塊格式化上下文。 之前在其他文章中看到的説明是，網頁上一個獨立且隔離的渲染區域。現在呢，我稍微查閲了一些官方的信息。 在瞭解BFC之前，我們需要先了解一些其他概念： 包含塊（contai

佈局 , bfc , Css , HTML , 前端

收藏 評論

jdcdevloper 頭像

京東雲開發者 - PWA 離線方案研究報告 | 京東雲技術團隊

本文並不是介紹如何將一個網頁配置成離線應用並支持安裝下載的。研究PWA的目的僅僅是為了保證用户的資源可以直接從本地加載，來忽略全國或者全球網絡質量對頁面加載速度造成影響。當然，如果頁面上所需的資源，除了資源文件外並不需要任何的網絡請求，那它除了不支持安裝到桌面，已經算是一個離線應用了。 什麼是PWA PWA（Progressive Web App）是一種結合了網頁和原生應用程序功能的新型應用程序開

pwa , webkit , 離線應用 , HTML , 前端

收藏 評論

lengcang 頭像

茶色島 - HTML DOM+瀏覽器BOM

一： HTML DOM 1.HTML DOM：文檔對象模型 JS操作HTML文檔的接口，JS改變頁面中的所有HTML元素、HTML屬性、CSS樣式，對所有世間做出反應;DOM是JS操作HTML和CSS的橋樑。 樹型結構 eg: 2.nodeType 1 元素節點 3 文字節點 8 註釋節點 9 docunment節點 10 DTD節點

dom , bom , HTML

收藏 評論

jackzhoumine 頭像

JackZhouMine - 前端項目如何規範文件命名

前端項目如何規範文件命名 ls-lint 是一個非常快的文件和目錄名稱 linter，可方便約束項目目錄和文件的命名。 特點： 快速 依賴少 適用所有文件 配置簡單 安裝依賴 npm install @ls-lint/ls-lint -D 在 husky 加入 git hook: "husky": { "hooks": { "pre-commit": "ls-lint

vue.js , 工程化 , HTML , 前端 , Javascript

收藏 評論

zz_641473ad470bc 頭像

zZ_jie - 使用canvas對圖片進行標註

前言 我們的圖像標註系統中，標註的時候，每人需要一個容器（docker），需要把數據推到去LabelStudio裏面去標註，利用webhook回推標註好的數據。 Canvas的使用，當選中某個矩形框的時候，會變成藍色。 畫布大小 設置的是，圖片有多大，畫布就有多大,然後以畫布的中心點對齊。默認是左上角對齊 this.ctx.drawImage(this.image, -this.image

canvas , HTML , 前端

收藏 評論

zz_641473ad470bc 頭像

zZ_jie - Thymeleaf的使用

前言 由於釘釘機器人發送Markdown消息 手機部不支持table格式顯示（pc端支持table格式顯示），打算使用thymeleaf顯示信息。因為thymeleaf是 Spring boot推薦的引擎模版，站在巨人的肩膀上！如果您有更好的推薦，先謝謝您！ 什麼是thymeleaf 在官網中有這麼一條介紹： Thymeleaf is a modern server-side Java temp

spring-mvc , thymeleaf , springboot , JAVA , HTML

收藏 評論

momeak9 頭像

泯瀧 - 「譯」如何寫出更好的Typescript代碼

鏈接：https://medium.com/@technicadil_001/how-to-write-better-types... 作者：Debabrata Dash 原標題：How to write better Typescript codes? 在本文中，我們將討論大約 15 個編寫更好的 Typescript 代碼的技巧。 譯者：本文討論了 15 個實用技巧，以幫助開發者編

ecmascript-6 , typescript , HTML , 前端 , Javascript

收藏 評論

yangy5hqv 頭像

夢想雲圖網頁CAD - （WEB在線編輯DWG）在線CAD中實現測量圓、測量面積的方法

一、前言 本章將介紹如何利用mxcad插件實現在CAD圖紙中測量圓和測量面積的功能，用户點擊目標圓對象將自動標記出這個圓的半徑、面積值和周長值，同時可以自定義選擇標註文字的位置，測量圓功能能夠快速掌握目標圓對象的數據信息，方便統計工程量。 測量面積功能（多邊形、矩形）以多邊形的每一個頂點來確定多邊形的形狀和位置，通過點擊矩形的量角點來確定矩形的大小和位置，也可以自定義標註文字的位置。 二、測

ecmascript-6 , typescript , HTML , html5 , Javascript

收藏 評論

chongdongdedaxiongmao_kxfei 頭像

chongdongdedaxiongmao_kxfei - 探索 Java 中的 Stream API：優雅處理集合的利器

Java 8 引入了一個功能強大的工具——Stream API，極大地簡化了對集合的操作。傳統上，Java 程序員習慣使用 for 循環來遍歷集合並進行過濾、映射等操作，這種方式雖然直觀但代碼冗長且難以維護。Stream API 通過流式編程的方式，使得我們能夠以更簡潔和優雅的方式操作集合。 本文將介紹 Java Stream API 的基本概念及其常見的使用場景，幫助你更好地掌握這一工具。 一、

ecmascript-6 , typescript , HTML , 前端 , Javascript

收藏 評論

refanbanzhang 頭像

熱飯班長 - 最好的svg使用方案（個人覺得）

方案1：img 將svg作為img的src import icon from './xxx.svg' img :src="icon" 無法很好的自定義尺寸，圖片會模糊（使用了img後，會喪失svg的特性） 無法指定顏色 方案2：插件 添加vite-svg-loader插件 找了好幾個常見的插件，比如vite-plugin-svg-icons、vite-plugin-svg-loader、u

react , vue.js , vite , HTML , svg

收藏 評論

daoshanghundesijidou 頭像

用户bPdeG32 - 深入理解 CSS Flexbox：如何使用彈性佈局實現自適應的水平和垂直居中

在 Web 開發中，佈局一直是 CSS 的一個重要主題，而水平和垂直居中往往是佈局中最常見、最基礎的需求。傳統的居中方法通常需要使用多層嵌套、position、margin 等屬性來實現，代碼繁瑣且不夠靈活。而隨着 CSS 彈性佈局（Flexbox）的引入，水平和垂直居中變得非常簡單、直觀，幾乎可以適應所有的佈局場景。 本文將專注於如何使用 CSS Flexbox 來實現內容的自適應居中，包括水平

ecmascript-6 , css3 , Css , HTML , 前端

收藏 評論

daoshanghundesijidou 頭像

用户bPdeG32 - 深入理解 HTML 語義化標籤：為什麼語義化標籤對網頁結構和 SEO 至關重要

在前端開發中，HTML 是構建網頁的基礎。HTML 的功能不僅僅是展示信息，還要幫助網頁結構化數據，以便瀏覽器、搜索引擎和輔助技術更好地理解網頁內容。語義化標籤是 HTML5 引入的一個重要概念，旨在讓標籤名稱表達其內容的意義。合理使用語義化標籤可以提高網頁的可訪問性和 SEO（搜索引擎優化）效果，使得頁面更具可讀性和結構性。 本文將專注於HTML 語義化標籤的定義、優勢、常用標籤及其適用場景，幫

ecmascript-6 , css3 , node.js , HTML , html5

收藏 評論

wanzuqiudeshangba 頭像

玩足球的傷疤 - JavaScript與TypeScript的對比：深入理解兩者的異同

JavaScript 和 TypeScript 是當今最流行的兩種編程語言，尤其在前端開發中，它們佔據着主導地位。雖然這兩種語言在表面上看起來很相似，但它們有着顯著的差異，尤其是在類型系統、開發體驗、代碼維護性等方面。本文將深入探討 JavaScript 和 TypeScript 的差異，幫助開發者理解何時選擇使用 JavaScript 或 TypeScript，以及如何在項目中有效地運用它們。

ecmascript-6 , typescript , HTML , 前端 , Javascript

收藏 評論

jianzhuangdeyaling 頭像

用户bPdeUmS - TypeScript 中的類型推斷詳解：為什麼我們應該信任 TypeScript 的推斷能力？

在 TypeScript 中，類型推斷（Type Inference）是一個強大且被廣泛使用的特性。它允許開發者在許多情況下省略顯式的類型註解，從而簡化代碼，同時仍然享受強類型系統帶來的安全性和可靠性。然而，對於初學者或經驗不足的開發者來説，常常會疑惑：我真的可以完全信任 TypeScript 的類型推斷嗎？它的邊界和侷限性是什麼？ 本文將聚焦於這個問題，通過深入解析 TypeScript 的類型

ecmascript-6 , typescript , HTML , 前端 , Javascript

收藏 評論

hyfhao 頭像

hyfhao - webpack多頁面打包的一次嘗試

初始化 cd 項目名 webpack init 創建第二頁面與其頭文件 touch page2.html touch src/page2.js 修改page2.js console.log("success") 修改webpack.config.js 添加page2.html至plugins項，添加src/page2.js至entry項 最終模板: const path = requi

webpack , HTML , Javascript , Web

收藏 評論

wupeng_5a4de5c290b9d 頭像

PatWu16 - PWA離線應用調研

1、PWA應用介紹 PWA 是一種通過現代 Web 技術提供類似原生應用體驗的 Web 應用。它的核心特性包括： 可離線訪問：通過 Service Worker 實現離線緩存快速加載 利用緩存策略加速資源加載可安裝 用户可以將 PWA 添加到主屏幕，像原生應用一樣使用響應式設計 適配各種設備屏幕 PWA 的核心技術包括： Service Worker：用於攔截網絡請求、管理緩存

pwa , HTML , 前端 , Javascript

收藏 評論

wupeng_5a4de5c290b9d 頭像

PatWu16 - PWA離線應用實踐

上篇文章整理了PWA離線應用的技術脈絡和注意事項，本篇文章將記錄使用Vue + Workbox + localforage 實現離線應用的實踐過程。 一、Vue工程改造 Vue CLI 提供了一個官方的 PWA 插件，可以快速為 Vue 項目添加 PWA 支持。運行以下命令安裝插件： // 在vue工程目錄下執行如下命令 vue add pwa 安裝完成後，插件會自動生成以下文件： src/

pwa , HTML , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 微信小程序獲取和修改用户頭像信息

這裏主要用到button的open-type功能，官網已有説明： 給button設置open-type="chooseAvatar"，來使bindchooseavatar方法生效，在bindchooseavatar指定的函數中獲取用户的頭像信息 button open-type="chooseAvatar" bindchooseavatar="chooseavatar"/b

vue.js , 微信小程序 , HTML , 前端 , Javascript

收藏 評論

xingzoudedahuoji 頭像

行走的打火機 - 在線考試答題系統（Web+H5+小程序）開發方案與實現附源代碼

　　隨着教育信息化與數字化轉型的加速推進，傳統線下考試模式正面臨效率瓶頸與場景侷限。組織大規模考試時，試卷印製、考場安排、人工監考及成績統計等環節耗費大量資源，且難以應對突發情況。在此背景下，在線考試答題系統應運而生，成為重塑教育評估體系的核心工具。 　　源碼及演示：zx.xcxyms.top 　　在線考試答題系統需覆蓋多端使用場景，包含題庫管理、在線答題、成績統計、錯題分析等核心功能。目標用户包

小程序 , php , webapp , HTML

收藏 評論

ailvyoudetiebanshao 頭像

溪抱魚 - SEO關鍵詞的研究與優化 一

關鍵詞研究和優化是SEO的核心。通過深入瞭解目標受眾使用的搜索詞，我們可以優化網站內容，提高搜索引擎排名，並吸引更多相關流量。本章將詳細探討關鍵詞研究的方法、和最佳實踐。 關鍵詞類型對比分析 1. 關鍵詞研究的基礎 瞭解不同類型的關鍵詞對於制定全面的SEO策略至關重要。每種類型的關鍵詞都有其獨特的特點和應用場景： 1.1 主關鍵詞 定義： 通常由1-2個詞組成，代表廣泛的主題或概念。 特點

seo , 程序員 , HTML , 前端

收藏 評論

rentian 頭像

任天鏜 - navigator.mediaDevices.getUserMedia undefined問題解決

navigator.mediaDevices.getUserMedia只有在https或者localhost下使用。 如果需要再http協議下使用navigator.mediaDevices.getUserMedia，需要打開不安全的配置。 火狐瀏覽器打開多媒體不安全的配置： chomre打開不安全配置： 瀏覽器輸入chrome://flags/ 搜索Insecure o

chrome , firefox , HTML , 前端 , Javascript

收藏 評論