@前端

動態 列表
@axiaoxin_blog

JSON-LD 類型使用示例大全

本文是針對 JSON-LD 類型的使用示例及其簡要介紹與説明。每個類型的示例展示瞭如何在 JSON-LD 中進行標註,並附帶了簡要説明,希望對你有所幫助。 文章目錄 JSON-LD 的主要核心類型 Thing(事物) CreativeWork(創作作品) Event(事件) Intangible(非實體事物) Organization(組織) P

axiaoxin_blog 頭像

@axiaoxin_blog

昵稱 axiaoxin

@huopodelianpen

FeHelperPlus:提升前端開發效率的VsCode插件(支持:JSON轉TS、JSON和EXCEL互轉 等)

根據JSON生成TS類型 在日常開發中,根據JSON生成TS類型是常見需求。只需選中 JSON 字符串,鼠標右鍵喚起菜單或者使用快捷鍵,即可自動生成 TypeScript 類型約束。支持小駝峯、下劃線等多種命名風格,操作簡單,結果精準。 多語言JSON文件和Excel文件互相轉換 在多語言項目中,JSON 文件與 Excel 文件的轉換是常見需求。該插件支持扁平化和非扁平化 JS

huopodelianpen 頭像

@huopodelianpen

昵稱 活潑的臉盆

@key_686e189f2e7cc

使用ENO將您的JSON對象生成HTML顯示

ENO 是簡單易用,性能卓越,自由靈活開源的 WEB 前端組件;實現 JSON 與 HTML 互操作的 JavaScript 函數庫。沒有任何其它依賴,足夠輕量.   WEBPack NPM 工程安裝。   npm install @joyzl/eno   然後在JS中引用   import "@joyzl/eno";   將JS實體對象填充到表單   假設有一個如下

@gaiya_68f1e7ba5b140

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

@dragonir

React+Three.js 實現 Apple 2025 熱成像 logo

Apple 2025 年度發佈會 LOGO 以標誌性的蘋果圖形被注入熾熱的火焰質感,色彩從暖調橙黃向冷調湛藍自然過渡,似高温灼燒下的金屬表面,迸發出熔融的光澤;又若無形的能量在流動,勾勒出科技的脈搏與律動,將 “科技” 與 “力量” 的碰撞感具象化,光影的明暗交錯削弱了平面的單薄感,賦予其近乎觸手可及的質感,同時營造出濃郁的未來感與未知感。 摘要 如上述引用內容,本文將基於 React +

dragonir 頭像

@dragonir

昵稱 dragonir

@icecreamlj

前端框架文檔新思路:基於源碼解析的自動化方案

項目背景 最近我們團隊自研了一個基於 React 的 H5 前端框架,領導讓我來負責編寫框架的使用文檔。我選擇了 dumi 來搭建文檔站點,大部分內容都是手動寫 Markdown 來介紹各種功能,包括:初始化、目錄結構、生命週期、狀態管理、插件系統 等等。 框架裏有個很重要的子包,主要負責多個 App 的橋接能力,深度集成了各端環境的監測和橋接邏輯。這個子包對外提供了一個 App 實例對象,裏面封

icecreamlj 頭像

@icecreamlj

昵稱 一顆冰淇淋

@xiaohe0601

🔒 JavaScript 不是單線程嗎?怎麼還能上“鎖”?!

在 JavaScript 日常開發中,經常會遇到這樣的情況:多個異步任務需要同時訪問或修改同一個資源。這個資源可能很簡單,比如內存中的一個變量;也可能複雜一些,比如一份配置文件、一條數據庫記錄或者是某個外部服務的接口調用,只要它是共享的,就有可能被不同的任務同時操作。 問題在於,異步任務不像同步代碼那樣一行一行地按順序執行,而是可能同時進行。如果沒有任何機制來協調它們的先後順序,就會出現混亂:有的

xiaohe0601 頭像

@xiaohe0601

昵稱 xiaohe0601

@aipaobudefanqie

如何使用代理IP發送請求(711Proxy實戰指南)

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

aipaobudefanqie 頭像

@aipaobudefanqie

昵稱 愛跑步的番茄

@aipaobudefanqie

什麼是住宅代理(Residential Proxy)?詳解原理、優勢與應用場景

在數字經濟與跨境互聯網時代,網絡訪問安全與數據合規成為企業關注的核心。而“住宅代理”(Residential Proxy)作為一種高匿名、高穩定的網絡中轉方式,正成為營銷、數據採集與賬號管理領域不可或缺的技術基礎。 本文將深入解析住宅代理的概念、工作原理、與數據中心代理的區別,以及它在實際業務中的典型應用場景。 一、住宅代理的定義 住宅代理(Residential Proxy) 是指通過真實

aipaobudefanqie 頭像

@aipaobudefanqie

昵稱 愛跑步的番茄

@aipaobudefanqie

什麼是代理服務器?技術原理與應用解析

代理服務器(Proxy Server)是位於客户端與目標服務器之間的中間層節點,負責轉發網絡請求。在網絡通信體系中,它起到隱藏真實 IP、增強訪問控制與提高連接質量的作用。 其通信流程如下: Client → Proxy Server → Target Server目標服務器僅能看到代理服務器的 IP,而無法直接識別客户端的真實網絡身份。這也是代理在跨區域訪問、隱私保護與自動化業務中的

