收藏 / 列表

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

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

AI

另類的剪刀 - smartproxy API 代理——控制平面 + 策略治理,構建一體化可觀測與可回滾體系

面向中大型技術團隊與企業技術決策者,以”控制平面+策略治理”為核心架構,提供統一接入、統一治理、統一可觀測的 API 代理能力。我們將穩定性與性能作為首要目標,幫助團隊在全球多區域場景下顯著提升交付效率與運營可控性 1。 核心能力概覽 控制平面集中式治理:路由、鑑權、限流、熔斷、重試、可觀測等策略集中下發,實現統一變更與一鍵回滾 企業級穩定性保障:針對 AI 推理、數據採集與高併發場景

Javascript

愛跑步的番茄 - 如何使用代理IP發送請求(711Proxy實戰指南)

代理IP(Proxy IP)能把你的網絡請求從原始客户端“中轉”到目標服務器,使訪問看起來來自代理的IP地址而非你真實的IP。常見用途包括繞過地域限制、提高採集成功率、保護隱私和做多賬號管理。本指南從入門到進階,帶你一步步學會如何用代理髮送請求並處理常見問題。 一、先理解:代理的類型與作用 1.HTTP代理 用於轉發 HTTP 請求(常見於 API / 網頁請求)。支持基於 URL 的請求轉發。

node.js , 前端 , Javascript

雨花石 - webpack未轉譯第三方依賴axios為es5導致低端機型功能異常

