快速瞭解 inert 屬性
歡迎關注我的公眾號：前端偵探 介紹一個全新的、和用户行為息息相關的屬性：inert。 HTMLElement.inert - Web APIs | MDN (mozilla.org) 有了這個屬性，可以更加輕易地控制很多交互行為，花幾分鐘瞭解一下吧 一、inert 是什麼？ inert是 HTMLElement 的一個布爾屬性，意為"惰性"，簡單來説，可以禁用一切交互，包括鼠標點擊、選中、拖
昵称 XboxYan
@html5
贡献者55
粉丝0
贡献者
@html5
动态 列表
Element Table 表格樹形結構多選框選中子級父級狀態變為半選中狀態（遞歸多級）
1.實現效果 2.數據和佈局準備 準備一個 el-table 組件以及數據源，這裏的數據源可以是你的接口提供的。 template div style="width: 78%;" el-table ref="menuTableRef" :data="menuList" style="width: 100%;margin-bottom: 20px;" :row-class-
昵称 Judei
JavaScript 中的數組分組：array.groupBy()
JavaScript 中的數組分組：array.groupBy() 原文： https://dmitripavlutin.com/ja... 由於豐富的標準實用程序庫，許多開發人員喜歡 Ruby 編程語言。例如，Ruby 中的數組有大量的方法。 JavaScript 也逐步豐富了其關於字符串和數組的標準庫。例如，在之前的文章中，我描述了新的array.at()方法。 今天的主角是新的數組組提案（目
昵称 陳東民
0編程基礎，用AI開發“多功能單頁網站”實戰教程
上一篇文章講了如何用AI開發簡單的單頁網站，今天開始講講如何開發複雜的單頁網站。本期視頻主要是教你如何準確描述界面佈局和內容，讓AI開發出你需要的界面樣式，還有網頁裏如果有多個功能點該如何讓AI處理問題等等。當你學會之後，你想用AI開發個人網站或企業網站都會得心應手。 首先講一下簡單的單頁網站和複雜的單頁網站有哪些區別，簡單的單頁網站，功能都比較單一，邏輯也比較簡單。複雜的單頁網站，邏輯會較多，
昵称 鼓獅知識庫
css實現一個簡單的 閃爍效果
純css閃爍效果demo 具體速度和顏色自己可以自己調 div class="father-box" div class="header-box" /div /div @keyframes test { from { opacity: 1.0; } 50% { opaci
@tianmiaogongzuoshi_5ca47d59bef41
昵称 天渺工作室
CSS 實例系列 - 02 - 2023 兔年祝福
Hello 小夥伴們早上、中午、下午、晚上和深夜好，這裏是 jsliang~ 新年新氣象，讓我們耍一個兔飛猛進的祝福吧： 這個是一個完整的線上小實例，小夥伴們可以填寫數據，服務器會用 Node.js 定期讀取數據： 填寫數據：https://kdocs.cn/l/cbmawranzvNL 效果查看：https://liangjunrong.github.io/ 例如你填的用户名稱是：
昵称 jsliang
CSS 實例系列 - 04 - Dropdown 下拉麪板
Hello 小夥伴們早上、中午、下午、晚上和深夜好，這裏是 jsliang~ 今兒要實現的是：Dropdown 下拉麪板 本期將和小夥伴們探討： √ 通過精簡結構，講解 HTML 和 CSS 搭配如何實現 Dropdown 下拉麪板 本實例的代碼地址： Github - all for one 碼上掘金 - 04 - Dropdown 下拉麪板 視頻講解 一 前言 本 CSS 系
昵称 jsliang
純css編寫開關按鈕點擊切換
效果圖預覽： 完整代碼如下： !DOCTYPE html html head title純css編寫開關按鈕點擊切換/title style type="text/css" #toggle-button{ display: none; } .button-label{ position: relative; displa
昵称 Winn
新形勢下的移動安全應變之道
隨着移動互聯網+產業的高速發展及智能移動終端全面普及，移動App已經無處不在，據統計，2018年我國網民數量達到了8.29億，手機網民佔比98.6%，截止2018年12月，我國手機App總量達到449萬款。手機APP在方便了人們生活之餘，也帶來了巨大的安全隱患。 在網絡信息安全體系建設過程中，移動安全容易被大家所忽視，大量安全人員對移動安全風險形勢存在誤判，往往片面的認為做好APP加固即可萬事大
昵称 網易易盾
網易經典IP大作《夢幻西遊網頁版》開發經驗分享
基於白鷺引擎研發的網易經典IP大作《夢幻西遊網頁版》僅用時數天步入iOS免費版TOP3，截至目前，這款產品將近20天位列暢銷榜Top 10，目前基本穩定在Top 20，首月僅iOS平台流水便破億，其表現甚至超過了很多原生手遊，讓很多從業者對H5遊戲的上限有了新的認識。 據瞭解，《夢幻西遊網頁版》與大部分H5遊戲的不同之處在於：算上調優，其研發階段經歷了近1年半的時間。為了更多的瞭解這款遊戲的開發
昵称 Mandy
AXUI v3.1.27震撼發佈：全新Viewer媒體查看器模塊和Toast短消息模塊
更新內容 修復Range組件使用reset方法無效的問題。 將 Range 庫的參數從 aixs 改為 flow，可選值為 h/v（水平/垂直） 修復Datetime組件在手機端下拉年份和月份高度不正確的問題的。 修復Select組件的工具箱顏色問題 修復Search組件，使用shape屬性時報錯的問題。 修復Search組件，使用s
昵称 AXUI
（Online CAD Software）在線CAD二次開發形位公差標註
一、前言 形位公差是指對零件幾何要素的形狀誤差和位置誤差所允許的最大變動量，它與傳統的尺寸公差不同，不僅關注長度或直徑等線性尺寸的變化，還關注零件的幾何特性是否符合設計意圖。在本篇文章中我們將介紹如何通過mxcad插件根據形位公差的特性來實現形位公差標註功能。 二、形位公差的分類 形位公差的所有公差代號如下圖所示： 根據國家標準 GB/T 1182-2018（等同於 ISO 1101
昵称 夢想雲圖網頁CAD
前端VUE.js實現Excel文件的在線預覽效果
簡介 在日常工作中，我們經常需要快速查看Excel文件的內容，但不一定總是需要打開完整的Excel軟件。為了解決這個問題，我開發了一個輕量級的在線Excel預覽工具，讓您可以通過瀏覽器快速查看Excel文件內容。 🔗 在線體驗：點擊查看Excel文件在線預覽效果 功能特點 無需安裝，打開網頁即可使用 支持拖拽上傳或點擊選擇文件 界面簡潔清晰，操作直觀 核心功能 純前端實現，無需服
昵称 usdoc
（WEB在線編輯DWG）在線CAD中實現測量圓、測量面積的方法
一、前言 本章將介紹如何利用mxcad插件實現在CAD圖紙中測量圓和測量面積的功能，用户點擊目標圓對象將自動標記出這個圓的半徑、面積值和周長值，同時可以自定義選擇標註文字的位置，測量圓功能能夠快速掌握目標圓對象的數據信息，方便統計工程量。 測量面積功能（多邊形、矩形）以多邊形的每一個頂點來確定多邊形的形狀和位置，通過點擊矩形的量角點來確定矩形的大小和位置，也可以自定義標註文字的位置。 二、測
昵称 夢想雲圖網頁CAD
深入理解 HTML 語義化標籤：為什麼語義化標籤對網頁結構和 SEO 至關重要
在前端開發中，HTML 是構建網頁的基礎。HTML 的功能不僅僅是展示信息，還要幫助網頁結構化數據，以便瀏覽器、搜索引擎和輔助技術更好地理解網頁內容。語義化標籤是 HTML5 引入的一個重要概念，旨在讓標籤名稱表達其內容的意義。合理使用語義化標籤可以提高網頁的可訪問性和 SEO（搜索引擎優化）效果，使得頁面更具可讀性和結構性。 本文將專注於HTML 語義化標籤的定義、優勢、常用標籤及其適用場景，幫
昵称 用户bPdeG32
ECMAScript 6（ES6）深入剖析：箭頭函數的革新與應用
引言 ECMAScript 6（簡稱 ES6），也被稱為 ECMAScript 2015，是 JavaScript 語言的重要版本更新，帶來了許多功能和語法的改進，極大地增強了 JavaScript 開發的簡潔性與可讀性。其中，箭頭函數（Arrow Functions） 是最為顯著的特性之一。箭頭函數提供了更為簡潔的語法，同時解決了傳統函數在 this 綁定上的問題。本文將聚焦於箭頭函數的革新，探
昵称 用户bPdeG32
CSS專題之層疊上下文
前言 石匠敲擊石頭的第 15 次 在平常開發的時候，有時候會遇到使用 z-index 調整元素層級沒有效果的情況，究其原因還是因為對層疊上下文不太瞭解，看了網上很多前輩的文章，決定打算寫一篇文章來梳理一下，如果哪裏寫的有問題歡迎指出，不勝感激。 什麼是層疊上下文 層疊上下文（Stacking Context）是 HTML 中的三維概念，它決定了元素在 Z 軸（垂直於電腦屏幕的方向） 上的顯示順序。
昵称 CodePencil
CSS專題之水平垂直居中
前言 石匠敲擊石頭的第 16 次 在日常開發中，經常會遇到水平垂直居中的佈局，雖然現在基本上都用 Flex 可以輕鬆實現，但是在某些無法使用 Flex 的情況下，又應該如何讓元素水平垂直居中呢？這也是一道面試的必考題，所以打算寫一篇文章來好好梳理一下，如果哪裏寫的有問題歡迎指出，不勝感激。 分類 實現元素水平垂直居中的方法有很多，大致可以分為以下兩類： 固定寬高元素適用的方法 不固定寬高元素
昵称 CodePencil
強烈推薦 Web前端在線代碼IDE(代碼編輯器)
好用代碼在線編輯器推薦 在前端開發的世界裏，一款高效、便捷的代碼編輯器是每位開發者的得力助手。今天，我將以一名前端技術愛好者的身份，為大家介紹一款專注於前端領域的免費在線代碼編輯器——ColaOnlineCoder。它不僅支持在線編輯和預覽HTML、CSS、JavaScript等前端代碼，還集成了豐富的在線前端框架模板，以及強大的AI編程助手能力，為前端開發帶來了前所未有的便捷與可能。 這裏先貼一
昵称 六月的可樂🥤
Madalin Stunt Cars 2：極限特技賽車網頁版深度解析（附遊戲試玩）
💂 網站推薦:【 摸魚遊戲】【神級代碼資源網站】【星海網址導航】 摸魚、技術交流羣👉 點此查看詳情 你是否厭倦了傳統賽車遊戲的固定賽道？《Madalin Stunt Cars 2》（點此試玩）帶來完全不同的狂野體驗： ✅ 自由開放世界 – 無賽道限制，全地圖任你狂飆 ✅ 超真實物理引擎 – 翻車、飛躍、360°空翻全模擬 ✅ 多款豪車可選 – 跑車、越野車、肌肉
昵称 海擁
《最新出爐》系列初窺篇-Python+Playwright自動化測試-2-playwright的API及其他知識
1.簡介 上一篇宏哥已經將Python+Playwright的環境搭建好了，而且也簡單的演示了一下三款瀏覽器的啓動和關閉，是不是很簡單啊。今天主要是把一篇的中的代碼進行一次詳細的註釋，然後説一下playwright的API和其他相關知識點。那麼首先將上一篇中的代碼進行一下詳細的解釋。 2.代碼解釋 2.1創建瀏覽器對象 '''默認為無頭瀏覽器方式啓動 ''' browser = p.webkit
昵称 北京宏哥
熱力圖可視化為何被廣泛應用？| 圖撲數字孿生
數據驅動決策時代，熱力圖以色彩梯度直觀轉化零散數據，用深淺勾勒規律、凸顯焦點，打破專業壁壘，為精準分析與科學決策提供視覺指引，是挖掘數據價值、解讀複雜數據的核心工具。 在數字孿生場景的效果呈現中，圖撲軟件通過融入熱力圖，為原本抽象的數據可視化賦予了更生動的表現力與生命力。 效果展示 工業製造 高爐冶煉 在鋼鐵行業高爐數字孿生場景中，熱力圖是監測高爐穩定運行的關鍵工具。 實時採集高爐爐缸、爐腹等關鍵
昵称 hightopo
智慧停車場合集 | 圖撲數字孿生靜態交通一網統管
如今，停車場管理已從單一的泊車功能，演進為融合充電服務、空間調度與數據運營的綜合性挑戰。無論是城市級樞紐、多樣化園區、商業樓宇，均面臨效率提升與體驗優化的核心訴求。 圖撲利用自研HTML5 2D/3D圖形渲染引擎，針對不同應用場景量身定製智慧停車解決方案，推動停車場從“被動管理”到“主動智能”的跨越，實現停車場實時狀態可視、資源動態調度與充電服務一體化管控。 系統分析 新能源停車場管理 隨着新能
昵称 圖撲軟件
中國SVG開發者大會研討會在復旦大學召開，計育韜老師受邀致辭
近日，備受矚目的第二屆中國 SVG 開發者大會在上海市由 E2.COOL 黑科技 SVG 編輯器主持承辦並正式開幕。本次大會吸引了來自全國各地的 SVG 技術精英和頂尖團隊，共同探討融媒體交互技術的創新應用、版權保護與發展前景。大會期間，學術議程 SVG 創新生態與知識產權保護研討會於復旦大學成功舉行。 本次活動以主旨演講與圓桌論壇的形式，圍繞“SVG 創新生態與知識產權保護”主題進行了深入分析與
昵称 計育韜