aipaobudefanqie 頭像

@aipaobudefanqie

昵稱 愛跑步的番茄

@tuzixiansen_63d4d65909d62

vue3-onMounted和onActivated觸發問題

在Vue3中,當頁面第一次進入時,onMounted和onActivated這兩個生命週期鈎子都會觸發,導致初始化函數init()被執行兩次,我們希望只在初次進入時執行一次,而不是兩次。 其實最簡單的方法就是僅使用onActivated生命週期 如果同時使用兩個生命週期,就要在onMounted的時候做一個標記,然後在onActivated的時候改變這個標記 在keep

tuzixiansen_63d4d65909d62 頭像

@tuzixiansen_63d4d65909d62

昵稱 兔子先森

@hightopo

儲能站運維管理一體化平台 | 圖撲數字孿生

全球能源轉型中,風電、光伏等可再生能源因間歇性給電網帶來挑戰,儲能系統成為關鍵支撐且需規模化應用。但傳統儲能運維模式效率低、響應慢、成本高,難以滿足需求,因此構建集實時監控、智能預警等功能於一體的儲能運維管理平台,是實現儲能精細化管理、提升效益、保障能源系統穩定的核心舉措。 效果展示 基於圖撲軟件自主研發的HT for Web產品搭建智慧儲能站運維管理平台,利用其強大的數據可視化和實時監控能力,實

hightopo 頭像

@hightopo

昵稱 hightopo

@htdaydayup_5da2d7a6d4888

3D 管道是如何流動的?

在3D場景中,管道是一種極為常見且重要的元素。它不僅能用於呈現工廠、發電站、地下設施等工業環境中的輸送系統,還可用來模擬數據的流動或處理過程,從而向用户直觀展示數據的流向。 在HT中,ht.Polyline是一個強大的工具,可以用來在3D場景中表示管道。它不僅支持貼圖,還能通過調整貼圖的UV偏移等屬性,生動地展示數據流的方向。ht.Polyline不僅限於簡單的管道表現,還可以使用它實現如流動、

htdaydayup_5da2d7a6d4888 頭像

@htdaydayup_5da2d7a6d4888

昵稱 圖撲軟件

@hightopo

場景切換 × 流暢過渡動畫實現方案 | 圖撲軟件

在圖撲HT項目中,尤其是複雜應用裏,單一場景或圖紙通常難以承載所有需求,因此在多個圖紙或場景之間進行切換是一種常見的實現方式。本文將深入解析圖撲HT項目中場景/圖紙切換的核心實現方法,並詳細介紹如何為切換過程添加流暢自然的過渡效果,以提升用户體驗。 場景 / 圖紙核心切換步驟 圖撲HT項目中,實現圖紙或場景的無縫切換需嚴格遵循以下關鍵步驟,以避免潛在問題並確保切換過程穩定可靠: 清除當前的數

hightopo 頭像

@hightopo

昵稱 hightopo

@htdaydayup_5da2d7a6d4888

圖撲智慧工廠 | 光纜生產車間數字孿生監控

光纜製造工藝複雜離散、產品多樣,全流程高效化的關鍵在於車間任務調度能實時高效反饋信息。隨着生產數據激增與系統複雜度提升,傳統數據管理和監控手段漸顯不足,亟需引入具備實時反饋能力的現代化作業調度系統,以優化工藝、提升效率、把控質量。 效果展示 基於自研 HT for Web 構建的光纜生產車間輕量化監控系統,集控制、監視與管理功能於一體,可助力企業實現生產過程的數字化、智能化與自動化轉型,顯著提升

htdaydayup_5da2d7a6d4888 頭像

@htdaydayup_5da2d7a6d4888

昵稱 圖撲軟件

@tuzixiansen_63d4d65909d62

vue3路由跳轉,普通路由和動態路由

vue3路由跳轉分兩種: 1、普通路由 2、動態路由 普通路由 無需在路由配置中聲明,可以隨意添加任意參數 參數以鍵值對的形式出現在 URL 的 ? 之後,用 分隔 例如:/user?id=123name=John,其中 id=123 和 name=John 是 query 參數 參數是可選的非必填項,可以自由傳遞 跳轉方式 const router = useRoute

tuzixiansen_63d4d65909d62 頭像

@tuzixiansen_63d4d65909d62

昵稱 兔子先森

@liuyuedekele

Vue3項目中集成AI對話功能的實戰經驗分享

前言 最近在項目中需要集成AI對話功能,經過調研後選擇了ai-suspended-ball-chat這個Vue3組件庫。使用了一段時間後,想從技術使用者的角度分享一下真實的體驗和踩過的坑,希望對有類似需求的開發者有所幫助。 項目背景與選擇理由 我們的項目是一個企業級的管理後台,需要為用户提供智能客服和代碼助手功能。在選擇方案時,主要考慮了以下幾個因素: 開發效率:不想從頭開發聊天UI和

liuyuedekele 頭像

@liuyuedekele

