收藏 / 列表

Zara Cooper - You Can Do That With A JavaScript Data Grid?

This article has been kindly supported by our dear friends at Progress Kendo UI who are committed to giving developers the tools they need to harness and master the technological evolution shapin

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

愛跑步的番茄 - 如何進行 API 提取:從原理到實踐的完整指南

在數據驅動的時代,API(應用程序接口)已經成為信息交互的核心通道。無論是進行數據採集、自動化分析,還是搭建業務系統,API提取(API Extraction) 都是開發者必備的技能之一。 本文將深入介紹 API 提取的原理、方法、工具選擇,以及如何藉助代理服務突破訪問限制,實現更高效的數據獲取。 一、什麼是 API 提取? API 提取是指通過調用公開或私有接口,從目標網站或服務中自動獲取

go , 前端 , Python

雨花石 - webpack優化:提高二次構建速度

痛點: 開發過程中改一行代碼卻要等webpack構建半天實在太捉急。 項目背景 我們的項目是@vue/cli4生成的,基於webpack和vue2開發,未使用ts。用到了很多jquery、lodash、echarts等第三方依賴。 參考: @vue/cli4已經默認配置過一些優化方法了,比如為babel-loader增加cache-loder。請教了deepseek和google之後,根據項目的實

vue.js , vue-cli4 , webpack , 前端 , Javascript

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

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

數據可視化 , 前端 , Javascript

用户bPdeG32 - Vue.js:現代化前端開發的高效框架

Vue.js 是一個用於構建用户界面的漸進式 JavaScript 框架。它以其輕量、靈活和易上手的特性受到前端開發者的廣泛歡迎。Vue.js 不僅適用於小型項目的快速開發,也可以通過組件化和豐富的生態系統構建大型複雜的應用。在本文中,我們將深入瞭解 Vue.js 的核心特性,常見使用場景及其獨特的優勢。 一、什麼是 Vue.js? Vue.js(簡稱 Vue)是由尤雨溪在 2014 年發佈的開源

vue.js , ecmascript-6 , 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 - 可視化學習 | 如何使用噪聲生成紋理

本文分享的是如何使用噪聲生成紋理。 首先,什麼是噪聲呢?在上篇文章中我介紹過一個生成隨機數的函數,利用隨機技巧我們生成了一個類似剪紙的圖案,那在自然界中,這種離散的隨機也是比較常見的,比如蟬鳴突然響起又突然停下,比如雨滴隨機落在一個位置,但是隨機和連續並存是更常見的情況,比如山脈的走向是隨機的,但山峯之間的高度又是連續的,比如天上的雲朵、水面的波紋等等。 那麼這種把隨機和連續結合起來,就形成了噪聲

webgl , 可視化 , 前端

前端小菜 - js解析url的三種方法

js解析url,將如下url中的參數解析為key-value對象 https://mp.weixin.qq.com/adva... 方法1,split() + 循環依次取出 parseURLParams(url) { let queryParams = {} // 判斷是否有參數 if (url.indexOf('?') 0) return queryPar

ecmascript-6 , es5 , Javascript

若川 - Taro 源碼揭秘:8. Taro 是如何使用 webpack 打包構建小程序的?

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

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

51搜不到你 - 平替魯大師 硬件狗狗工具箱分享

2010年魯大師被收購後,他的畫風就變了,各種廣告層出不窮,安裝後也成一個流氓軟件,簡直沒眼看。 今天分享一款平替工具箱——硬件狗狗,包含安裝板112M和免安裝版9M,免安裝版相對來説功能會少點,但也不影響主要功能,大家可以根據需求自行選擇。 免安裝 安裝版 在我的硬件中上面可以看到CPU、顯卡、主板、內存、

電腦使用 , 免安裝 , 驅動大師 , 前端開發 , 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 - The Hype Around Signals

The groundwork for what we call today “signals” dates as early as the 1970s. Based on this work, they became popular with different fields of computer science, defining them more specifically around

Techniques , coding , ui

