收藏 / 列表

Zara Cooper - Useful JavaScript Data Grid Libraries

This article has been kindly supported by our dear friends at Bryntum who are strong believers in the web as an application platform and provide advanced UI components and dev tools for over 5000

Tools , Javascript , ui

IT開發者筆記 - Java前端框架Vaadin推出官方MCP服務端,讓AI編碼助手實時讀取最新Web開發文檔

在現代 Web 應用開發中,越來越多的開發者開始藉助 AI 助手提升編碼效率。而近日,歐洲知名企業級Java前端框架Vaadin正式發佈了官方MCP(Model Context Protocol)服務端,這意味着開發者的 AI 編碼助手(如 GitHub Copilot、Claude、Cursor 等)可以實時訪問最新的Vaadin官方文檔,實現精準代碼生成與智能指導。 這一創新讓 AI 從“憑

AI

另類的剪刀 - HTTP 與 SOCKS5 代理協議:企業級選型指南與工程化實踐

面向企業網絡與數據團隊的工程化、可落地的代理協議選型與治理指南。核心思路:按流量特徵選協議,用多協議網關統一出站,以託管網絡降低複雜度,最終實現穩定吞吐、可預測時延與合規落地。2 一、核心定位與結論 1.1 目標讀者 企業網絡架構、數據平台與安全合規團隊 1.2 核心結論 協議選型原則: HTTP 代理:優先用於 Web 爬取與 API 調用等應用層流量 SOCKS5 代理

npm , Javascript

愛跑步的番茄 - 什麼是代理服務器?技術原理與應用解析

代理服務器(Proxy Server)是位於客户端與目標服務器之間的中間層節點,負責轉發網絡請求。在網絡通信體系中,它起到隱藏真實 IP、增強訪問控制與提高連接質量的作用。 其通信流程如下: Client → Proxy Server → Target Server目標服務器僅能看到代理服務器的 IP,而無法直接識別客户端的真實網絡身份。這也是代理在跨區域訪問、隱私保護與自動化業務中的

typescript , 前端 , Javascript

雨花石 - review代碼系列(二):

背景: 因技術優化需要,打算將現有項目庫的部分代碼摘出來單獨構建,所以在package.json加了新的打包命令,當然也要單獨進行webpack配置。 處理babel時發現有兩種babel配置,既有babel.config.js,也有.babelrc。因為都在根目錄下面,所以新的構建任務默認也會使用這兩個babel配置。考慮到後續的單獨維護,覺得用單獨的babel配置比較好。那就要處理

webpack , babel , 前端 , Javascript

銀之夏雪 - AntV G6 基礎元素詳解(React版)

一、初識 AntV G6 AntV G6 是螞蟻集團推出的專業級圖可視化引擎,適合構建關係圖譜、拓撲圖、流程圖等場景。相比其他圖形庫,G6 提供完整的佈局算法 和交互體系 ,開發者在 10 分鐘內即可搭建可交互的圖應用。 技術特點速覽: 支持 Canvas / SVG 雙渲染模式 內置 10+ 圖佈局算法 提供豐富的節點/邊類型 完善的文檔和 React 示例 二、節點(Nodes)完

數據可視化 , 前端 , Javascript

用户bPdeG32 - 遞歸與迭代:理解與選擇的藝術

在編程中,“遞歸”和“迭代”是兩種解決問題的常見方法。這兩者本質上都是為了處理複雜的、重複的操作或數據結構,比如樹、鏈表、數學運算等。遞歸是函數自我調用的一種形式,而迭代則是通過循環控制結構來解決問題。本文將專注於探討遞歸與迭代的不同之處、各自的優勢與劣勢,以及如何在實際開發中選擇合適的方式解決問題。 1. 什麼是遞歸? 遞歸是一種通過讓函數調用自身來解決問題的編程技術。每次函數調用時都會生成一

ecmascript-6 , node.js , typescript , 前端 , Javascript

夢想雲圖網頁CAD - (WEB在線編輯DWG)在線CAD中實現測量圓、測量面積的方法

