博客 RSS 訂閱

sovitjs 頭像

可視化PaaS開發 - 好用的Web前端開發工具推薦

前端Web開發工具實際上是讓前端開發人員更高效輕鬆地構建前端佈局的軟件。在這些工具的幫助下，前端重複的工作變得簡單，從而加快了Web開發過程。 有許多前端Web開發工具可以滿足各種特定需求，例如HTML，CSS和JavaScript工具，代碼編輯工具，部署工具，原型和線框圖工具，安全工具等等。但是選擇適合自己項目的工具，必須對工具有所瞭解。 下面我們就介紹一些主流的Web前端開發工具： Vue.j

前端工程師 , 前端設計 , 前端 , Javascript , Web

收藏 評論

sovitjs 頭像

可視化PaaS開發 - Web組態：Web2D工業組態模板

最近發現不少網友留言，想要一些前端Web組態的模板，由於公司是做2D/3D可視化編輯器的，同時也會設計很多各行各業的組態模板，以供參考，所以小編整理了包含電力、環境、園區、能源等行業領域的一些組態模板，希望對大家有所幫助！ 污水處理前端Web組態模板 污水處理預沉池系統 污水處理AO池監測系統 生活污水處理監控系統 鍋爐控制前端Web組態模板 鍋爐監控系統 鍋爐控制系統

前端設計 , scada , 前端 , html5 , Web

收藏 評論

sovitjs 頭像

可視化PaaS開發 - 智慧工業園可視化生產風險管控系統

建設背景 隨着經濟飛速發展和產業創新升級，作為新經濟形式的重要載體，工業園區污染嚴重、安全生產難以監管等問題日益突出。工業園區作為工業高質量發展的重要載體和平台，工廠聚集，安全生產風險集中，在這個背景下，建設智慧工業園區已經成為了許多企業和政府的共同選擇。 總體架構 工業園區智能化管控平台應按照工業互聯網平台架構進行設計，建立統一的標準規範體系和安全運維保障體系，保證系統平台的規範、安全和穩定運行

工業互聯網 , 物聯網 , 前端設計 , 可視化 , html5

收藏 評論

sovitjs 頭像

可視化PaaS開發 - HTML5智慧化工數字孿生WebGL三維可視化系統

前言 作為全球化學品第一生產大國，我國危險化學品規模總量大、涉及品種多、應用範圍廣、管理鏈條長、安全風險高，歷來是防範化解重大安全風險的重點領域。危險化學品領域頻繁發生的典型事故，暴露出傳統安全風險管控手段問題突出。 建設背景 石油石化行業是國家重要的支柱行業，具有生產規模大，生產線長，數據模型大，物料危險性高等特點。特殊的作業環境、偏遠的廠區位置，使得工作人員作業值守難度大、成本高、效率低。隨着

物聯網 , webgl , 前端設計 , 可視化 , html5

收藏 評論

sovitjs 頭像

可視化PaaS開發 - 目前主流的9款Web前端框架

啓動項目時，請查看 2023 年最好的 Web 前端框架。為什麼選擇合適的工具很重要? 前端開發人員使用前端框架來簡化工作。這些軟件包通常提供可重用的代碼模塊、系統化的前端技術和預構建的接口塊。這使團隊可以更快、更輕鬆地創建可持續的 Web 應用程序和用户界面，而無需從頭開始編寫每個功能或對象。在開發 Web 應用程序時，有必要使用現代工具。 數維圖科技小編在這裏列出 2023 年 9 個流行的

前端框架 , 前端設計 , 前端 , Javascript , Web

收藏 評論

ntksol 頭像

歐雷 - 聊聊中後台前端應用：前言

大多業務團隊的前端工程師的主要工作內容就是前台網站或應用和中後台應用的前端開發，如果在工作時間花費很多精力去做基礎設施建設相關事情，有可能會被打上「不務正業」的標籤，基本上就是個工具人的角色。 「前前後後」不靈清 很多剛入行的人分不清「前台」與「前端」及「後台」與「後端」之間的區別，再加上團隊中其他人可能會亂用，對此會更加迷惑，在這裏先釐清它們—— 「前台」與「後台」還有漏掉的「中台」，是根據面向

