tag 前端

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

@前端 / 博客 RSS 訂閱

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）的智能網格交互，讓終端用

前端

收藏 評論

qaz666 頭像

可不簡單 - 如何使用 vxe-table 展開行實現展開子表父子表格

如何使用 vxe-table 展開行實現展開子表父子表格 查看官網：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table template div vxe-grid v-bind="gridOptions"

前端

收藏 評論

qaz666 頭像

可不簡單 - vxe-table 樹形表格顯示連接線的方式

vxe-table 樹形表格顯示連接線的方式 完整連接線 通過 tree-config.showLine 來啓用是否顯示連接線 template div vxe-grid v-bind="gridOptions"/vxe-grid /div /template script setup import { reactive } from 'vue' const gridOpti

前端

收藏 評論

NobodyCares 頭像

Nobody_Cares - CSS尺寸、盒子模型、定位、浮動與佈局（Flex/Grid）

CSS尺寸、盒子模型、定位、浮動與佈局（Flex/Grid） 尺寸單位: px,em,rem,fr 各單位定義 px (像素): 相對固定的單位，代表屏幕上的一個物理點。在高分辨率屏幕上，1個CSS像素可能對應多個物理像素。 em: 相對單位，相對於父元素的字體大小。如果父元素字體大小為16px，則1em = 16px。 rem (root em): 相對單位，相對於根元素(html)的

前端

收藏 評論

software-Development 頭像

IT開發者筆記 - 【金融行業案例】藉助DHTMLX打造高效銀行排班與管理系統

作為全球知名的前端控件開發商之一，DHTMLX一直致力於為企業提供靈活、高效的 JavaScript 界面組件。近日，DHTMLX 再次與北美軟件開發商Point Enterprises Inc.展開深入交流，瞭解其基於DHTMLX Suite與Scheduler的銀行員工排班系統StaffPro®的最新成果。 該系統通過靈活的組件組合與定製化開發，實現了跨網點員工調度、現金訂購、數據分析及

前端

收藏 評論

leexiaohui1997 頭像

#橙續緣 - 【AI説HTML 01】HTML從零基礎到精通路徑

學習HTML從零基礎到精通，是一個循序漸進的過程，關鍵在於建立正確的認知、通過實踐鞏固知識，並逐步關注更宏觀的網頁質量維度。下面我為你梳理一條清晰的路徑，並附上每個階段的學習重點和建議。 為了讓你對整體學習旅程有個直觀的印象，我用下面這張圖為你勾勒出了從入門到精通的四個關鍵階段和核心目標。 flowchart TD A[零基礎入門br構建認知與基礎] -- B[核心語法與語義化br用對標籤] B

前端

收藏 評論

smileZAZ 頭像

林恆 - 移動端h5適配方案

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 em + PostCSS插件 使用PostCSS插件將項目中的px單位自動轉換為rem，搭配JS動態設置根字體大小（監聽window.resize）。 vite配置 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import

前端

收藏 評論