tag 前端

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

@前端 / 博客 RSS 訂閱

smileZAZ 頭像

林恆 - B站首頁的 Banner 這麼好看，我讓你直接用到你的項目！

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 寫在前面 我最開始是用 Angular 去實現了B站的 Banner ，那時候還沒有人做這東西，可以看到下面那一長串 Bannet 圖片的第一個圖是好幾年以前的了。然後隨着逐步完善，在這幾年偶爾也看到有人發過這東西的實現方法。 但我為什麼要寫這篇文章？因為我打算用原生 JS 和三大框架都去實現一遍，以滿足所有人的需求

前端 , html5

收藏 評論

smileZAZ 頭像

林恆 - 如何進行頁面前端監控

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 前端監控主要分三個方向 前端性能（用户體驗優化） 異常監控 業務指標跟 下面我來分別介紹三類指標如何獲取 1）前端性能指標： 一、用户體驗相關的： 頁面加載時間（Page Load Time） ： 定義：從用户請求頁面到頁面完全加載的時間。

前端 , html5

收藏 評論

software-Development 頭像

IT開發者筆記 - 藉助Aspose.HTML控件，使用 Python 編程將網頁轉換為 PDF

使用 Python 將網頁轉換為 PDF 有時您需要離線訪問網頁，使其更易於訪問。因此，將HTML頁面轉換為PDF即可滿足您的需求。令人驚訝的是，您可以在幾秒鐘內在 Python 項目中啓用 HTML 到 PDF 的轉換。本指南將為 Python 開發人員介紹一個功能強大的 SDK——Aspose.HTMLfor Python via .NET，它提供了一系列用於將網頁轉換為不同文件格式的類和方

Css , HTML , 前端 , Web

收藏 評論

software-Development 頭像

IT開發者筆記 - 藉助Aspose.HTML控件，在 Python 中將 HTML 轉換為 Markdown

在這個人工智能時代，Markdown因其易用性而備受重視。這種標記語言易於人類和機器理解。此外，與 HTML 和 DOCX 相比，這種格式更有助於法學碩士 (LLM) 理解文檔結構。因此，本指南將介紹如何以 Python 編程方式將HTML轉換為 Markdown。我們將使用Aspose.HTML for Python via .NET，因為它易於在 Python 項目中設置。這款 Python

Css , HTML , 前端 , Web

收藏 評論

smileZAZ 頭像

林恆 - 記錄---npm link 詳解：本地包開發與測試的利器

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 npm link 詳解：本地包開發與測試的利器 什麼是 npm link？ npm link 是 npm 提供的一個強大功能，它允許你在本地開發環境中創建符號鏈接，將本地開發的包鏈接到其他項目中進行測試和使用。這個功能特別適合在開發自己的 npm 包時進行本地調試和測試。 核心概念 符號鏈接（Symbolic

Css , HTML , 前端 , Web

收藏 評論

smileZAZ 頭像

林恆 - 記錄---從零開始編寫 useWindowSize Hook

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 在 React 開發中，我們經常需要根據窗口大小來調整組件的行為。今天我們將從最簡單的實現開始，逐步優化，最終構建出一個高性能的useWindowSizeHook。 第一步：最簡單的實現 讓我們從最基礎的版本開始： import { useState, useEffect } from 'react' function useW

Css , HTML , 前端 , Web

收藏 評論

smileZAZ 頭像

林恆 - 記錄---啊！！！Blob 居然這麼強大！

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 啊！！！Blob 居然這麼強大！ 在前端開發的世界裏，我們每天都在和各種 API、對象和數據打交道。然而，有一個對象，常常被我們忽視，卻又在背後默默支撐着許多關鍵功能 —— 它就是 Blob。 Blob（Binary Large Object）聽起來像是一個“冷門”對象，但實際上，它幾乎無處不在：文件上傳、下載、視頻

Css , HTML , 前端 , Web

收藏 評論

codechen8848 頭像

codechen8848 - 絕了！一款簡潔優雅的高性能個人博客系統！

大家好，我是 Java陳序員。 作為一名程序員，你是否會想搭建個人技術博客，卻被各種技術配置搞得頭大？用靜態博客系統要手動部署，用動態系統又擔心速度太慢，找圖牀、配評論、做統計還要東拼西湊各種工具？ 今天，給大家介紹一款簡潔優雅的高性能個人博客系統，開箱即用！ 關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 VanBlog ——

react , 前端

收藏 評論

software-Development 頭像

IT開發者筆記 - DHTMLX重磅發佈React Scheduler組件，強勢賦能日程管理開發！

React開發者們的呼聲，DHTMLX團隊聽到了！繼DHTMLX React Gantt圖表廣受歡迎後，DHTMLX再次帶來全新力作 ——DHTMLX React Scheduler正式發佈！ 該組件將成熟穩定的JavaScript Scheduler功能完美移植到React生態，為現代Web開發提供強大的日程排程能力，極大地提升項目開發效率與界面體驗。本文將帶您快速瞭解其核心能力與典型用法，助力

react , 前端

收藏 評論

smileZAZ 頭像