前端工程 , 後台管理 , 管理後台 , 前端設計 , 軟件工程

收藏 評論

ntksol 頭像

歐雷 - 聊聊中後台前端應用：上下文的那些事兒

經過《聊聊中後台前端應用：模塊相關的一些事》和《聊聊中後台前端應用：業務中的組件體系》這兩篇文章的鋪墊，終於可以單獨寫一篇文章來專門講講「上下文」相關的事情了—— 概念明晰 在進入正題之前，先試圖釐清與主題關係密切的幾個概念：狀態、狀態管理和上下文。 狀態 有時會聽到兩撥人在打嘴仗——有一撥人説：「前端都是狀態，沒有數據，是狀態驅動視圖而不是數據驅動視圖」。另一撥人反駁説：「狀態難道不是數據嗎？不

後台管理 , 管理後台 , 前端設計 , ddd , 上下文管理器

收藏 評論

ruanjiankaifa_xiaofanya 頭像

軟件部長 - 告別單調的列表頁，探索JVS低代碼列表頁設計的新思路

列表頁是什麼？ 列表頁是管理平台中的基礎頁面，核心的邏輯是實現數據的增刪改查（CRUD），列表頁核心的幾個要素：頁面內容的數據展示、查詢條件、頁面按鈕及按鈕觸發的邏輯。 列表頁配置 具備應用配置權限的用户，可以在列表頁目錄上，鼠標懸空，系統會彈出列表頁設計的菜單，如下圖所示： 點擊“設計頁面”，系統進入列表頁設計器，其中包括四個板塊的設計內容： 頁面基礎信息的設計 如下圖所示

低代碼 , JAVA , 前端設計 , ui

收藏 評論

xianglvxingdejiucai 頭像

售前成長之路 - 浮木雲隨筆小記---更好用的國產化原型設計小眾平台

很多小夥伴剛做產品助理時，都會糾結於用哪一個原型設計工具更加快速高效，我作為一名售前兼產品經理的社畜角色也不例外。在各種原型軟件摸爬滾打過程中，終於讓我找到了一款良心好用的國產化軟件設計平台--浮木雲，讓我原本不怎麼樣的頁面設計直接飛起。我喜歡它的原因很簡單，他能提供很多業務相關模版，能幫我在短時間內做出一套系統頁面，就衝這點，我要吹爆他。來來來，看這裏，看這裏（敲黑板），浮木雲-產品設計開發智能

系統設計 , axure , 原型設計 , 前端設計 , 畢業設計

收藏 評論

xianglvxingdejiucai 頭像

售前成長之路 - 浮木雲隨筆小記（1）---基礎知識

通過這段時間的學習，這次就國產化軟件設計平台--浮木雲的基本概念簡單形成簡單的學習記錄。大家如果感興趣的話，可自行去搜索查看試用。 下面介紹的就是浮木雲的基礎概念了，有：應用、子應用、導航、頁面、畫布、組件、交互編排、動作卡片、屬性配置、樣式配置、結構樹、自定義組件、源碼導出、應用發佈等。 1.應用 在浮木雲平台中，每個應用都被視為單個完整的軟件項目或軟件系統。這意味着每個應用都有其獨

系統 , 原型設計 , 前端設計

收藏 評論

sovitjs 頭像

可視化PaaS開發 - 什麼是SCADA？SCADA系統是如何工作的？

這篇文章，我們將深入介紹SCADA系統和SCADA軟件。 SCADA系統是工業生產中的一個重要部分，因為它們有助於監控過程數據以及控制過程，並輕鬆檢測過程中的任何問題，從而減少停機時間。 SCADA系統的定義SCADA是Supervisory Control and Data Acquisition的首字母縮寫。SCADA通常是指監督控制和數據採集，它是一種基於工業計算機的控制系統，用於收集和分析

物聯網 , 人工智能 , 前端設計 , scada , 可視化

收藏 評論

zego 頭像

ZEGO即構 - 即構 UIKits 重磅發佈！高效開發與自定義UI兼備，打造互動場景新標杆

