tag 前端

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

@前端 / 博客 RSS 訂閱

smileZAZ 頭像

林恆 - 記錄---前端實現倒計時為什麼會存在誤差呢

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 1. 前端倒計時為何不準？ 1.1 JavaScript的“單線程陷阱” JavaScript是單線程語言，所有任務（包括定時器回調）都在同一個線程中排隊執行。當主線程被耗時任務（如複雜計算、網絡請求）阻塞時，定時器回調只能“望隊興嘆”，導致實際執行時間遠晚於預期時間。就像一家只有一個收銀台的超市，即使定時

前端 , Javascript

收藏 評論

codechen8848 頭像

codechen8848 - GitHub 星標太多管不過來？這款 AI 工具幫你一鍵整理、智能搜索！

大家好，我是 Java陳序員。 之前，給大家介紹過一個開源的 Github Stars 存儲庫管理器，用於解決 GitHub 星標庫太多不好管理的問題。 開發者必備！Github Stars 存儲庫管理器！ 今天，再給大家介紹一款 Github 星標庫管理工具，與 AI 結合，實現更加強大的分類搜索功能！ 關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算機

react , 前端

收藏 評論

dingtongya 頭像

丁同亞的博客 - echarts大屏項目指南

大屏項目指南 資源列表 1. echars官方文檔：[Apache ECharts](https://echarts.apache.org/zh/index.html) 1. api： [Api](https://echarts.apache.org/zh/api.html#echarts) 2. 配置項手冊：[Options](https://echarts.apache.org/zh/

前端 , Javascript

收藏 評論

smileZAZ 頭像

林恆 - 記錄---一篇文了解qiankun的代碼隔離原理

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 隨着前端業務的快速發展，微前端架構已經被廣泛採用，其中qiankun作為主流解決方案也越來越受到關注。前幾天面試時，我就被問到了一個高頻問題：qiankun 是如何實現 JS 和 CSS 隔離的？ qiankun 的JS 沙箱 qiankun 的微前端場景是：主應用加載多個子應用，不同子應用可能依賴不同版本的庫、全

前端 , Javascript

收藏 評論

linx 頭像

前端路引 - Web前端入門第 86 問：JavaScript 中的 Web Worker 為什麼能提升代碼性能？

最初的 JS 執行代碼都是一條線執行到底，當遇到比較耗時的操作時，比如大數組循環運算，就會導致頁面卡着，就像假死一樣。就像一個人在廚房燒菜一樣，需要依次完成切菜、炒菜、裝盤這些步驟，此過程中沒辦法同時做其他事情，必須按順序執行每一個步驟。 Web Worker 賦予了 JS 分配任務的能力，在遇到複雜的計算型任務時，比如 canvas 圖形圖像處理（添加濾鏡、矩陣變換等），此類不依賴 DOM 操作

前端 , Javascript

收藏 評論

dtux 頭像

袋鼠雲數棧前端 - 實現一個 AI 編輯器 - 行內代碼生成篇

我們是袋鼠雲數棧 UED 團隊，致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神，探索前端道路，為社區積累並傳播經驗價值。 本文作者：佳嵐 什麼是行內代碼生成？ 通過一組快捷鍵（一般為cmd + k)在選中代碼塊或者光標處喚起 Prompt 命令彈窗，並且快速的應用生成的代碼。 提示詞系統 首先是完成一個簡易的提示詞系統，不同功能對應的提示詞與提供的上下文不同， 定義不

react , 前端

收藏 評論

software-Development 頭像

IT開發者筆記 - 【醫療行業案例】基於 React 的預約系統：DHTMLX 助力高效排班與預約管理

在醫療、酒店、美容等服務行業中，預約（Booking）與排班（Scheduling）是線上服務的兩大核心功能。它們不僅是高效時間管理的基礎，也保障了組織內部的工作流程有序運轉。預約功能幫助用户快速完成就診、住宿或服務的在線預訂；而排班功能則確保組織合理利用人力資源，平衡工作負荷。正因如此，這兩類功能在現代 Web 應用中有着廣泛的應用需求。 今天，我們為大家帶來一個全新的React 技術棧醫生預約

react , 前端

收藏 評論

smileZAZ 頭像

林恆 - 記錄---基於uniapp，編寫一個自定義的日期組件

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 環境配置 系統：windows10 平台：HBuilderX4.76 語言：vue、javascript 庫：uni 概述 本文是基於uniapp，編寫的自定義日期選擇器組件，大致效果如下： 1、組件簡介 這是一個日期選擇器，即可以選擇年、月、日的組件，所以，組件的功能是很簡單的，組件的效果就是如上面的效果圖所

Css , HTML , 前端 , Web

收藏 評論

smileZAZ 頭像