一、前言 本章將介紹如何利用mxcad插件實現在CAD圖紙中測量圓和測量面積的功能,用户點擊目標圓對象將自動標記出這個圓的半徑、面積值和周長值,同時可以自定義選擇標註文字的位置,測量圓功能能夠快速掌握目標圓對象的數據信息,方便統計工程量。 測量面積功能(多邊形、矩形)以多邊形的每一個頂點來確定多邊形的形狀和位置,通過點擊矩形的量角點來確定矩形的大小和位置,也可以自定義標註文字的位置。 二、測

ecmascript-6 , typescript , HTML , html5 , Javascript

beckyyyy - WebSSH的簡單實現

今天我們來看WebSSH的簡單實現。 因為web的便利性,很多傳統功能都有了web端的實現,WebSSH就是其中之一,我是第一次接觸,所以來記錄一下使用。 WebSSH支持終端交互,主要可以分為兩部分,第一是頁面輸入命令行並傳遞給遠程終端,第二是展示命令執行結果,這兩部分現在都已經有具體實現的庫了,所以我們只需要把它們組合起來。 在具體實現之前,需要先準備一個遠程終端,我這裏用的是VMware創建

node.js , websocket , terminal , SSH , 前端

前端小菜 - JS如何刪除對象中的某一屬性

let math = { subject: '數學', children: [ { id: 1, title: '數一' }, { id: 2, title: '數二' }, { id: 3, title: '數三' }, { id: 0, title: '待定' } ] } // 添加新屬性 math

ecmascript-6 , es5 , Javascript

若川 - Taro 源碼揭秘:9. Taro 是如何生成 webpack 配置進行構建小程序的?

1. 前言 大家好,我是若川,歡迎關注我的公眾號:若川視野。從 2021 年 8 月起,我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動,感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外,想學源碼,極力推薦關注我寫的專欄《學習源碼整體架構系列》,目前是掘金關注人數(6k+人)第一的專欄,寫有幾十篇源碼文章。 截至目前(2024-11-22),目前最新是 4.0.7,

react , 小程序 , webpack , 前端 , Javascript

51搜不到你 - Pro版磁盤清理工具SmartDefrag

分享一款磁盤清理器,該工具無需安裝,打開即可使用。核心功能包含常規磁盤整理、啓動時碎片整理。注意:工具只針對機械盤有用、固態盤沒有用,固態盤使用可能會造成損傷。 操作流程很簡單:在進行磁盤整理前,先勾選需要整理的盤符,之後點擊 “智能磁盤整理” 按鈕,即可自動完成整理操作。 管快速清理碎片,優化碎片,大文件整理碎片。

盤符 , 固態盤 , 系統文件 , 前端開發 , Javascript

Kirill Myshkin - Precise Timing With Web Animations API

I previously viewed animations as something playful. Something that adds fuzziness to interfaces. Apart from that, in good hands, animation can make interfaces clearer. One property of animations on

animation , API , Interfaces , Javascript

Atila Fassina - Fine-Grained Access Handling And Data Management With Row-Level Security

Many apps have some kind of user-specific information or data that is supposed to be accessed by a certain group of users and not by others. With these sorts of requirements comes a demand for fine-

Security , Apps , Privacy

Amejimaobari Ollornwi - Generating Unique Random Numbers In JavaScript Using Sets

JavaScript comes with a lot of built-in functions that allow you to carry out so many different operations. One of these built-in functions is the Math.random() method, which generates a random floa

Techniques , coding , Javascript

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

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

前端 , Javascript

後山人 - 為什麼 PHP 依然有如此龐大的用户羣?——技術選擇背後的商業邏輯與進化

為什麼 PHP 依然有如此龐大的用户羣?——技術選擇背後的商業邏輯與進化 摘要 儘管每年都有“PHP 已死”的論調出現,但數據顯示,PHP 依然是互聯網上使用最廣泛的服務器端編程語言之一。根據 W3Techs 的統計,截至 2024 年,超過 75% 的網站在使用 PHP [1]。 PHP 的持續流行並非偶然,它是技術進化、商業成本、成熟生態和開發效率共同作用的結果。本文將從四個核心維度,結合 鋭

vue.js , php , Javascript

月恆 - Chrome 瀏覽器 133 版本新特性

