tag HTML

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

@HTML / 博客 RSS 訂閱

daniel-yuschick 頭像

Daniel Yuschick - Switching It Up With HTML’s Latest Control

The web is no stranger to taking HTML elements and transforming them to look, act, and feel like something completely different. A common example of this is the switch, or toggle, component. We woul

Techniques , coding , Design , HTML

收藏 評論

u_15701873 頭像

mb62bc064f8f791 - 功率與相位

功率與相位 有兩種方式來觀察相位。第一種是電壓彼此相異，比如三相電，第二種，電壓電流相異。 如果有兩個不同的發電機，即使以相同頻率工作，在連到一起之前，要確保它們相位相同。簡單來説，就是電壓要同時上升下降。如果不同步，它們就會相互影響。 有時，你操作正確，希望電壓不同步。在工業上，特別是電機方

數學方法 , 正弦波 , Css , 前端開發 , HTML

收藏 評論

u_17534189 頭像

qq68d2318712d49 - win11系統下載，win11專業版，25H2企業版鏡像ISO地址下載，（附永久免費版安裝教程）

下載地址獲取 所有的都放在這裏了 所有版本都放在這裏了 編輯 windows service 編輯 激活工具也放在這裏了，每一款都可以直接用 編輯 激活教程 打開HEU KMS Activator，打

兼容問題 , windows , github , 市場份額 , Css , 前端開發 , HTML

收藏 評論

nulidexiaocongmang 頭像

MangoGoing - CSS 技術沉澱

基礎理論 元素的顯示與隱藏 根據不同的需求選擇隱藏方案 如果希望元素不可見，同時不佔據空間，輔助設備無法訪問，同時不渲染，使用script標籤隱藏 script type="text/html" img src="./img/55.png" / /script 獲取數據的方法使用 document.querySelector('script').innerHTML 如果希望元素不可

css技巧 , HTML , 前端

收藏 評論

daguaisou 頭像

Jerry - 【操作】sublime正則搜索替換修改數據

手動擋經常會改不齊全，發現能寫正則還是很方便的。 find replace調出替換面板 也可以快捷鍵 command+alt+F 這個引用到複雜點的數據裏面 真的省事不要太多 方便不要太多 我知道得太遲了。。。。。。 mark一下 僅供參考 歡迎更正補充 end

sublime-text-3 , 正則表達式 , HTML , Javascript , Json

收藏 評論

marks 頭像

Marks - 10分鐘徹底搞懂前端頁面性能監控

本文首發於知乎《10分鐘徹底搞懂前端頁面性能監控》，搬運轉載請註明出處，否則追究版權責任。 前言 前端頁面性能是一個非常核心的用户體驗指標。本文介紹阿里UC 嶽鷹全景監控平台 如何設計一個通用、低侵入性、自動上報的頁面性能監控方案。主要採用的是Navigation Timing API以及sendBeacon等方法。 為什麼要監控頁面性能？ 一個頁面性能差的話會大大影響用户體驗。用户打開頁面等待的

前端性能 , 監控工具 , HTML , 前端 , Javascript

收藏 評論

daqianduan 頭像

前端一鍋煮 - 前端標準規範-v1.0

總體原則：極簡、極快、解耦 主要適用範圍：vue 單頁項目+ 文件組織規範 文件結構 原則：文件少、層級淺、資源集中、相對獨立互不影響 基本結構： . |_ node_modules |_ dist |_ src |_ assets // 公共資源 |_ img // 全局圖片 |- favicon.png |- comm

規範化 , 前端性能 , HTML

收藏 評論

maomaoxiaobo 頭像

貓多少 - Flex佈局

上一期我整理介紹了grid佈局方式，如果想看的同學，可以直接點擊此文章： Grid佈局 這期我把flex佈局方式筆記也整理出來了，內容是我自己在根據別人視頻學習過程中整理的資料。 目前很多css的框架都使用Flexbox作為基礎。瀏覽器大部分也都兼容。 接下來直接看代碼演示，我們先準備一個素材,準備5個div元素，定義為 ABCDE。因為div默認情況下display是block塊級元素，所

flexbox , flex , Css , HTML , 前端

收藏 評論

jackn 頭像

Jack_N - 前端進階（1）Web前端性能優化