林恆 - 記錄---瀏覽器指紋-探究前端如何識別用户設備

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 什麼是瀏覽器指紋？ 瀏覽器指紋，是用來唯一標識你瀏覽器的一組“特徵值”。它不是我們理解中的那種真實指紋，而是通過收集瀏覽器、操作系統、設備分辨率、字體、插件等信息，組合成的一個獨特 ID。 和傳統的 Cookie 不同，瀏覽器指紋不需要在用户設備上存儲任何東西，完全是“讀取現有信息”來識別用户。 使用背景 在最近的項目

Css , HTML , 前端 , Web

收藏 評論

codechen8848 頭像

codechen8848 - 格式轉換全能王！一個開源自託管的文件轉換神器

大家好，我是 Java陳序員。 在日常工作生活中，常常需要對一些文件進行轉換，如不同格式的照片進行轉換，還有 Office 各文檔之間的轉換等。但常常找不到趁手的工具，使用在線工具又擔心隱私泄漏。 今天，給大家介紹一個開源自託管的文件轉換神器，支持超多種文件格式轉換，可以説是格式轉換全能王！ 關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。

前端 , Javascript

收藏 評論

linx 頭像

前端路引 - Web前端入門第 83 問：JavaScript localStorage 有大小限制嗎？溢出會怎樣？

本地存儲除了 Cookie 外，還有 localStorage 和 sessionStorage，本文一探 localStorage。 localStorage 此 API 存入的數據會 永久 保存在瀏覽器中，除非用户手動刪除。 localStorage 能用於同一瀏覽器同一域名跨標籤頁通信。 同一瀏覽器無痕模式和非無痕模式下，localStorage 存儲的數據無法互通，且無痕模式存入的數據在瀏

前端 , Javascript

收藏 評論

dtux 頭像

袋鼠雲數棧前端 - 釦子 Coze 產品體驗功能

我們是袋鼠雲數棧 UED 團隊，致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神，探索前端道路，為社區積累並傳播經驗價值。 本文作者：長路 認識釦子 相關鏈接 官方文檔：什麼是釦子 https://www.coze.cn/open/docs/guides/welcome 學習資源：https://www.coze.cn/open/docs/guides/learning_res

react , 前端

收藏 評論

linx 頭像

前端路引 - Web前端入門第 84 問：JavaScript sessionStorage 那些容易踩坑的地方

sessionStorage 與 localStorage 差不多可以算作一對兄弟，它倆的暴露的 API 方法一模一樣。 但兩者也有不同點： 1、sessionStorage 存入的數據在頁面關閉後，會自動清除。 2、相同 URL 的每個 tab 頁籤的 sessionStorage 會被隔離，互不影響。也就是説相同的鏈接，在 A 標籤頁打開和在 B 標籤打開，A 寫入的 sessionSt

前端 , Javascript

收藏 評論

software-Development 頭像

IT開發者筆記 - 如何在DHTMLX Scheduler中實現帶拖拽的任務待辦區（Backlog）

為了滿足DHTMLX Scheduler用户的實際業務需求，本文將展示如何在 JavaScript 日程組件中實現“帶拖拽的任務待辦區（Backlog）”。這一功能讓用户可以像物業管理系統那樣，通過簡單的拖拽操作將任務分配到時間軸上的合適位置，大幅提升排程效率與體驗。 DHTMLX Scheduler 試用下載，請聯繫DHTMLX官方授權代理商慧都科技 本文將帶您一步步實現這一功能。 使用場

前端 , Javascript

收藏 評論

wdllmh 頭像

wdllmh - 上下margin無法生效的一種情況-行內元素

問題描述 在學udemy的htmlcss課的時候，challenge2有一部分是給超鏈接添加margin-top/bottom,添加後瀏覽器devtool的樣式中顯示margin已生效，但是在頁面中卻無法顯示。 解決過程 搜索margin不生效的幾個原因可以總結為 parent box 放不下 上下相鄰的塊產生margin摺疊 但是前者一般對parent中頭尾的child產生影

Css , HTML , 前端 , Web

收藏 評論

software-Development 頭像

IT開發者筆記 - JavaScript數據表格方案AG Grid主題定製新升級：Figma 設計系統全面打通設計與開發

在最新版本的Figma 設計系統中，所有變量已與AG GridTheming API 參數實現1:1 映射。這意味着設計師在 Figma 中的修改能夠無縫傳遞到開發代碼，徹底消除溝通障礙。更重要的是，藉助自動化導出與轉換工具，團隊可以一鍵生成生產可用的AG Grid自定義主題，顯著提升交付效率。 AG Grid最新版下載，請聯繫AG Grid中國區合作伙伴慧都科技 1. 設計與開發的橋樑：變量

前端 , Javascript

收藏 評論

linx 頭像

前端路引 - Web前端入門第 85 問：JavaScript 一個簡單的 IndexedDB 數據庫入門示例

在前端風風雨雨的混了多年，從沒在項目中實際使用過 IndexedDB 這個瀏覽器端的數據庫，所以今天就摸了下 MDN 的後門，寫一個簡單的入門示例。 頁面大概長這樣： 源碼： 以下代碼包含了一個數據庫所有的 CRUD （增刪改查）操作。 div button id="js_add_btn"添加書籍/button /div div input type="text" name="" id=

前端 , Javascript

收藏 評論

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 , 前端

收藏 評論