使用ENO將您的JSON對象生成HTML顯示
ENO 是簡單易用，性能卓越，自由靈活開源的 WEB 前端組件；實現 JSON 與 HTML 互操作的 JavaScript 函數庫。沒有任何其它依賴，足夠輕量. WEBPack NPM 工程安裝。 npm install @joyzl/eno 然後在JS中引用 import "@joyzl/eno"; 將JS實體對象填充到表單 假設有一個如下
昵稱 Key
@前端
貢獻者508
粉絲0
貢獻者
@前端
動態 列表
electron-build報錯:cannot find module/ valid " main " entry
解決electron-build打包後運行app報錯:cannot find module xxx/ Please verify that the package . json has a valid " main " entry 先看一個簡單報錯： 或者類似這種： 解決方法： 檢查package. Json中是否寫了“main”，這裏的“main”必須寫，且應當使用npm指令build的di
昵稱 蓋亞
React+Three.js 實現 Apple 2025 熱成像 logo
Apple 2025 年度發佈會 LOGO 以標誌性的蘋果圖形被注入熾熱的火焰質感，色彩從暖調橙黃向冷調湛藍自然過渡，似高温灼燒下的金屬表面，迸發出熔融的光澤；又若無形的能量在流動，勾勒出科技的脈搏與律動，將 “科技” 與 “力量” 的碰撞感具象化，光影的明暗交錯削弱了平面的單薄感，賦予其近乎觸手可及的質感，同時營造出濃郁的未來感與未知感。 摘要 如上述引用內容，本文將基於 React +
昵稱 dragonir
前端框架文檔新思路：基於源碼解析的自動化方案
項目背景 最近我們團隊自研了一個基於 React 的 H5 前端框架，領導讓我來負責編寫框架的使用文檔。我選擇了 dumi 來搭建文檔站點，大部分內容都是手動寫 Markdown 來介紹各種功能，包括：初始化、目錄結構、生命週期、狀態管理、插件系統 等等。 框架裏有個很重要的子包，主要負責多個 App 的橋接能力，深度集成了各端環境的監測和橋接邏輯。這個子包對外提供了一個 App 實例對象，裏面封
昵稱 一顆冰淇淋
🔒 JavaScript 不是單線程嗎？怎麼還能上“鎖”？！
在 JavaScript 日常開發中，經常會遇到這樣的情況：多個異步任務需要同時訪問或修改同一個資源。這個資源可能很簡單，比如內存中的一個變量；也可能複雜一些，比如一份配置文件、一條數據庫記錄或者是某個外部服務的接口調用，只要它是共享的，就有可能被不同的任務同時操作。 問題在於，異步任務不像同步代碼那樣一行一行地按順序執行，而是可能同時進行。如果沒有任何機制來協調它們的先後順序，就會出現混亂：有的
昵稱 xiaohe0601
如何使用代理IP發送請求（711Proxy實戰指南）
代理IP（Proxy IP）能把你的網絡請求從原始客户端“中轉”到目標服務器，使訪問看起來來自代理的IP地址而非你真實的IP。常見用途包括繞過地域限制、提高採集成功率、保護隱私和做多賬號管理。本指南從入門到進階，帶你一步步學會如何用代理髮送請求並處理常見問題。 一、先理解：代理的類型與作用 1.HTTP代理 用於轉發 HTTP 請求（常見於 API / 網頁請求）。支持基於 URL 的請求轉發。
昵稱 愛跑步的番茄
什麼是住宅代理（Residential Proxy）？詳解原理、優勢與應用場景
在數字經濟與跨境互聯網時代，網絡訪問安全與數據合規成為企業關注的核心。而“住宅代理”（Residential Proxy）作為一種高匿名、高穩定的網絡中轉方式，正成為營銷、數據採集與賬號管理領域不可或缺的技術基礎。 本文將深入解析住宅代理的概念、工作原理、與數據中心代理的區別，以及它在實際業務中的典型應用場景。 一、住宅代理的定義 住宅代理（Residential Proxy） 是指通過真實
昵稱 愛跑步的番茄
什麼是代理服務器？技術原理與應用解析
代理服務器（Proxy Server）是位於客户端與目標服務器之間的中間層節點，負責轉發網絡請求。在網絡通信體系中，它起到隱藏真實 IP、增強訪問控制與提高連接質量的作用。 其通信流程如下： Client → Proxy Server → Target Server目標服務器僅能看到代理服務器的 IP，而無法直接識別客户端的真實網絡身份。這也是代理在跨區域訪問、隱私保護與自動化業務中的
昵稱 愛跑步的番茄
vue3-onMounted和onActivated觸發問題
在Vue3中，當頁面第一次進入時，onMounted和onActivated這兩個生命週期鈎子都會觸發，導致初始化函數init()被執行兩次，我們希望只在初次進入時執行一次，而不是兩次。 其實最簡單的方法就是僅使用onActivated生命週期 如果同時使用兩個生命週期，就要在onMounted的時候做一個標記，然後在onActivated的時候改變這個標記 在keep
昵稱 兔子先森
儲能站運維管理一體化平台 | 圖撲數字孿生
全球能源轉型中，風電、光伏等可再生能源因間歇性給電網帶來挑戰，儲能系統成為關鍵支撐且需規模化應用。但傳統儲能運維模式效率低、響應慢、成本高，難以滿足需求，因此構建集實時監控、智能預警等功能於一體的儲能運維管理平台，是實現儲能精細化管理、提升效益、保障能源系統穩定的核心舉措。 效果展示 基於圖撲軟件自主研發的HT for Web產品搭建智慧儲能站運維管理平台，利用其強大的數據可視化和實時監控能力，實
昵稱 hightopo
3D 管道是如何流動的？
在3D場景中，管道是一種極為常見且重要的元素。它不僅能用於呈現工廠、發電站、地下設施等工業環境中的輸送系統，還可用來模擬數據的流動或處理過程，從而向用户直觀展示數據的流向。 在HT中，ht.Polyline是一個強大的工具，可以用來在3D場景中表示管道。它不僅支持貼圖，還能通過調整貼圖的UV偏移等屬性，生動地展示數據流的方向。ht.Polyline不僅限於簡單的管道表現，還可以使用它實現如流動、
昵稱 圖撲軟件
場景切換 × 流暢過渡動畫實現方案 | 圖撲軟件
在圖撲HT項目中，尤其是複雜應用裏，單一場景或圖紙通常難以承載所有需求，因此在多個圖紙或場景之間進行切換是一種常見的實現方式。本文將深入解析圖撲HT項目中場景/圖紙切換的核心實現方法，並詳細介紹如何為切換過程添加流暢自然的過渡效果，以提升用户體驗。 場景 / 圖紙核心切換步驟 圖撲HT項目中，實現圖紙或場景的無縫切換需嚴格遵循以下關鍵步驟，以避免潛在問題並確保切換過程穩定可靠： 清除當前的數
昵稱 hightopo
圖撲智慧工廠 | 光纜生產車間數字孿生監控
光纜製造工藝複雜離散、產品多樣，全流程高效化的關鍵在於車間任務調度能實時高效反饋信息。隨着生產數據激增與系統複雜度提升，傳統數據管理和監控手段漸顯不足，亟需引入具備實時反饋能力的現代化作業調度系統，以優化工藝、提升效率、把控質量。 效果展示 基於自研 HT for Web 構建的光纜生產車間輕量化監控系統，集控制、監視與管理功能於一體，可助力企業實現生產過程的數字化、智能化與自動化轉型，顯著提升
昵稱 圖撲軟件
vue3路由跳轉，普通路由和動態路由
vue3路由跳轉分兩種： 1、普通路由 2、動態路由 普通路由 無需在路由配置中聲明，可以隨意添加任意參數 參數以鍵值對的形式出現在 URL 的 ? 之後，用 分隔 例如：/user?id=123name=John，其中 id=123 和 name=John 是 query 參數 參數是可選的非必填項，可以自由傳遞 跳轉方式 const router = useRoute
昵稱 兔子先森
Vue3項目中集成AI對話功能的實戰經驗分享
前言 最近在項目中需要集成AI對話功能，經過調研後選擇了ai-suspended-ball-chat這個Vue3組件庫。使用了一段時間後，想從技術使用者的角度分享一下真實的體驗和踩過的坑，希望對有類似需求的開發者有所幫助。 項目背景與選擇理由 我們的項目是一個企業級的管理後台，需要為用户提供智能客服和代碼助手功能。在選擇方案時，主要考慮了以下幾個因素： 開發效率：不想從頭開發聊天UI和
昵稱 六月的可樂🥤
SSE請求多種實現方式總結
文前推薦一下👉 前端必備工具推薦網站(圖牀、API和ChatAI、智能AI簡歷、AI思維導圖神器等實用工具): 站點入口：http://luckycola.com.cn/ 什麼是SSE SSE（Server-Sent Events）是一種用於實現服務器主動向客户端推送數據的技術，也被稱為“事件流”（Event Stream）。它基於 HTTP 協議，利用了其長連接特性，在
昵稱 六月的可樂🥤
拯救工業組態 HMI 人機界面
在工業互聯網、智慧城市、物聯網等領域的可視化應用中，2.5D效果因其獨特的優勢成為關鍵設計方向：它既保留了二維圖形的性能高效性，又通過立體透視營造出三維空間的層次感，使數據與設備關係一目瞭然。這種介於純2D與全3D之間的視覺表達，既能直觀展示覆雜系統的空間結構，又規避了完全3D場景的算力負擔，堪稱Web可視化場景中的“黃金平衡點”。 HT for Web作為成熟的Web圖形引擎，為開發者提供了高
昵稱 hightopo
智慧倉儲物流可視化管理合集 | 圖撲數字孿生
在“互聯網+”和“中國製造2025”等國家戰略的推動下，智能倉儲行業快速發展，自動化立體倉庫、智能貨架、無人機盤點、無人駕駛運輸車、智能分揀系統等智能倉儲設備和技術得到了廣泛應用。智慧倉儲物流行業發展勢頭強勁，數字化、綠色可持續、全球化將成為未來行業發展的重要趨勢。 圖撲軟件利用自主研發 HT for Web系列產品，提供2D/3D 協同可視化設計工具、 WebGIS 、BIM 輕量化 、VR/
昵稱 圖撲軟件
核潛艇虛擬作戰管控系統 | 圖撲數字孿生
在廣袤深邃的海洋深處，中國戰略核潛艇 096 型搭載着國之重器——巨浪 3 潛射彈道導彈悄然巡航，構築起中國海基核力量牢不可破的防線。作為中國第三代戰略彈道導彈核潛艇，憑藉超遠的射程、強大的毀傷能力以及先進的突防技術，成為中國核三位一體打擊力量的關鍵一環。不僅帶動中國海軍技術實現迭代升級，更彰顯出戰略核威懾能力的全新突破。 效果展示 本次圖撲軟件運用自研 HT for WebGIS 產品，以軍演演
昵稱 hightopo
智慧停車場合集 | 圖撲數字孿生靜態交通一網統管
如今，停車場管理已從單一的泊車功能，演進為融合充電服務、空間調度與數據運營的綜合性挑戰。無論是城市級樞紐、多樣化園區、商業樓宇，均面臨效率提升與體驗優化的核心訴求。 圖撲利用自研HTML5 2D/3D圖形渲染引擎，針對不同應用場景量身定製智慧停車解決方案，推動停車場從“被動管理”到“主動智能”的跨越，實現停車場實時狀態可視、資源動態調度與充電服務一體化管控。 系統分析 新能源停車場管理 隨着新能
昵稱 hightopo
場景切換 × 流暢過渡動畫實現方案 | 圖撲軟件
在圖撲HT項目中，尤其是複雜應用裏，單一場景或圖紙通常難以承載所有需求，因此在多個圖紙或場景之間進行切換是一種常見的實現方式。本文將深入解析圖撲HT項目中場景/圖紙切換的核心實現方法，並詳細介紹如何為切換過程添加流暢自然的過渡效果，以提升用户體驗。 場景 / 圖紙核心切換步驟 圖撲HT項目中，實現圖紙或場景的無縫切換需嚴格遵循以下關鍵步驟，以避免潛在問題並確保切換過程穩定可靠： 清除當前的數
昵稱 圖撲軟件
用Zulu輕鬆搭建國慶旅行4行詩網站
國慶已至，小夥伴們都要去哪裏旅行呀？是人傑地靈的杭州，還是熱辣滾燙的重慶？不如就用Zulu開發一個“國慶旅行4行詩網站”，用詩情畫意，勾勒出祖國山河的美好～ 網站開發，大概用了1小時不到，包含項目初始化、AI生成功能增強、UI優化這幾個關鍵步驟。 1.項目初始化 對Zulu鍵入第一條Prompt： 我想在當前目錄創建一個國慶旅行四行詩AI生成器網站，輸入旅行城市（到市級），即可輸出對應
昵稱 文心快碼
智慧鋼廠高爐冶煉仿真分析 | 圖撲數字孿生
鋼鐵冶煉中，高爐鍊鐵因機理複雜呈“黑箱”特性，傳統方法難以精準感知爐內狀態。而高爐領域的核心技術——計算機輔助工程（CAE）仿真技術體系，雖能通過有限元分析（FEA）解析爐體結構應力、侵蝕規律，藉助計算流體動力學（CFD）還原爐內氣流、温度場流動特性，深度解析爐內物理場與反應機理，卻因分析結果抽象、難落地、國外技術壁壘等影響，使其價值難以充分釋放。 效果展示 圖撲軟件依託自研2D/3D可視化渲染與
昵稱 hightopo
拯救工業組態 HMI 人機界面
在工業互聯網、智慧城市、物聯網等領域的可視化應用中，2.5D效果因其獨特的優勢成為關鍵設計方向：它既保留了二維圖形的性能高效性，又通過立體透視營造出三維空間的層次感，使數據與設備關係一目瞭然。這種介於純2D與全3D之間的視覺表達，既能直觀展示覆雜系統的空間結構，又規避了完全3D場景的算力負擔，堪稱Web可視化場景中的“黃金平衡點”。 HT for Web作為成熟的Web圖形引擎，為開發者提供了高
昵稱 圖撲軟件