tag 前端開發

標籤
貢獻556
376
05:50 PM · Nov 07 ,2025

@前端開發 / 博客 RSS 訂閱

前端碼農2025 - JavaScript中約束驗證:invalid使用方法

什麼是:invalid? :invalid是CSS偽類選擇器,當表單元素的值不符合其定義的驗證規則(如required、pattern、type等)時,該選擇器將應用樣式。 :invalid的使用方法 1. 基礎用法 input type="email" required placeholder="請輸入有效的郵箱" input type="su

d3 , 自定義 , 前端開發 , HTML , React.js

收藏 評論

子丶不語 - Vue3 登錄頁還能這麼絲滑?這個 hover 效果太驚豔了

前言 大家好,在現代 Web 開發中,用户體驗越來越重要。一個簡潔、美觀又富有動效的登錄頁,不僅能提升品牌形象,還能增強用户的第一印象。這篇文章,我們將用Vue3 + CSS3 動畫,來實現一個懸浮動畫和細膩交互效果的 Vue3 登錄頁面。 項目效果預覽: • 登錄框懸浮微動 + 高光掠過動畫

ico , vue.js , Math , 前端開發 , 動效

收藏 評論

編程思想者 - nvm安裝(Windows篇)_三虎的技術博客

NVM 安裝 (Windows版本) 一、NVM 介紹 1. 什麼是 NVM 2. NVM、Node.js 與 NPM 的關係 二、NVM 的下載與安裝(Windows版本) 步驟1. 下載渠道(官方安全) 步驟2. 配置 NPM 項目加速鏡像

windows , 緩存 , 1024程序員節 , nvm , 前端開發 , npm , Javascript

收藏 評論

flybirdfly - x 命名空間中x:Type 的使用

在 C# 與 XAML 的開發中(如 WPF、UWP、MAUI 等框架),x:Type是 XAML 中的標記擴展(Markup Extension),用於在 XAML 中表示.NET 類型的Type 對象,本質是將 XAML 中的類型名稱映射為 CLR 的System.Type實例。它是連接 XAML 聲明式語法與 C# 類型系統的關鍵工具,以下是其核心用法、場景及注意事項的詳解

xaml , xml , 前端開發 , ide , Javascript

收藏 評論

數據大俠客 - WEB跨平台桌面程序構建工具對比(Electron、Tauri、Wails)_electron 對比