昵稱 六月的可樂🥤

@liuyuedekele

SSE請求多種實現方式總結

文前推薦一下👉 前端必備工具推薦網站(圖牀、API和ChatAI、智能AI簡歷、AI思維導圖神器等實用工具): 站點入口:http://luckycola.com.cn/ 什麼是SSE SSE(Server-Sent Events)是一種用於實現服務器主動向客户端推送數據的技術,也被稱為“事件流”(Event Stream)。它基於 HTTP 協議,利用了其長連接特性,在

liuyuedekele 頭像

@liuyuedekele

昵稱 六月的可樂🥤

@hightopo

拯救工業組態 HMI 人機界面

在工業互聯網、智慧城市、物聯網等領域的可視化應用中,2.5D效果因其獨特的優勢成為關鍵設計方向:它既保留了二維圖形的性能高效性,又通過立體透視營造出三維空間的層次感,使數據與設備關係一目瞭然。這種介於純2D與全3D之間的視覺表達,既能直觀展示覆雜系統的空間結構,又規避了完全3D場景的算力負擔,堪稱Web可視化場景中的“黃金平衡點”。 HT for Web作為成熟的Web圖形引擎,為開發者提供了高

hightopo 頭像

@hightopo

昵稱 hightopo

@htdaydayup_5da2d7a6d4888

智慧倉儲物流可視化管理合集 | 圖撲數字孿生

在“互聯網+”和“中國製造2025”等國家戰略的推動下,智能倉儲行業快速發展,自動化立體倉庫、智能貨架、無人機盤點、無人駕駛運輸車、智能分揀系統等智能倉儲設備和技術得到了廣泛應用。智慧倉儲物流行業發展勢頭強勁,數字化、綠色可持續、全球化將成為未來行業發展的重要趨勢。 圖撲軟件利用自主研發 HT for Web系列產品,提供2D/3D 協同可視化設計工具、 WebGIS 、BIM 輕量化 、VR/

htdaydayup_5da2d7a6d4888 頭像

@htdaydayup_5da2d7a6d4888

昵稱 圖撲軟件

@hightopo

核潛艇虛擬作戰管控系統 | 圖撲數字孿生

在廣袤深邃的海洋深處,中國戰略核潛艇 096 型搭載着國之重器——巨浪 3 潛射彈道導彈悄然巡航,構築起中國海基核力量牢不可破的防線。作為中國第三代戰略彈道導彈核潛艇,憑藉超遠的射程、強大的毀傷能力以及先進的突防技術,成為中國核三位一體打擊力量的關鍵一環。不僅帶動中國海軍技術實現迭代升級,更彰顯出戰略核威懾能力的全新突破。 效果展示 本次圖撲軟件運用自研 HT for WebGIS 產品,以軍演演

hightopo 頭像

@hightopo

昵稱 hightopo

@hightopo

智慧停車場合集 | 圖撲數字孿生靜態交通一網統管

如今,停車場管理已從單一的泊車功能,演進為融合充電服務、空間調度與數據運營的綜合性挑戰。無論是城市級樞紐、多樣化園區、商業樓宇,均面臨效率提升與體驗優化的核心訴求。 圖撲利用自研HTML5 2D/3D圖形渲染引擎,針對不同應用場景量身定製智慧停車解決方案,推動停車場從“被動管理”到“主動智能”的跨越,實現停車場實時狀態可視、資源動態調度與充電服務一體化管控。 系統分析 新能源停車場管理 隨着新能

hightopo 頭像

@hightopo

昵稱 hightopo

@htdaydayup_5da2d7a6d4888

場景切換 × 流暢過渡動畫實現方案 | 圖撲軟件

在圖撲HT項目中,尤其是複雜應用裏,單一場景或圖紙通常難以承載所有需求,因此在多個圖紙或場景之間進行切換是一種常見的實現方式。本文將深入解析圖撲HT項目中場景/圖紙切換的核心實現方法,並詳細介紹如何為切換過程添加流暢自然的過渡效果,以提升用户體驗。 場景 / 圖紙核心切換步驟 圖撲HT項目中,實現圖紙或場景的無縫切換需嚴格遵循以下關鍵步驟,以避免潛在問題並確保切換過程穩定可靠: 清除當前的數

htdaydayup_5da2d7a6d4888 頭像

@htdaydayup_5da2d7a6d4888

昵稱 圖撲軟件

@jizaodebangbangtang

用Zulu輕鬆搭建國慶旅行4行詩網站

國慶已至,小夥伴們都要去哪裏旅行呀?是人傑地靈的杭州,還是熱辣滾燙的重慶?不如就用Zulu開發一個“國慶旅行4行詩網站”,用詩情畫意,勾勒出祖國山河的美好~ 網站開發,大概用了1小時不到,包含項目初始化、AI生成功能增強、UI優化這幾個關鍵步驟。 1.項目初始化 對Zulu鍵入第一條Prompt: 我想在當前目錄創建一個國慶旅行四行詩AI生成器網站,輸入旅行城市(到市級),即可輸出對應

jizaodebangbangtang 頭像

@jizaodebangbangtang

昵稱 文心快碼