前端小巷子 - 前端虛擬長列表

前端虛擬長列表 當一次性渲染十萬條 DOM 節點時,瀏覽器會瞬間陷入「卡頓—白屏—崩潰」三連擊。虛擬長列表(Virtual Scroller)把「按需渲染」做到極致:只繪製可見區域並加少量緩衝,讓巨量數據在低端設備也能保持 60 FPS。 一、問題本質:渲染成本與滾動成本的矛盾 渲染成本等於節點數量乘以單個節點複雜度,滾動成本等於佈局重排乘以樣式重繪。瀏覽器單幀預算約 16

複雜度 , 重繪 , Math , 前端開發 , Javascript

Amejimaobari Ollornwi - Building An Offline-Friendly Image Upload System

So, you’re filling out an online form, and it asks you to upload a file. You click the input, select a file from your desktop, and are good to go. But something happens. The network drops, the file

User Experience , serverless , Javascript

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

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

前端 , Javascript

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

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

vue.js , php , Javascript

月恆 - ChromeOS 134 版本更新

ChromeOS 134 版本更新 一、ChromeOS 134 更新內容 1. ChromeOS 自助終端(Kiosk)模式支持隔離 Web 應用(Isolated Web Apps) 從 ChromeOS 134 開始,自助終端(Kiosk)模式支持 隔離 Web 應用(Isolated Web Apps,IWA),提供 更安全、更強大 的應用解決方案,並可 深度集成系統功能。 1.1. 主要

chrome , 瀏覽器 , 前端

微芒不朽 - 用 n8n 實現工作自動化後,我每天多睡 2 小時!

n8n 是一個開源的工作流自動化平台,允許用户通過拖放節點來創建複雜的自動化流程。n8n 提供了豐富的內置節點和社區貢獻的節點,支持與各種 API、數據庫和其他服務集成。本文將詳細介紹 n8n 中節點的使用方法,包括如何添加節點、配置節點、連接節點以及調試和優化工作流。 1. n8n 基本概念 1.1 工作流(Workflow) 工作流是由多個節點組成的自動化流程,每個節點代表一個操作,如發送電

機器學習 , 人工智能 , 深度學習

追風的苦咖啡 - OV證書的組織身份驗證需要提供哪些材料?

OV 證書(組織驗證型 SSL 證書)的核心價值在於通過嚴格的身份驗證建立網站與企業實體的關聯,其驗證標準由國際 CA/Browser Forum(CA 瀏覽器論壇)統一規範,所有合規 CA 機構(如 DigiCert、Sectigo、GlobalSign 等)均需遵循。驗證流程可分為組織身份驗證、域名所有權驗證和補充交叉驗證三大核心環節,每個環節都有明確的審核標準,具體如下: https://

觀點 , webkit , 教程 , Javascript

李遊Leo - 你可能不敢想象,2025 年,jQuery要更新到 4.0 了

讓人難以置信的是,jQuery,這個曾經幫助無數開發者簡化 DOM 操作、事件處理和動畫效果的 JavaScript 庫,至今仍在更新。自從 2006 年 8 月震撼亮相以來,它已走過了長達 19 年的路程。還記得麼?他的作者是:John Resig,這個年輕的小夥子也變成老大叔了。 而現在,即便在 React、Vue 這樣的現代框架盛行的今天,或者AI都滿天飛的今天jQuery 仍

jquery , Javascript

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

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

ecmascript-6 , 前端 , Javascript

南城FE - 純 CSS 實現計時器效果

本文翻譯自 How to Make a CSS Timer,作者:PREETHI SAM, 略有刪改。 有時候我們需要再網站中使用計時器。比如下單購物成功後增加倒計時回到首頁;或者一些時間管理工具(番茄工作法),當遇到這些情況時,我會毫不猶豫地使用JavaScript,因為它可能是處理這類事情的更強大的工具。 然而在某些場景下 CSS 替代品也同樣有趣和高效。現在的電子郵件客户端具有很強的 CSS

動畫 , Css , 前端