背景: 兼容性測試流程中,遇到華為p9手機上的頁面按鈕點擊無反應的問題。開發者工具查看後發現報錯如下: 根據報錯信息檢查了一下頁面引用的vendors包,發現有...語法,來自於第三方依賴axios。 原因: axios包有es6語法,而我的項目的webpack.config.js配置的babel-loader排除了所有的node_modules的編譯。如下: {

babel-loader , Android , Axios , webpack , Javascript

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

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

數據可視化 , 前端 , Javascript

用户bPdeG32 - JavaScript 與 TypeScript 的詳細對比

JavaScript 是當前 Web 開發的主要編程語言,也是現代前端開發的基石。儘管它靈活而強大,但在大型項目中,JavaScript 的動態類型系統和無類型檢查常常帶來代碼管理上的問題。為了解決這些問題,微軟在 2012 年推出了 TypeScript,這是一種 JavaScript 的超集,增加了靜態類型檢查、接口、類和其他現代化的編程特性。 本文將深入對比 JavaScript 和 Typ

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

夢想雲圖網頁CAD - (JS實現編輯DWG文件)網頁CAD SDK集成方法

前言 我們基於mxcad創建了一個在線的CAD項目,該項目中包含了預覽、編輯圖紙、操作圖紙數據庫等多種CAD功能。用户集成後支持二次開發。當前我們提供了兩種集成方式,方案1:通過iframe集成mxcad項目;方案2:直接在項目中集成mxcad-app插件。 下面我們詳細講解第2種mxcad-app的集成方式,這種方式與iframe嵌套集成相比更加方便,集成後也只需要維護當前一個系統項目。

node.js , typescript , html5 , Javascript

beckyyyy - 給web增加簡單的ai對話功能

自從 ChatGPT 火了之後,越來越多人開始對 AI 感興趣,AI 的使用也越來越普遍了。現在你隨便點開個知名網站或者 APP,基本都能看到 AI 的影子,而且這些 AI 大多都是用 “問答” 的形式跟人互動,説白了就是 “聊天”。 當然啦,現在的 AI 也不是完美的,比如有時候會瞎編東西(就是大家説的 “AI 幻覺”),但給 APP 加個 AI 功能,確實能讓它變好玩、互動感更強。那咱們

通義千問 , 人工智能 , 前端

前端小菜 - js合併數組的方法

1,方法一 concat() 實例:arrayA.concat(arrayB) 會生成新的數組。 let arrayA = ['ja', 'va']; let arrayB = ['scr', 'ipt']; // 合併數組A和B arrayA = arrayA .concat(arrayB); // 查看合併後的結果 console.log(arrayA); // ['ja',

ecmascript-6 , es7 , es5 , Javascript

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

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

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

51搜不到你 - 專業漂白工具

日常工作和生活裏,處理圖像時常讓人頭疼。掃描的文件、手機拍的文檔,甚至孩子的作業照片,幾乎總帶着陰影、灰暗背景,還有各種雜亂的干擾元素。這些瑕疵讓圖片顯得模糊不清,觀感差勁,更別提打印時會多費墨粉,平白增加開銷了。 今天分享一款神器“原本”——專業級圖片漂白軟件 當老師發羣裏的作業打印出來歪歪扭扭時,當需要大型掃描儀時,當適用於高質量圖片存檔時

3c , 批量操作 , 下載地址 , 前端開發 , Javascript

Kirill Myshkin - Discovering Primitive Objects In JavaScript (Part 1)

It seems natural to use strings to distinguish things. It’s very likely that in your codebase, there are objects with name, id, or label properties that are used to determine if an object is the one

Techniques , Tools , Javascript

Atila Fassina - Databases For Front-End Developers: The Rise Of Serverless Databases (Part 1)

As front-end developers, we understand the foundational role data plays in our daily jobs. It may come from an external API, a CMS, or even a spreadsheet. But god forbid we need to talk about settin

API , Apps , cms , Browsers , serverless

Amejimaobari Ollornwi - Handling JavaScript Event Listeners With Parameters

JavaScript event listeners are very important, as they exist in almost every web application that requires interactivity. As common as they are, it is also essential for them to be managed properly.

Techniques , coding , Javascript

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

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

前端

後山人 - 迎接下一個繁榮浪潮:程序員在經濟下行期應做的“三層準備”

迎接下一個繁榮浪潮:程序員在經濟下行期應做的“三層準備” 摘要 面對持續的經濟下行壓力和日漸萎縮的信息化市場,程序員羣體正經歷前所未有的挑戰。然而,歷史經驗表明,每一次經濟低谷都是技術和人才結構重塑的關鍵時期。為了在下一個繁榮浪潮到來時佔據先機,程序員不能僅憑技術能力,更需要進行技術、商業、個人三個層面的系統性準備。 本文將詳細闡述這“三層準備”,指導程序員如何從“代碼執行者”轉型為“價值創造者”

vue.js , php , Javascript

月恆 - Chrome 瀏覽器插件從 Manifest V2 升級到 V3 版本所需要修改的點

本文參與了SegmentFault 思否 2023 年度有獎徵文活動,歡迎正在閲讀的你也加入。 一、Manifest V2 支持時間表 Chrome 瀏覽器官方已經給出確定的時間來棄用 V2 版本的插件了。 最早從 2024 年 6 月的 Chrome 127 開始,我們將開始停用 Chrome 的不穩定版本(開發者版、Canary 版和 Beta 版)中的 Manifest V2 擴展程序。

2023-年度總結 , manifest.json , 瀏覽器 , chrome-extension , 前端

微芒不朽 - Vue 3 ref 與 reactive 選哪個?

在 Vue 3 中,ref 和 reactive 都是用於創建響應式數據的方式,但它們在使用場景和特性上有所不同。選擇哪一個取決於你的具體需求。 ref 特點: 基本類型支持:ref 可以用於任何類型的數據,包括基本類型(如 number, string, boolean)和複雜類型(如 object, array)。 包裝對象:當你將一個對象傳遞給 ref 時,它會被包裹在一個對象中,通過

前端

追風的苦咖啡 - 共築網絡安全,守護綠色家園

共築網絡安全,守護綠色家園 ——JoySSL 專業版證書為數據傳輸築牢安全屏障 在數字時代,網絡已成為連接世界的核心紐帶,數據則是驅動各類線上活動的核心要素。然而,網絡空間的開放性也帶來了數據竊取、信息篡改等安全風險,不僅威脅用户的合法權益,也讓企業品牌面臨信任危機。構建安全、純淨的網絡 “綠色家園”,已然成為行業共識與迫切需求,而 SSL 證書正是守護這一家園的關鍵基石。 SSL證書申請⬇

觀點 , 教程 , 數據庫 , postgresql , memcached

李遊Leo - 深入理解 ECMAScript 2024 新特性:字符串 isWellFormed 方法

ECMAScript 2024 引入了一個新的字符串實例方法:String.prototype.isWellFormed。這一新增功能是為了幫助開發者更容易地驗證字符串是否為有效的 Unicode 文本。本文將詳細介紹這一方法的使用場景、實現原理及其在實際應用中的價值。 String.prototype.isWellFormed:概念與應用 String.prototype.isWellForm

ecmascript , Javascript

王大冶 - 5分鐘內理解 .prototype 鏈 | 2024

CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 在JavaScript的世界裏,原型(prototype)系統是一個常被討論但不易掌握的概念。作為JavaScript繼承模型的基石,理解原型對於構建大型應用或進行對象操作至關重要。讓我們一起探索這個迷人的話題,揭開原型系統的神秘面紗。 什麼是原型? 在JavaScript中,每個對象都有一個內部屬性[[Proto

ecmascript-6 , 前端 , Javascript

南城FE - 純CSS絲滑邊框線條動畫

在這個網站(minimal-portfolio-swart.vercel.app)發現一個不錯的交互效果,用户體驗效果很不錯。如封面圖所示,這個卡片上有一根白色的線條圍繞着卡片移動,且在線條的卡片內部跟隨這一塊模糊陰影,特別是在線條經過卡片圓角部分有特別絲滑的感覺。 今天的文章就來解析如何實現這種效果,文末附源碼預覽地址。根據示例圖片分析需要實現的功能點如下: 線條跟隨卡片邊框勻速移動 線

css3 , 動畫 , Css , 前端

superZidan - 在 React Router 中使用 JWT

hello 大家好,我是 superZidan,這篇文章想跟大家聊聊 在React Router 中使用 JWT ,如果大家遇到任何問題,歡迎 聯繫我 或者直接微信添加 superZidan41 在這篇文章中,我們將探討 JWT 身份校驗與 React 和 React-router 的無縫集成。 我們還將學習如何處理公共路由、受校驗保護路由,以及如何利用 axios 庫通過身份驗證令牌(token

react , react-context , react-router , Javascript , Jwt