博客 RSS 訂閱

linong 頭像

linong - 通過 AST 實現組件庫替換升級

年初接到一個任務將 semi-ui 替換到 antd，但是能人力預算不太夠，所以基於工作量和效率選擇了基於 AST 的替換方案。 項目技術棧是 React + tsx 為什麼要使用 AST？ AST（Abstract Syntax Tree，抽象語法樹）是一種在計算機科學中表示源代碼語法結構的樹狀數據結構。 通過 AST，可以理解代碼的結構和含義，實現代碼分析、轉換和操作。 基於 AS

ast , typescript , babel , 前端 , Javascript

收藏 評論

vivo_tech 頭像

vivo互聯網技術 - 前端 TypeError 錯誤永久消失術

作者：來自 vivo 互聯網大前端團隊- Sun Maobin 通過開發 Babel 插件，打包時自動為代碼添加 可選鏈運算符(?.)，從而有效避免 TypeError 的發生。 一、背景介紹 在 JS 中當獲取引用對象為空值的屬性時，程序會立即終止運行並報錯：TypeError: Cannot read properties of ... 在ECMAScript 2020新增的可選鏈運算符(?.

typeerror , babel , 前端

收藏 評論

huankuaidehongjiu_c2eaor 頭像

歡快的紅酒_c2Eaor - 用Babel操作AST實現JavaScript代碼的自動化生成與轉換

目錄 目錄 環境搭建 代碼：修改AST的邏輯 重命名函數名 重命名變量並修改變量值 函數調用替換 控制流扁平化還原 刪除未使用的變量 對象屬性簡化 條件表達式優化 表達式還原 環境搭建 安裝環境 npm install @babel/parser @babel/traverse @babel/genera

ast , node.js , 逆向工程 , babel , Javascript

收藏 評論

alixitongruanjianjishu 頭像

阿里云云原生 - 如何使用通義靈碼提高ECharts使用效率

Echarts作為百度開源的前端JS圖表庫，憑藉其豐富的圖表類型和強大的自定義能力，為開發者提供了極大的便利。 然而，對於小型團隊和初學者而言，缺乏數據分析專業人員以及開發者自身數據分析技能的不足，往往導致數據雖手頭充裕，卻難以實現有效的可視化展示，更遑論選擇最適宜的工具。 隨着AI技術的普及，這一難題已找到破解之道。 如今，我們能夠藉助AI力量來規劃展示方案，而通義靈碼憑藉以下功能，成為開發者不

echarts

收藏 評論

yunxiao0816 頭像

雲效DevOps平台 - 如何使用通義靈碼提高 ECharts 使用效率

Echarts作為百度開源的前端JS圖表庫，憑藉其豐富的圖表類型和強大的自定義能力，為開發者提供了極大的便利。 然而，對於小型團隊和初學者而言，缺乏數據分析專業人員以及開發者自身數據分析技能的不足，往往導致數據雖手頭充裕，卻難以實現有效的可視化展示，更遑論選擇最適宜的工具。 隨着AI技術的普及，這一難題已找到破解之道。 如今，我們能夠藉助AI力量來規劃展示方案，而通義靈碼憑藉以下功能，成為開發者不

echarts

收藏 評論

chencaize 頭像

點墨 - React 中使用 ECharts 報錯 "series not exists"

問題現象 在 React 項目中使用 ECharts 時，控制枱報錯： series not exists. Legend data should be same with series name or data name 但已確認 legend.data 與 series.name 完全匹配，代碼邏輯看似正確。 問題根源 未正確註冊 ECharts 圖表組件。自 ECharts 5 起，官方採

react , echarts , Javascript

收藏 評論

hashtang 頭像

HashTang - 2025年7月份實時最新獲取地圖邊界數據方法，省市區縣街道多級聯動【文末附實時geoJson數據下載】

動態生成最新行政區劃 GeoJSON 數據並結合 ECharts 實現地圖下鑽功能 在開發基於地圖的數據可視化應用時，一個常見的挑戰是獲取準確且最新的行政區劃邊界數據（GeoJSON）。許多現有的在線資源可能數據陳舊，無法反映最新的行政區劃調整。本文將介紹一種解決方案，通過調用高德開放平台的 API 動態獲取最新的行政區劃邊界，並結合 ECharts 實現可下鑽的地圖可視化。 第一部分：通

geojson , d3 , map , echarts

收藏 評論

yunduanderizi_5c7f6d367b5d0 頭像

雲端的日子 - echart優化總結

折線ecahrt通用優化配置 1.滾動條，tooltip（標懸浮在圖例時展示的tooltip文案樣式） 2.橫座標軸的處理， 第一個座標和最後一個座標位置往裏面縮進， 不要被截斷 3.y軸的最大值最小值自適應(按需選擇）： 4.折線不帶原點注意處理只有一個橫座標的情況 熱力圖ecahrt通用優化配置 1.熱力圖的最大最小值(決定熱力圖的顏色是

echarts

收藏 評論

yqyx36 頭像

雲輕雨細 - ECharts+WordPress 實現評論統計，餅圖 / 折線圖 / 柱狀圖都有

本文系轉載，轉載鏈接：ECharts+WordPress 實現評論統計，餅圖 / 折線圖 / 柱狀圖都有 “數據可視化就像給枯燥的數據‘裝上話筒’，讓原本沉默的數字能清晰‘講述’故事。” 如果你想在 WordPress 博客裏展示評論數據 —— 比如誰評論最活躍、每天有多少條評論，ECharts 這個工具絕對能幫上忙。今天就手把手教你用 ECharts 實現 WordPress 評論統計圖，從認識

wordpress , 數據統計 , echarts

收藏 評論

shijingjing_5ab4aa131e343 頭像

史晶晶 - 在echarts做地圖和地圖的時候的問題總結

在做中國地圖的時候，遇到幾個問題 第一個：南海諸島和海南省中的小島去掉 去掉後的效果： 首先：找到中國地圖china.json，把最後一個南海諸島的經緯度刪掉， "geometry": { "type": "MultiPolygon", "coordinates": [] } 刪掉後是這樣的，

echarts

收藏 評論

jieduanxingdebugger 頭像

階段性debugger - 幾款免費德國股票報價API對比｜實時股票數據API

一、德國股票市場數據需求的核心挑戰 在量化交易領域，股票數據 API 的選擇直接決定策略的成敗。作為歐洲最大經濟體，德國股票市場（尤其是法蘭克福交易所）的股票報價 API 與股票實時 API 需求呈現三大核心挑戰： 時效性要求：高頻交易策略對股票實時 API 的延遲敏感度極高，需毫秒級響應支持 數據完整性：從 DAX30 藍籌股到 XETRA 小盤股，全市場覆蓋的股票數據 API 是策略有效

數據挖掘 , websocket , 人工智能 , Javascript

收藏 評論

jieduanxingdebugger 頭像

階段性debugger - 印度股票實時數據API接口選型指南：iTick如何成為開發者優選

在全球金融數字化浪潮中，印度股票市場因其高速增長潛力備受關注。對於量化交易開發者、金融科技公司而言，穩定可靠的股票報價API接口是獲取市場數據的核心基礎設施。本文將深度對比主流印度股票API，並揭示iTick在數據服務領域的獨特優勢。 一、主流印度股票 API 接口全景掃描 1. 國際巨頭的商業方案 以彭博社為代表的傳統金融數據服務商，憑藉覆蓋全球的數據源和極高的品牌公信力，成為機構投資者的首選

數據挖掘 , websocket , 區塊鏈

收藏 評論

jieduanxingdebugger 頭像

階段性debugger - 泰國股票實時報價 API 對比及iTick數據優勢分析

在金融科技領域，獲取可靠的泰國股票實時數據是開發交易工具、量化系統及市場分析平台的基礎。本文將對比主流泰國股票實時報價API，並深度解析iTick的核心數據優勢。 一、主流泰國股票實時報價 API 全景掃描 1. 英為財情（Investing.com） 作為全球知名金融數據平台，英為財情提供泰國股市全維度指數數據，涵蓋泰國 SET 指數（1,282.09 點，+1.59%）、FTSE SET 全

websocket , restful

收藏 評論

jieduanxingdebugger 頭像

階段性debugger - 2025 實時高頻外匯報價 API 對比

2025 實時高頻外匯報價 API 對比 在金融市場浪潮中，實時高頻外匯報價 API 如同投資者手中的指南針，精準的外匯高頻報價數據更是左右投資決策的關鍵因素。對於企業、開發者以及投資者而言，如何在眾多高頻外匯 API 中挑選出契合自身需求的產品，已然成為在激烈市場競爭中搶佔先機的核心要點。接下來，讓我們一同深入剖析 iTick 平台在全球實時高頻外匯報價 API 領域所展現出的顯著優勢。 市場

websocket , 程序員

收藏 評論

jieduanxingdebugger 頭像

階段性debugger - 貴金屬實時高頻報價API調研對比

在全球貴金屬市場日均交易量突破 5000 億美元的背景下，金融科技企業對貴金屬實時報價 API、貴金屬高頻報價 API、貴金屬行情 API 的需求呈現爆發式增長。根據行業調研數據，82% 的量化交易團隊將貴金屬報價數據的實時性與準確性視為策略成功的關鍵因素 —— 其中數據延遲直接影響套利空間，而報價字段的完整性決定了模型訓練的質量。與此同時，中小企業對 API 的成本敏感型特徵顯著，67% 的開發

websocket , 區塊鏈 , web3 , 智能合約

收藏 評論

tingzhu_guo 頭像

挺住_彡鍋 - MacOS無密碼 dump chrome cookie

1、背景 在後台滲透中，獲取用户數據是很重要的一步，其中包括瀏覽器的各種敏感信息，如瀏覽記錄、下載歷史、cookie、書籤等。 在windows和Linux設備上可以比較輕鬆的獲取各種瀏覽器的敏感信息，chrome extensions也有很多插件可以獲取；hack-browser-data就是一個瀏覽器（包括密碼、歷史記錄、Cookie、書籤、信用卡、下載記錄）的導出工具，支持全平台主流瀏

chrome , websocket

收藏 評論

carlsonblog 頭像

夢開始的地方 - JavaScript WebSocket 封裝與優化：自動重連、心跳機制與連接狀態監控》

背景 在我做過的一個對接海康威視監控實現直播流的項目中，需要處理 WebSocket 的長連接，以便於和服務器保持實時通信。WebSocket 的一個挑戰是連接的穩定性，特別是在網絡波動或斷開時，如何確保能自動重連並保持通信流暢。為了簡化這一過程，我決定封裝一個 WebSocket 類，使得開發者無需每次都重複編寫連接、心跳、重連等邏輯。 這個 CustomSocket 類支持以下功能： 心跳

vue.js , websocket , 前端 , Javascript

收藏 評論

baqideyaling 頭像

霸氣的啞鈴 - 如何接入A股實時行情API

在接入 A 股行情數據時，有一個經常被忽略但非常關鍵的細節：你拿到的是實時數據，還是延時數據？ 我們在雪球、東方財富這類網站上看到的行情更新看起來很快，其實大多是延時數據。這在官網也會註明，比如“本頁面所示行情數據為 T+0 延時15分鐘，僅供參考”等。 延時行情對日常查看、趨勢判斷是足夠的，但如果你在做以下這些事情，就會有明顯影響： 高頻或低延遲策略開發 實盤交易系統對接 實時風控與盤口

websocket , 教程 , 程序員 , 後端

收藏 評論

xiangchujiadepubu 頭像

想出家的瀑布 - AI時代的接口調試與文檔生成：Apipost 與 Apifox 的表現對比

在當今AI技術驅動下的數字化時代，軟件開發項目的複雜性與日俱增，團隊協作和開發效率的重要性不言而喻。其中，“接口調試”和“文檔生成”成為貫穿整個開發流程的核心環節，對項目進度及質量的影響深遠。在眾多開發工具中，關於Apipost 和 Apifox 的討論最多，本文將從多個關鍵維度，對 Apipost 和 Apifox 在接口調試與文檔生成功能上的表現進行深度對比分析，為開發團隊的工具選型提供參考。

websocket , apipost , graphql , 開發工具 , 人工智能

收藏 評論

shanliangdehuasheng_egoaui 頭像

daoheng - websocket藉助redis實現日誌保存

背景介紹 舊項目是藉助swoole並通過'php websocketServer.php' 啓動websocket服務的, 設備端想通過websocket推送一些數據給服務器, 服務器將相應的數據單獨保存起來方便設備那邊後期查看. 由於採用的websocket服務的啓動方式導致不能直接使用thinkphp提供的很多方法,我就想借助reids, 當websocket收到設備推送的數據後先存到redi

thinkphp5 , websocket , 日誌

收藏 評論

zhuyundataflux 頭像

觀測雲 - OpenTelemetry WebSocket 監控終極方案：打通最後一公里

概述 OpenTelemetry，以下簡稱 OTEL，是由 CNCF 託管的“一站式可觀測性標準”，把指標、鏈路、日誌三大信號統一為單一 SDK/API，零侵入地採集從瀏覽器、移動端到後端、容器、雲服務的全棧遙測數據，並支持 40+ 後端一鍵導出，讓分佈式系統的黑盒瞬間變透明。 OpenTelemetry-JS 是 OpenTelemetry 開源的 JavaScript/TypeScript 觀

websocket

收藏 評論

macrozheng 頭像

macrozheng - 還在用WebSocket實現即時通訊？試試MQTT吧，真香！

有時候我們的項目中會用到即時通訊功能，比如電商系統中的客服聊天、支付成功後的異步回調通知等。最近發現RabbitMQ可以很方便的實現即時通訊功能，如果你沒有特殊的業務需求，甚至可以不寫後端代碼，今天給大家介紹下如何使用RabbitMQ來實現即時通訊！ MQTT協議 MQTT（Message Queuing Telemetry Transport，消息隊列遙測傳輸協議），是一種基於發佈/訂閲（

websocket , springboot , JAVA , 後端

收藏 評論

jieduanxingdebugger 頭像

階段性debugger - 2025 親測可用！免費英國股票實時 API 獲取方式大對比

在金融科技蓬勃發展的當下，實時股票數據對於投資者、量化交易團隊以及金融科技企業而言，猶如基石一般關鍵。尤其是英國股票市場，其藴含着豐富的投資機會，吸引着全球目光。獲取準確且實時的英國股票數據，離不開高效的 API 支持。那麼，在眾多免費英國股票實時 API 獲取方式中，哪一種更具優勢呢？接下來，我們將深入對比分析，重點凸顯 iTick 的數據亮點。 主流免費英國股票實時 API 平台概覽

資訊 , websocket , 區塊鏈 , 智能合約

收藏 評論

baqideyaling 頭像

霸氣的啞鈴 - 如何通過API查詢股票基本面+K線

在股票投資和分析中，獲取實時的股票基礎信息是非常重要的。Infoway API提供了一個接口，允許用户快速獲取股票的基本信息，比如公司名稱、每股收益（EPS）、每股賬面價值（BPS）、股息收益率等。本文將通過具體的代碼示例，教你如何使用該接口。 1. 查個股基礎資料 該接口可查A股、港股、美股，代碼示例： import requests # API 請求的 URL，查詢兩個股票（平安銀行和萬科

資訊 , websocket , 教程 , 程序員 , 後端

收藏 評論