Chrome 133 版本新特性 一、Chrome 133 版本瀏覽器更新 1. 在桌面和 iOS 設備上使用 Google Lens 進行搜索 管理員可以通過名為 LensOverlaySettings 的策略控制該功能的所有元素。 執行搜索時,屏幕截圖會被髮送到 Google 服務器,但不會與任何 ID 或賬户關聯,也不會被任何人查看,且其內容數據不會被記錄。 為了使搜索能夠結合用户當前瀏覽的

chrome , 瀏覽器 , 前端

微芒不朽 - Node.js REST 升級 MCP 服務器,讓 AI 代理成為你的開發助手

隨着大型語言模型(LLM)和代理 AI 的快速發展,應用程序展示其功能的方式亟待從根本上變革。傳統的 REST API 專為軟件與軟件之間的通信設計,開發人員需閲讀大量文檔並編寫自定義集成代碼才能使用。而模型上下文協議(MCP) 作為一種開放標準,通過創建統一的、機器可讀的界面,讓 AI 代理能夠動態發現並與之交互,成功解決了這一痛點。 本文將提供一份全面指南,介紹如何使用官方 TypeScrip

前端

追風的苦咖啡 - EV 代碼簽名 3 大核心優勢:安全性、兼容性、信任度全覆蓋

一、安全性:從 “被動防禦” 到 “主動杜絕風險” 安全性的核心是從源頭鎖定 “軟件來源” 和 “文件完整性” ,徹底規避 “惡意軟件偽裝”“文件被篡改” 兩大風險,對企業和用户雙向保護: EV證書申請入口⬇️ https://www.joyssl.com/certificate/select/ev_ssl.html?nid=59 企業身份強核驗:杜絕 “匿名開發者” 風險申請

mariadb , 運維 , 數據庫 , android-studio , Javascript

李遊Leo - 深入理解 ECMAScript 2024 新特性:正則表達式 /v 標誌

ECMAScript 2024 (ES15)標準引入了新的正則表達式標誌 /v,這一新增功能不僅優化了多行匹配的處理,還增加了對特殊字符匹配的支持。這一變革對於需要處理複雜文本數據的應用場景尤為重要,比如日誌分析、代碼審核等。接下來,本文將深入探討 /v 標誌的實際應用價值,並通過多個編程案例來展示其強大的實際應用能力。 /v 標誌的技術背景與應用 正則表達式作為開發者的有力工具,經常被用於字符

ecmascript , Javascript

王大冶 - [Next.js14] NextAuth v5 (3) - Google 登錄

React Hook 深入淺出 CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 Google Cloud 設置 訪問 https://console.cloud.google.com/apis 如果你是第一次使用Google Cloud,請確保同意服務條款。 按照以下步驟繼續: 根據你的喜好編輯項目名稱,然後點擊"CREATE" 你將被重定向到這個界

ecmascript-6 , 前端 , Javascript

南城FE - 炫酷鼠標懸停隨機漸變文本動畫效果

如圖所示,這是一個很炫酷的鼠標懸停動畫效果,卡片的文字隨着鼠標的移動不斷變化着,且文字的顏色伴隨着漸變色跟隨鼠標移動,中心部分是突出的LOGO效果,整個交互效果十分引人注目。原效果來源於 evervault.com/customers 這個網站,有興趣的可以體驗看看~ 本次文章將解析如何用代碼實現這個效果,根據上面的動圖分析出我們要實現的幾個主要功能點: 卡片在鼠標懸停時出現漸變隨機文字

css3 , 動畫 , Css , 前端

superZidan - 使用 Socket.io 和 React 開發一個聊天應用

這篇文章是關於什麼的 相信大家對於 web 版的線上聊天室都不陌生,這篇文章主要講的就是如何使用 Socket.io 和 React 開發一下簡單的線上聊天應用。 所謂線上聊天應用,就是你給一個人或者一個羣發送一條消息,他們可以看到這條消息並且可以回覆。既簡單又複雜。 開發一個聊天室應用,你需要在新信息來到的時候及時的感知到。 通常來説,為了獲得服務端的信息,我們需要發送一個 HTTP 請求。但是

socket.io , react , node.js , Css , Javascript