即構UIKits上線，新一代場景化實時互動SDK！ 即構科技發佈了首款面向中小團隊的整合型實時互動產品UIKits ， 基於場景化最佳實踐，整合RTC、IM、直播、美顏等多款產品，打造了音視頻通話UIKit（Call Kit）、互動直播UIKit（Live Streaming Kit）、語聊房UIKit（Live Audio Room Kit） 等多個場景互動SDK。 與傳統RTC、直播產品相比，

音視頻 , 直播 , 前端設計 , 前端 , ui

收藏 評論

ailvyoudetiebanshao 頭像

溪抱魚 - 獨立開發：一個產品過4萬$後的一些思考 第三章

穿梭機回顧一下上一篇文章 獨立開發第二章 8. 找到你的隊友和投資人獨立開發， 在我看來只是一個階段的事情，你可能在開始階段是獨立開發，但人是有極限的，要做更大的事情更多的收益，你必須有隊友（也可能是我已經過了那個階段了，獨立開發的收入支撐不了我的慾望）。 **我喜歡躺平,我喜歡賣萌** 那識別隊友很重要，這是一個很大的轉折，簡單的説主要是看這個人的ORI。 你可能會想,我為什麼不自己一

獨立開發者 , 前端設計

收藏 評論

sihaihande 頭像

漢得數字平台 - H-ZERO導出組件支持智能分片、異步導出、動態配置等高級特性，讓“一鍵導出”成為現實！

01 引言 H-ZERO 平台團隊始終專注於開發高效的前端工具組件，通過不斷優化交互設計和功能體驗，為企業用户提供更流暢、更符合業務需求的數據導出能力。 為了應對企業日益複雜的數據導出場景，H-ZERO 導出組件突破了普通導出組件功能單一、性能受限的瓶頸，支持多格式動態生成、異步分片導出和智能閾值管控等核心功能，使海量數據導出變得簡單易行。用户無需關注技術細節即可快速完成從配置到下載的全過程，大

開發工具 , 前端設計 , 前端

收藏 評論

ailvyoudetiebanshao 頭像

溪抱魚 - SEO關鍵詞的研究與優化 一

關鍵詞研究和優化是SEO的核心。通過深入瞭解目標受眾使用的搜索詞，我們可以優化網站內容，提高搜索引擎排名，並吸引更多相關流量。本章將詳細探討關鍵詞研究的方法、和最佳實踐。 關鍵詞類型對比分析 1. 關鍵詞研究的基礎 瞭解不同類型的關鍵詞對於制定全面的SEO策略至關重要。每種類型的關鍵詞都有其獨特的特點和應用場景： 1.1 主關鍵詞 定義： 通常由1-2個詞組成，代表廣泛的主題或概念。 特點

seo , 程序員 , HTML , 前端

收藏 評論

ailvyoudetiebanshao 頭像

溪抱魚 - SEO的關鍵詞研究與優化 二

回顧上一篇文章 3. 關鍵詞評估和選擇 關鍵詞評估和選擇是SEO策略中至關重要的一步。這個過程不僅僅是選擇搜索量最高的詞，而是要在多個因素之間找到平衡，以確定最有價值的關鍵詞。 3.1 搜索量分析 https://segmentfault.com/a/1190000046496136 搜索量是評估關鍵詞潛力的首要指標，但它不應該是唯一的考慮因素。使用Google Keyword Planner、S

seo , 程序員 , 前端

收藏 評論

ailvyoudetiebanshao 頭像

溪抱魚 - SEO與國際化

在當今互聯網時代，企業的成功不再侷限於本地市場。國際化SEO（搜索引擎優化）為企業提供了一個強大的工具，可以幫助他們在全球範圍內擴展影響力，吸引更多的國際客户。 1. 🌍理解國際化SEO的重要性 國際化SEO不僅僅是將網站翻譯成不同的語言，它是一個全面的策略，旨在優化我們的網站以吸引和服務於全球受眾。💡 🌍 擴大全球市場覆蓋範圍 🌎 接觸到新的國際市場和客户羣 🚀 增加品牌

seo , 前端

收藏 評論

ailvyoudetiebanshao 頭像

溪抱魚 - Nuxt3還能用嗎？

