@前端

動態 列表
@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開發者筆記

@smileZAZ

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

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

smileZAZ 頭像

@smileZAZ

昵稱 林恆

@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

昵稱 林恆

@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

昵稱 林恆

@smileZAZ

記錄---前端微服務框架深度對比:無界(Momentum)與乾坤(Qiankun)實戰指南

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

smileZAZ 頭像

@smileZAZ

昵稱 林恆

@smileZAZ

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

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

smileZAZ 頭像

@smileZAZ

昵稱 林恆

@tangge

Scss 基礎

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

tangge 頭像

@tangge

昵稱 【唐】三三

@tangge

CSS - transition 粗淺記憶

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

tangge 頭像

@tangge

昵稱 【唐】三三

@smileZAZ

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

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

smileZAZ 頭像

@smileZAZ

昵稱 林恆

@smileZAZ

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

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

smileZAZ 頭像

@smileZAZ

昵稱 林恆

@Dream-new

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

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

Dream-new 頭像

@Dream-new

昵稱 Dream°

@codechen8848

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

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

codechen8848 頭像

@codechen8848

昵稱 codechen8848

@linx

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

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

linx 頭像

@linx

昵稱 前端路引

@software-Development

前端表格工具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)的智能網格交互,讓終端用

software-Development 頭像

@software-Development

昵稱 IT開發者筆記

@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

qaz666 頭像

@qaz666

昵稱 可不簡單