前端進階（1）Web前端性能優化 Web前端性能優化, 不僅能夠改善站點的用户體驗，並且能夠節省相當的資源利用。下面將從1）服務器、2）html內容、3）css、 4）javascript、 5）圖片等幾方面介紹具體的優化操作。 1. 服務器優化 1.1. 使用內容分發網絡（CDN） 把網站內容分散到多個、處於不同地域位置的服務器上可以加快下載速度。 1.2. 服務器使用http2.0協議 Htt

前端優化 , Css , HTML , Javascript

收藏 評論

compose_hub 頭像

compose_hub - 什麼是文檔流？

今天解析來自John Rosato的一篇文章“What is document flow?”，什麼是文檔流？ 開頭是摘要： 文檔流是由 CSS 定位語句定義的頁面元素的排列，以及 HTML 元素的順序。 也就是説，每個元素如何佔用空間以及其他元素如何相應地定位自己。 簡單點説，就是 document flow 指示了頁面上的元素如何去排列。 接着，講到了 document flow 的三種影響元

佈局 , Css , HTML

收藏 評論

invalidnull 頭像

註銷 - rxjs Observable 兩大類操作符簡介

Observable 生產的數據，應該提供開發人員足夠的自由度，對這些數據進行各種處理，比如 map / transform 等等。這就是 Rxjs Operator 大展身手的地方。 運算符是對 Observable 進行操作並返回 Observable 的函數。 這允許我們鏈接這些運算符。 鏈中的每個運算符都會修改由前一個運算符的運算產生的 Observable。 鏈中的算子不會同時工作，而是

rxjs , node.js , HTML , 前端 , html5

收藏 評論

yangrd 頭像

yangrd - web-compiler：mvvm 的實現思路

最近一段時間留意到一個叫Svelte的前端框架，它與Vue 等前端框架的最大不同是採用了編譯的方案進行的實現，這是官網的介紹 Svelte 是一種全新的構建用户界面的方法。傳統框架如 React 和 Vue 在瀏覽器中需要做大量的工作，而 Svelte 將這些工作放到構建應用程序的編譯階段來處理。 與使用虛擬（virtual）DOM 差異對比不同。Svelte 編寫的代碼在應用程序的狀態更改時就

css3 , mvvm , compiler , HTML , Javascript

收藏 評論

jdcdevloper 頭像

京東雲開發者 - APP常用跨端技術棧深入分析

導讀 本文主要針對常用跨端技術Flutter、ReactNative、Weex、H5，從技術特點、基本架構、編譯原理、基本渲染流程等進行梳理分析；以及一些常見性能問題如何優化解決，然後如何進行技術選型或在進行業務開發時選擇不同技術棧的邏輯是什麼。 01 背景 在今年的敏捷團隊建設中，我通過Suite執行器實現了一鍵自動化單元測試。Juint除了Suite執行器還有哪些執行器呢？由

weex , reactnative , flutter , HTML

收藏 評論

nanchengfe 頭像

南城FE - 那些你不知道的 CSS 自定義形狀網格佈局

本文翻譯自 CSS Grid and Custom Shapes, Part 1，略有刪改 在正常的開發中，我們會遇到很多元素塊排列對齊的需求，如九宮格抽獎，多張圖片上傳後等分佈局預覽，微信朋友圈多張圖片展示等。這都是正常的正方形很規整的佈局。 如下所示，如果圖像不是完全正方形，而是形狀像六邊形或菱形怎麼辦？我們怎麼做呢。事實上，我們將結合我們已經研究過的 CSS 網格技術，並加入一些 CSS c

佈局 , css3 , Css , HTML , 前端

收藏 評論

xboxyan 頭像

XboxYan - 快速瞭解 inert 屬性

歡迎關注我的公眾號：前端偵探 介紹一個全新的、和用户行為息息相關的屬性：inert。 HTMLElement.inert - Web APIs | MDN (mozilla.org) 有了這個屬性，可以更加輕易地控制很多交互行為，花幾分鐘瞭解一下吧 一、inert 是什麼？ inert是 HTMLElement 的一個布爾屬性，意為"惰性"，簡單來説，可以禁用一切交互，包括鼠標點擊、選中、拖

dom , Css , HTML , 前端 , html5

收藏 評論

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

收藏 評論