Nuxt3還能用嗎？ 前一段時間，我完成了整個產品，從Nuxt到Next的遷移，因為面臨了一些在框架層面就無法解決的問題。 payload json化 在所有的的Nuxt中，我們都能看到有這樣一個東西。 其實有這個東西也很正常，在Next中也會把服務端渲染的數據掛載html保持數據同步，這就是一個水合的必要步驟。在Next中是這樣的。 可以看到在Next新一點的版本中是

seo , 前端

收藏 評論

ailvyoudetiebanshao 頭像

溪抱魚 - Next的Seo實踐

第10章：Next的Seo實踐 1. Meta標籤 Next App Router比較主流的有兩種定義源數據標籤的方式，一種是通過在佈局或者頁面上導出一個 metadata 的對象，會自動生成對應的Meta源數據標籤，這是靜態的。 而另外一種則是動態生成meta標籤，這種場景通常需要先請求接口得到一些信息的動態源數據頁面，在這種情況下我們採用generateMetadata函數。 1.1. 靜態M

next , seo , typescript , 前端

收藏 評論

ailvyoudetiebanshao 頭像

溪抱魚 - 第七章: SEO與渲染方式

第7章: SEO與渲染方式 在現代Web開發中，JavaScript扮演着越來越重要的角色。然而，JavaScript的廣泛使用也為搜索引擎優化（SEO）帶來了新的挑戰。本章將深入探討JavaScript SEO的核心問題，不同的渲染機制對SEO的影響，以及如何優化JavaScript驅動的網站以獲得更好的搜索引擎排名和用户體驗。 1. Google爬蟲類型及其工作原理 搜索引擎爬蟲是SEO的核心

seo , 前端

收藏 評論

ailvyoudetiebanshao 頭像

溪抱魚 - 第七章: SEO與渲染方式 二

上一章的回顧 2. 網頁渲染機制及其對SEO的影響 在現代Web開發中，選擇合適的渲染機制對於優化搜索引擎性能至關重要。儘管Google的爬蟲技術在不斷進步，但不同的渲染方式仍然會對SEO產生顯著影響。讓我們深入探討主要的渲染機制及其對SEO的影響。 2.1 客户端渲染（CSR） 客户端渲染是單頁應用（SPA）常用的渲染方式，它依賴瀏覽器端的JavaScript來生成頁面內容。 工作原理：當

seo , 前端

收藏 評論

ailvyoudetiebanshao 頭像

溪抱魚 - 第七章: SEO與渲染方式 三

上一篇 3. JavaScript SEO最佳實踐 在實施JavaScript SEO時，有幾個關鍵領域需要特別關注。以下是一些最佳實踐，可以幫助我們優化JavaScript驅動的網站。 3.1 內容可見性優化 確保搜索引擎能夠看到和理解我們的內容是至關重要的。 延遲加載優化： 使用 noscript 標籤為不執行JavaScript的爬蟲提供關鍵內容。 img src="place

seo , 前端

收藏 評論

ailvyoudetiebanshao 頭像

溪抱魚 - SEO分頁基本功

SEO分頁基本功 1. 分頁器的實現 Bad Case 如圖，這是一個janitorai實現的分頁器，他是採用div的形式。 我們到SEMRush去查詢這個頁面的流量，可以觀察到，這整個頁面只被爬取了第一頁的數據 這其實驗證了第七章1.3 Googlebot的工作原理：Googlebot會先分析HTML裏的待爬取鏈接（a標籤）和需要下載的JS文件，選擇性的下載JS文件，然後嘗試渲染和執行JS

seo , 前端

收藏 評論

ailvyoudetiebanshao 頭像

溪抱魚 - Seo工具使用與數據觀察實踐 上

第11章.Seo工具使用與數據觀察實踐 1.通過SimilarWeb選擇合適的競品 首先我們明確一個概念，當我們要做項目的時候，會有兩種情況，一種是有競品，另外一種是沒有競品。 而沒有競品的那種情況，一個可能是你的項目和Idea沒有價值。另外一個可能是你的項目實在是太牛逼了，門檻太高在那個時間段幾乎無懈可擊（Open Ai的早期）。 那麼我們回到擁有競品的項目，我們需要對它和它的網站的流量進行分析

seo , HTML , 前端

收藏 評論