林恆 - 記錄---讓網頁像現實世界一樣“拿起來，放進去”

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 引言 2025年，我們早已習慣用手指滑動屏幕、拖動文件。而這一切流暢體驗的背後，HTML5 的拖拽（Drag and Drop）功能功不可沒。它讓網頁不再只是“點一點”，而是可以“拖一拖、放一放”，大大提升了交互的直觀性和用户體驗。 為什麼拖拽如此重要？ 回想一下 iPad 為何能迅速風靡全球？一個重要原因就是它的操作“傻

前端 , html5

收藏 評論

smileZAZ 頭像

林恆 - 記錄---前端微服務框架深度對比：無界（Momentum）與乾坤（Qiankun）實戰指南

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 一、引言：為何選擇微前端？ 在傳統單體前端架構中，隨着業務複雜度增加，代碼臃腫、協作困難、部署效率低等問題愈發突出。微前端通過將項目拆分為多個獨立自治的微應用，解決了這些問題： 技術棧無關：支持 Vue、React、Angular 等框架混合開發 獨立部署：各團隊可獨立開發、測試、發佈 漸進升級：允許逐步重構舊系統 動態加載

Css , HTML , 前端 , Web

收藏 評論

software-Development 頭像

IT開發者筆記 - JavaScript數據網格方案AG Grid 34.2 發佈：更靈活的數據結構、更流暢的大數據交互與全新 UI 體驗

近日，JavaScript 數據表格方案AG Grid版本，本次更新為開發者帶來了更靈活的數據分組方式、更順暢的大數據集交互體驗，以及更直觀的 UI 提示與操作反饋。 AG Grid最新版下載，請聯繫AG Grid中國區合作伙伴慧都科技 以下為本次更新的核心亮點： 核心功能更新 1. 日期與時間分組 支持基於日期的層級分組（如日、周、月、季度、年等），開發者可通過rowGroupingHiera

前端 , Javascript

收藏 評論

ldh-blog 頭像

末雨摸魚 - React學習筆記（一）

組件化思想 組件 組件是構建 React 應用的獨立、可複用的代碼塊。它接收輸入（稱為 props），並返回描述UI的 React 元素。 函數組件 vs 類組件 函數組件：一個接受輸入，並輸出JSX的函數。 類組件：使用class定義，並繼承React.Component的類，必須包含一個render()方法。 為什麼函數組件成為主流 1、代碼簡潔：函數組件的語法更簡單，沒有this綁定

react , 前端

收藏 評論

smileZAZ 頭像

林恆 - 記錄---window.close()失效 + Chrome瀏覽器調試線上代碼

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 情況説明 主系統單點登錄點擊觸發window.open()打開本系統。 是發佈生產後的新需求：要求退出登錄後直接關閉當前系統頁面。 本地運行增加了window.close()方法實現功能，點擊退出後頁面沒反應。 排查過程 官方解析中説明，window.close() 方法只能關閉由window.open()或者瀏覽器直接輸入

Css , HTML , 前端 , Web

收藏 評論

tangge 頭像

【唐】三三 - Scss 基礎

scss 轉 css 在線轉換 https://33tool.com/scss_to_css/ 變量 $primary-color: #000; .main1 { background-color: $primary-color; } 一、嵌套 1.1 父選擇器 (Referencing Parent Selectors: ) 在嵌套 CSS 規則時，有時也需要直接使用嵌套外層的父選

Css , HTML , 前端 , Web

收藏 評論

tangge 頭像

【唐】三三 - CSS - transition 粗淺記憶

