博客 RSS 訂閱

linx 頭像

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

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

前端 , Javascript

收藏 評論

codechen8848 頭像

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

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

前端 , Javascript

收藏 評論

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

收藏 評論

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

收藏 評論

sofastack 頭像

SOFAStack - Koupleless 助力螞蟻搜推平台 Serverless 化演進

文｜陳鏗彬（花名：阿歹） 螞蟻搜推技術專家 本文5211字 閲讀10分鐘 背景介紹 螞蟻推薦平台 Arec（Ant Recommender Platform, 後續簡稱 Arec）是針對螞蟻搜索、推薦、營銷以及投放等業務特點建設的在線算法 FaaS 平台。它是由支付寶通用推薦平台 RecNeptune（中文稱: 海王星）演進發展而來，目前在螞蟻內部服務了支付寶、數金、網商、國際等多個

微服務 , 架構設計 , 開源 , 雲原生 , 模塊化開發

收藏 評論

smileZAZ 頭像

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

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

前端 , Javascript

收藏 評論

linx 頭像

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

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

前端 , Javascript

收藏 評論

software-Development 頭像

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

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

前端 , Javascript

收藏 評論

linx 頭像

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

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

前端 , Javascript

收藏 評論

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

收藏 評論

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

收藏 評論

anjingdexiaoyanyao_ciaxxr 頭像

xcmd - 🧩 x-cmd mod | x env （2） - 輕鬆管理環境，軟件升級與查看一鍵搞定

升級已安裝的軟件 x env 能讓你的軟件管理更加方便。如果你需要升級已經安裝的軟件工具，以獲得新功能或修復已知問題，可以使用 x env upgrade 命令。 例如，升級 deno 的版本： x env upgrade deno x env upgrade deno=v2.2.2 查看已在全局環境中使用的軟件工具 為了方便用户查看 x env use 命令安裝的軟件工具，默認在交互式環境下，

命令行 , 測試環境搭建 , 包管理 , 運維 , 開發環境

收藏 評論

smileZAZ 頭像

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

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

Css , HTML , 前端 , Web

收藏 評論

anjingdexiaoyanyao_ciaxxr 頭像

xcmd - 🧩 x-cmd mod | x deepseek (1) - 快速集成 DeepSeek AI 服務，提升命令行操作的效率

獲取 DeepSeek 的 API KEY 對於新用户，DeepSeek 免費提供了價值 10 元人民幣的 API 額度，供您體驗其 AI 服務。 註冊並登錄 DeepSeek 賬號後，你可以在 https://platform.deepseek.com/api-keys 獲取 DeepSeek API Key。 獲取方法如下： 訪問 https://platform.dee

命令行 , API , deepseek , 人工智能

收藏 評論

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

收藏 評論

smileZAZ 頭像

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

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

Css , HTML , 前端 , Web

收藏 評論

anjingdexiaoyanyao_ciaxxr 頭像

xcmd - 📥 x-cmd install | 使用 DDV 終端界面，瀏覽、搜索和更新 DynamoDB 數據

DynamoDB 是 AWS 提供的 NoSQL 數據庫服務，但有時在終端查看和管理數據會更加便捷。今天要介紹的是 DDV (Terminal DynamoDB Viewer)，一個基於終端用户界面 (TUI) 的 DynamoDB 查看器，讓你在終端就能輕鬆瀏覽、搜索、更新和刪除 DynamoDB 數據。 DDV 的亮點： 直觀的界面： DDV 提供了類似文件管理器的界面，方便瀏

命令行 , amazon , 運維 , 數據庫 , 管理

收藏 評論

anjingdexiaoyanyao_ciaxxr 頭像

xcmd - 🧩 x pacman(1) - 通過交互式包搜索和一鍵式鏡像切換,簡化你的 Arch Linux 工作流程

交互式搜索軟件工具 pacman 是 Arch Linux 及其衍生髮行版（如 Manjaro、EndeavourOS、ArcoLinux）的包管理器，用於安裝、升級和管理軟件包，支持二進制包和本地編譯的 AUR 包（配合 AUR 助手）。 為了提升軟件搜索和管理的效率，x pacman 提供了一個基於 fzf 的交互式 APP，用户可以在交互式 APP 中快速查找和查看各類軟件工具及其安裝信息。

archlinux , 命令行 , 包管理 , 運維 , 鏡像

收藏 評論

wdllmh 頭像

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

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

Css , HTML , 前端 , Web

收藏 評論