動態

@software-Development

如何在DHTMLX Scheduler中實現帶拖拽的任務待辦區(Backlog)

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

software-Development 頭像

@software-Development

昵稱 IT開發者筆記

@software-Development

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

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

software-Development 頭像

@software-Development

昵稱 IT開發者筆記

@linx

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

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

linx 頭像

@linx

昵稱 前端路引

@smileZAZ

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

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

smileZAZ 頭像

@smileZAZ

昵稱 林恆

@sofastack

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

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

sofastack 頭像

@sofastack

昵稱 SOFAStack

@smileZAZ

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

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

smileZAZ 頭像

@smileZAZ

昵稱 林恆

@linx

Web前端入門第 86 問:JavaScript 中的 Web Worker 為什麼能提升代碼性能?

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

linx 頭像

@linx

昵稱 前端路引

@software-Development

JavaScript數據網格方案AG Grid 34.2 發佈:更靈活的數據結構、更流暢的大數據交互與全新 UI 體驗

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

software-Development 頭像

@software-Development

昵稱 IT開發者筆記

@linx

Web前端入門第 88 問:引入 JavaScript 的 script 標籤究竟有多少用法?

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

linx 頭像

@linx

昵稱 前端路引

@software-Development

AG Grid推出全新MCP服務器——讓AI更智能地理解你的數據表格!

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

software-Development 頭像

@software-Development

昵稱 IT開發者筆記

@software-Development

藉助Aspose.HTML控件,使用 Python 編程將網頁轉換為 PDF

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

software-Development 頭像

@software-Development

昵稱 IT開發者筆記

@software-Development

藉助Aspose.HTML控件,在 Python 中將 HTML 轉換為 Markdown

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

software-Development 頭像

@software-Development

昵稱 IT開發者筆記

@anjingdexiaoyanyao_ciaxxr

🧩 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

smileZAZ 頭像

@smileZAZ

昵稱 林恆

@anjingdexiaoyanyao_ciaxxr

🧩 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

@smileZAZ

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

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

smileZAZ 頭像

@smileZAZ

昵稱 林恆

@smileZAZ

記錄---啊!!!Blob 居然這麼強大!

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

smileZAZ 頭像

@smileZAZ

昵稱 林恆

@smileZAZ

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

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

smileZAZ 頭像

@smileZAZ

昵稱 林恆

@anjingdexiaoyanyao_ciaxxr

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

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

@anjingdexiaoyanyao_ciaxxr

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

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

@wdllmh

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

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

wdllmh 頭像

@wdllmh

昵稱 wdllmh

@smileZAZ

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

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

smileZAZ 頭像

@smileZAZ

昵稱 林恆

@anjingdexiaoyanyao_ciaxxr

📥 x-cmd install | vtop - 在終端中實時掌握系統性能,讓監控更直觀!

還在用 top 命令查看 CPU 和內存使用情況?是時候升級你的監控體驗了!vtop 是一款強大的命令行工具和 TUI(文本用户界面),它使用 Unicode Braille 字符,在你的終端中繪製出 CPU 和內存使用率的實時圖表。告別枯燥的數字,迎接可視化的監控新時代! 安裝 # 啓用 install 模塊的交互式 APP,install 可簡寫為 i x i 選定軟件後,按下回車鍵將展示

@anjingdexiaoyanyao_ciaxxr

📥 x-cmd install | Yai - 讓你的終端擁有 AI 超能力!🚀

還在為記不住複雜的 Linux 命令而煩惱嗎?還在搜索引擎和終端之間來回切換,只為找到一個合適的命令嗎?現在,有了 Yai,這些都將成為過去式! Yai 是一款 AI 驅動的終端助手,它將強大的 OpenAI ChatGPT 集成到你的命令行中,讓你用自然語言輕鬆駕馭終端。 安裝 # 啓用 install 模塊的交互式 APP,install 可簡寫為 i x i 選定軟件後,按下回車鍵將展示一