在 CSS 中，transition 是用於實現元素樣式平滑過渡的屬性，能讓元素從一種樣式狀態（如顏色、尺寸、位置等）逐漸變化到另一種狀態，避免樣式突變帶來的生硬感。它是實現基礎動畫效果的核心工具，廣泛用於 hover 交互、狀態切換等場景。 一、transition 核心語法 transition 是一個複合屬性，可以同時定義過渡的多個參數，語法如下： css transition: [過渡屬性

Css , HTML , 前端 , Web

收藏 評論

linx 頭像

前端路引 - Web前端入門第 88 問：引入 JavaScript 的 script 標籤究竟有多少用法？

HTML 版本不停的更新迭代，也導致瀏覽器支持的寫法眼花繚亂，就拿 script 標籤來説，剛剛入行的那會兒就只知道用來寫內聯的 js 代碼，後來又學到了引入 js 文件，ES 模塊規範化之後又知道能用來引入模塊化的 js 代碼，可這就是它的全部了嗎？？ 然而...並不是！！！ 各種用法 看看 script 千奇百怪的用法，一定有你沒見過的~~ 1、內聯腳本 如文章開頭説的一樣，直接用來寫內聯腳本

前端 , Javascript

收藏 評論

smileZAZ 頭像

林恆 - 記錄---圖文並茂講解nginx中http升級https（部署SSL證書）知識點總結

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 為何網站要升級為https 原因有以下幾點: 1. 避免瀏覽器的不安全的警告 瀏覽器對於http的網站會在地址欄明確標記【不安全】字樣 這樣直接降低用户對網站的信任度 造成用户流失 甚至可能被用户誤認為是釣魚網站 如下圖，是筆者的網站沒有升級https證書的時候的樣子 升級後的 2. 加密傳輸數據，防止數據泄露

Css , HTML , 前端 , Web

收藏 評論

software-Development 頭像

IT開發者筆記 - AG Grid推出全新MCP服務器——讓AI更智能地理解你的數據表格！

作為全球領先的前端表格控件之一，AG Grid再次引領創新。近日，AG Grid正式發佈AG MCP（Model Context Protocol Server）—— 一個基於開源協議的智能接口，旨在讓各類AI模型（如Claude、Cursor、Copilot等）能夠直接訪問最新、最準確的AG Grid知識庫。 AG Grid最新版試用，請聯繫AG Grid中國區合作伙伴慧都科技 這意味着，無論

前端 , Javascript

收藏 評論

codechen8848 頭像

codechen8848 - 免費高顏值！一款跨平台桌面端視頻資源播放器！

大家好，我是 Java陳序員。 今天，給大家推薦一款跨平台的桌面端視頻播放器，免費高顏值！ 關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 ZyPlayer —— 一款免費易用且打造的全功能媒體播放器，基於 electron-Vite 框架，結合 TDesign 組件庫和 Vue3 全家桶，致力於提供流暢、高效的跨平台娛樂體驗。

前端

收藏 評論

smileZAZ 頭像

林恆 - CSS3 超實用屬性:pointer-events (可穿透圖層的鼠標事件)

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 CSS3pointer-events屬性：實現可穿透圖層的鼠標事件 在網頁開發中，我們通常會遇到多個元素重疊的情況。在這種情況下，如何使得被遮擋的元素仍然能夠響應鼠標事件呢？CSS3 引入了pointer-events屬性，允許開發者控制元素是否能夠接收鼠標事件。通過合理使用pointer-events，可以使得圖層下的元素“穿透”上

前端

收藏 評論

Dream-new 頭像

Dream° - 上傳圖片後圖片加載失敗，或因後台ftp傳輸共享目錄延遲導致獲取不到

在前端上傳圖片後，通過ajax傳輸至後台服務器，後台服務器通過ftp方式將文件發送至共享目錄中，或因傳輸延遲或共享目錄同步延遲導致前端無法獲取到已上傳的圖片信息，這時需要對圖片進行重新加載處理。 進行重新加載時需考慮加載次數以及加載時間，當圖片加載失敗時，通過重試機制重新加載圖片。隨加載次數遞增，延長加載時間。 // 全局圖片錯誤重試處理 window.addEventListener('er

前端

收藏 評論

smileZAZ 頭像

林恆 - 【前端效率工具】：告別右鍵另存，不到 50 行代碼一鍵批量下載網頁圖片

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 先看效果：在素材網站一鍵批量保存所有圖片 廢話不多説，直接上手！ 項目結構 image-downloader-extension ├── manifest.json # 擴展的"身份證" └── background.js # 插件後台腳本 創建文件夾image-downloader-exten

前端

收藏 評論

linx 頭像

前端路引 - Web前端入門第 89 問：總結 8 種跨域通信處理方案

為什麼會跨域？跨域是誰附加的限制？為什麼 APP 不會有跨域問題？ 首先跨域問題是由於瀏覽器的同源策略（Same-Origin Policy）導致的，基本上所有瀏覽器都有限制，默認情況是不允許跨域訪問的！！ APP 的請求不受瀏覽器的同源策略限制，所以不存在跨域。類似一個服務器像另一個服務器發起請求一樣，也不會受跨域影響。 想想一下：如果瀏覽器沒有同源策略限制，A 網站可以隨意訪問 B 網站內容，

前端

收藏 評論

software-Development 頭像

IT開發者筆記 - 前端表格工具AG Grid 34.3 發佈：重磅引入AI工具包，全面支持 React 19.2！

近日，全球知名的前端表格工具AG Grid 發佈最新版本 v34.3！本次更新帶來了全新的AI工具包（AI Toolkit）、列寬自適應與數據透視增強功能，並正式支持React 19.2，助力開發者打造更智能、更高效的數據可視化體驗。 AG Grid最新版試用，請聯繫AG Grid官方合作伙伴慧都科技 核心亮點一覽 AI Toolkit—— 基於大模型（LLM）的智能網格交互，讓終端用

前端

收藏 評論