博客 RSS 訂閱

sysin 頭像

sysin - Xcode 26.0.1 (17A400) 發佈 - Apple 平台 IDE

Xcode 26.0.1 (17A400) 發佈 - Apple 平台 IDE IDE for iOS/iPadOS/macOS/watchOS/tvOS/visonOS 請訪問原文鏈接：https://sysin.org/blog/apple-xcode-26/ 查看最新版。原創作品，轉載請保留出處。 作者主頁：sysin.org Xcode Xcode 提供開發、測試和分發適用於 Apple

xcode

收藏 評論

jdcdevloper 頭像

京東雲開發者 - 【原理揭秘】Vite 是怎麼兼容老舊瀏覽器的？你以為僅僅依靠 Babel？

作者：京東科技 孫凱 一、前言 對前端開發者來説，Vite 應該不算陌生了，它是一款基於 nobundle 和 bundleless 思想誕生的前端開發與構建工具，官網對它的概括和期待只有一句話：“下一代的前端工具鏈”。 Vite 最早的版本由尤雨溪發佈於3年前，經歷了3年多的發展，Vite 也已逐漸迭代成熟，它的穩定性、擴展性、周邊生態足以在生產環境中支撐各種業務場景的落地。但是關於Vite的

vite , 瀏覽器 , babel , 前端

收藏 評論

gkymfrg1 頭像

ohoherror - jest +ts +esm

Jest 是當下最主流的前端測試框架 首先初始化ts環境 yarn add typescript --dev npx tsc --init 第二步:安裝ts下的jest yarn add jest @types/jest --dev 第三步:新建tests文件夾 tests/index.spec.ts it('init',()={ expect(true).toB

jest , typescript , babel , 前端

收藏 評論

jdcdevloper 頭像

京東雲開發者 - 帶你揭開神秘的Javascript AST面紗之Babel AST 四件套的使用方法

作者：京東零售 周明亮 寫在前面 這裏我們初步提到了一些基礎概念和應用： 分析器 抽象語法樹 AST AST 在 JS 中的用途 AST 的應用實踐 有了初步的認識，還有常規的代碼改造應用實踐，現在我們來詳細説説使用 AST， 如何進行代碼改造？ Babel AST 四件套的使用方法 其實在解析 AST 這個工具上，有很多可以使用，上文我們已經提到過了。對於 JS 的 AST 大家已經

ast , babel , 前端 , Javascript

收藏 評論

baozouai 頭像

暴走 - 偏愛console.log的你，肯定會覺得這個插件泰褲辣！

前言 毋庸置疑，要説前端調試代碼用的最多的，肯定是console.log，雖然我現在 debugger 用的比較多，但對於生產環境、小程序真機調試，還是需要用到 log 來查看變量值，比如我下午遇到個場景：選擇完客户後返回頁面，根據條件判斷是否彈窗： if (global.isXXX || !this.customerId || !this.skuList.length) return // 到

console.log , typescript , babel , 前端 , Javascript

收藏 評論

fenanjiu 頭像

南玖 - 從Babel開始認識AST抽象語法樹

前言 AST抽象語法樹想必大家都有聽過這個概念，但是不是隻停留在聽過這個層面呢。其實它對於編程來講是一個非常重要的概念，當然也包括前端，在很多地方都能看見AST抽象語法樹的影子，其中不乏有vue、react、babel、webpack、typeScript、eslint等。簡單來説但凡需要編譯的地方你基本都能發現AST的存在。 babel是用來將javascript高級語法編譯成瀏覽器能夠執行的語

ast , babel , 前端 , Javascript

收藏 評論

defghy 頭像

defghy - element-ui部分引入失效問題追蹤

背景 項目使用vue2與element-ui；最近發現項目的部分引入失效了 // babel.config.js module.exports = api = { return { "presets": ['@vue/cli-plugin-babel/preset'], "plugins": [ [ "compon

vue-cli , 調試 , babel , element-ui

收藏 評論

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

收藏 評論