你還在為Web應用轉桌面端時的性能損耗和兼容性問題煩惱嗎?本文將帶你探索如何利用Turbo框架實現"一次開發,多端部署",無需編寫大量JavaScript代碼即可構建高性能跨平台應用。讀完本文你將掌握:Turbo核心功能解析、Web應用優化技巧、Electron桌面打包方案以及跨平台狀態同步策略。 Turbo框架核心能力解析 Turbo框架(

跨平台 , Css , 前端開發 , 桌面應用 , HTML , Web

收藏 評論

智能探索者之家 - 低功耗雨量記錄儀 低功耗雨量計可自動計算每分、每時、每日、每月、每年的降雨量 可實現密保功能

產品概述 低功耗雨量監測站基於傳感、無線通信、處理與控制等物聯網技術的開發,利用傳感技術,通過傳感器測量雨量,並使用物聯網進行傳輸。無需專門的通信線路,在聯網的狀態下,數據可快速、主動的上報到雲平台,用户可在電腦或手機瀏覽數據。 技術參數 測量參數 降雨量 ◇ 測量範圍:雨強0~4mm/min ◇ 測量精度:±2% ◇ 分 辨 率:0.2

低功耗 , 數據 , 物聯網 , Css , 前端開發 , HTML

收藏 評論

mob64ca14005461 - Javascript中的getter和setter初識_javascript技巧

在 JavaScript 中,Getter (獲取器) 和 Setter (設置器) 是一對特殊的方法,它們允許您像訪問普通屬性一樣來讀取和修改對象的屬性,但在背後,它們執行的是自定義的函數邏輯。這些特殊方法被稱為訪問器屬性 (Accessor Properties),與直接存儲值的數據屬性 (Data Properties) 相對。 Getter

封裝 , 開發語言 , ecmascript , ci , 前端開發 , Javascript

收藏 評論

子丶不語 - 告別繁瑣 Emits!Vue 3.4+ defineModel() 讓組件通信從未如此優雅

前言 你是否曾經在寫 Vue 組件時,為了實現一個簡單的雙向綁定(v-model),不得不反覆編寫props接收modelValue,再在emits裏聲明update:modelValue,最後還要寫一個計算屬性或者事件處理函數來觸發更新? 這種“樣板代碼”不僅由於繁瑣降低了開發效率,還打斷了代碼的邏輯流。 隨着Vue 3.4+defineModel()宏終於轉

vue.js , 修飾符 , 雙向綁定 , Vue , 前端開發

收藏 評論

mb61c46a7ab1eee - 【LeetCode】92. 反轉鏈表 II - 指南

文章目錄 92. 反轉鏈表 II 題目描述 示例 1: 示例 2: 提示: 進階: 你可以使用一趟掃描完成反轉嗎? 解題思路 問題深度分析 核心思想對比 算法流程圖 複雜度分析 關鍵邊界與陷阱 方法與代碼要點(Go) 測試用例設計

遞歸 , 鏈表 , Css , 前端開發 , 頭插法 , HTML

收藏 評論

春華秋實2025 - jQuery的hover事件的使用

嗨!最近在做前端交互效果嗎?jQuery的hover事件是實現鼠標懸停效果的利器,今天就來詳細聊聊它的用法和示例吧! hover()方法的基本概念 hover()是jQuery中一個非常實用的事件方法,它模仿了"懸停"(鼠標移動到元素上和移出元素)的交互效果。與原生的mouseover/mouseout相比,hover()會智能處理鼠標在子元素間移動時的"冒泡"問題,

移出 , 懸停 , jquery , 前端開發

收藏 評論

前端小巷子 - 前端虛擬長列表

前端虛擬長列表 當一次性渲染十萬條 DOM 節點時,瀏覽器會瞬間陷入「卡頓—白屏—崩潰」三連擊。虛擬長列表(Virtual Scroller)把「按需渲染」做到極致:只繪製可見區域並加少量緩衝,讓巨量數據在低端設備也能保持 60 FPS。 一、問題本質:渲染成本與滾動成本的矛盾 渲染成本等於節點數量乘以單個節點複雜度,滾動成本等於佈局重排乘以樣式重繪。瀏覽器單幀預算約 16

複雜度 , 重繪 , Math , 前端開發 , Javascript

收藏 評論

mob64ca13fe62db - 爭分奪秒:阿里實時大數據技術全力助戰雙11 - 阿里云云棲社區的個人空間 -

1. 工作流概覽 通過“雙 AI 層”驗證機制,先對呼叫中心 CRM 數據生成詳細分析報告,再由第二模型複核質量與準確性,最後將結果回調給外部 API。 適用場景 呼叫中心 CRM 數據自動分析 AI 報告質量自動質檢 通過回調與外部系統集成 利用不同模型交叉驗證 AI 輸出 邏輯塊劃分 1.1 數

數據 , HTTP , 前端開發 , Javascript , Json

收藏 評論

春華秋實2025 - jQuery中獲取屬性值arrt()方法的使用

attr()是jQuery中用於獲取或設置HTML元素屬性值的核心方法。它簡化了原生JavaScript中getAttribute()和setAttribute()的操作,讓屬性操作變得簡單高效。 獲取屬性值的基本用法 語法: $(selector).attr(attributeName) 説明: selector:jQu

屬性值 , jquery , 前端開發 , HTML

收藏 評論

前端碼農2025 - javaScript事件中 this的使用及代碼

嘿,朋友!今天咱們來聊聊JavaScript中那個"看人下菜碟"的傢伙——this在事件處理中的用法。它就像個職場老油條,誰叫它,它就聽誰的!😄 事件處理中this的"真相" 在事件處理函數中,this的指向取決於你如何綁定事件,而不是你在哪裏寫代碼。簡單説:誰觸發了事件,this就指向誰。 不同事件綁定方式下this的指向 1️⃣ HTML內聯綁定(不

背景色 , 事件處理 , 前端開發 , HTML , React.js

收藏 評論

子丶不語 - vue-i18n:Vue3中實現國際化(i18n)的完整方案與最佳實踐

隨着前端項目的業務邊界不斷擴大,“國際化”早已不是可選功能,而是面向全球用户的必備能力。 對於Vue3項目而言,vue-i18n作為官方推薦的國際化解決方案,以其輕量、靈活、易集成的特點,成 為眾多開發者的首選。今天就帶大家從0到1掌握vue-i18n,輕鬆搞定多語言適配! 一、為什麼Vue3項目要選vue-i18n? 在聊具體用法前,先明確一個問題:市面上國際化插件

vue.js , 初始化 , 多語言 , API , 前端開發

收藏 評論

數據小香 - 大文件文件 jquery插件 html

1背景 用户本地有一份txt或者csv文件,無論是從業務數據庫導出、還是其他途徑獲取,當需要使用螞蟻的大數據分析工具進行數據加工、挖掘和共創應用的時候,首先要將本地文件上傳至ODPS,普通的小文件通過瀏覽器上傳至服務器,做一層中轉便可以實現,但當這份文件非常大到了10GB級別,我們就需要思考另一種形式的技術方案了,也就是本文要闡述的方案。 技

數據 , 應用服務器 , 上傳 , 大文件文件 jquery插件 html , jquery , 前端開發

收藏 評論

autohost - Ubuntu使用指南(一) - 小微的温馨咖啡小屋 -

1.SSH連接 ssh root@192.168.1.1 #默認連接22端口 好比默認後面加了 -p 22 修改SSH登錄端口 vim /etc/ssh/sshd_config 修改:Port 50222 重啓ssh服務 systemctl restart ssh (注意Ubuntu ssh centos sshd) ssh root@

環境變量 , bash , 根目錄 , Css , 前端開發 , HTML

收藏 評論

mob64ca1411e411 - Javascript實現的SHA-256加密算法完整實例

終極JS-SHA256:JavaScript環境下SHA256/SHA224加密的完整指南 在當今數字化時代,數據安全已成為每個開發者和用户必須關注的重要議題。JS-SHA256是一個專為JavaScript環境設計的輕量級加密庫,提供了SHA256和SHA224兩種哈希算法的完整實現。這個項目以其卓越的性能表現和簡潔的API設計,在前端數

開發者 , 前端開發 , Git , Javascript , Web

收藏 評論

新新人類 - Python進階(二)——模塊

在Python開發中,模塊(Module)是代碼組織與複用的核心機制。無論是內置的os、sys,還是第三方庫如requests,本質上都是模塊。掌握模塊的使用,是從“寫腳本”到“開發項目”的關鍵一步。本文將從模塊的本質→創建與導入→搜索路徑→包與工程化→實戰技巧,全方位解析Python模塊,幫你徹底搞懂“如何用模塊管理代碼”。 一、什麼是模塊?一句

服務器 , 搜索 , 開發語言 , Css , 前端開發 , HTML , Python

收藏 評論

數據分析家 - 淺談內聯函數與宏定義的區別詳解_C 語言

內聯函數(inline)和宏定義(#define)都是 C/C++ 中用於減少函數調用開銷、提升代碼執行效率的手段,但二者在實現機制、類型安全、作用域等方面存在本質區別。以下從核心差異、具體對比及使用建議三方面詳細解析: 一、核心差異:實現機制不同 宏定義:由預處理器處理,屬於 “文本替換”—— 預編譯階段直接將宏調用處替換為宏體代

作用域 , JAVA , Css , 內聯函數 , 前端開發 , HTML , 前端 , Javascript

收藏 評論

TwcatL - 深度學習的“黑箱”解決之路:可解釋性技術的核心價值與實踐探索

隨着深度學習在醫療、金融、司法等關鍵領域的廣泛應用,“黑箱”問題逐漸成為制約其進一步落地的核心瓶頸。一個模型能夠精準d預測結果,但我們卻無法解釋其決策依據——在癌症診斷中,模型為何判定患者為陽性?在信貸審批中,模型為何拒絕用户的貸款申請?這種不可解釋性不僅降低了用户對模型的信任度,還可能帶來合規風險。本文結合我的研究與實踐經歷,深入探討深度學習可解釋性的核心價值、主流技術方法、應

指尖人生 , 權重 , 模塊化 , 深度學習 , jquery , 前端開發

收藏 評論

饕餮大數據 - 【Ambari開啓Kerberos】- Atlas啓動 - Solr權限異常

一、問題背景 Atlas 啓動報錯通常分兩階段: HBase 無權限(上文已有説明); Solr 401 Unauthorized(本篇重點)。 二、錯誤日誌分析 Atlas 啓動失敗時控制枱輸出如下堆棧信息: .springframework.beans.factory.support.

大數據 , yyds乾貨盤點 , Kerberos , 運維 , 開源 , Css , 前端開發 , HTML , Ambari

收藏 評論

jacksky - C語言創建循環緩衝區(環形緩衝區)-- Circular Buffer(Ring Buffer) - Tyro

1. 概述 在現代嵌入式系統和實時數據處理應用中,環形緩衝區(Ring Buffer)是一種非常重要的數據結構。它能夠有效地處理數據流,特別是在生產者-消費者場景中。然而,傳統的環形緩衝區在寫滿時通常會丟棄新數據或阻塞寫入,這在某些實時性要求高的場景下可能不是最優選擇。 本文介紹的覆蓋式環形緩衝區(Overwrite Ring FIFO)解決

數據 , 初始化 , C語言 , 互斥鎖 , jquery , 前端開發

收藏 評論

mob6454cc7416d1 - 李宏毅機器學習2022年學習筆記(一)-- Introduction

目錄 摘要 1.auto-encoder概念 2.auto-encoder優勢 3.de-nosing auto-encoder 1.auto-encoder概念 auto-encoder也算是self-supervised learning的一環,簡單複習一下self

sed , 機器學習 , 人工智能 , Css , 筆記 , 前端開發 , HTML

收藏 評論