博客 RSS 訂閱

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 , 前端

收藏 評論

ailvyoudetiebanshao 頭像

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

第12章.Seo工具使用與數據觀察實踐（中） 繼上一節的SimilarWeb流量粗分析，我們已經選定了競品，並且有了一個大致的用户畫像和羣體，接下來我們就進入細節的關鍵詞和內容的分析。 那麼這本節中，用到的工具則是SemRush，SemRush是一款功能強大的SEO工具,它提供了全面的關鍵詞分析功能。通過SemRush,我們可以深入瞭解關鍵詞的搜索量、競爭程度、趨勢變化等重要指標,從而制定更有效的

seo , 前端

收藏 評論

ailvyoudetiebanshao 頭像

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

第12章.Seo工具使用與數據觀察實踐（下） 繼上一節的SemRush的網站策略粗分析之後，接下來我們就介紹SemRush的keywords關鍵詞分析。基本到這一節那，其實SEO的基本功系列就已經夠了，後面我們就開始目做項目了。 基礎詞類和意圖 在前面講了這麼多之後，終於到了最核心的地方了，我們要先確定核心的基礎關鍵詞，繼續以talkie為例，它是一個AI Role Play扮演的平台，我們先看他

seo , 前端

收藏 評論

ailvyoudetiebanshao 頭像

溪抱魚 - 改了網頁結構，搜索排名直接10倍增長

改了網頁結構，搜索排名直接10倍增長 之前我的網站流量低迷 我嘗試了一些改變.現在分享給家人們, 在此打個廣告關於我求求關注了家人們. 驚人的轉變 舉一個🌰一家電子商務網站在實施網站結構優化後，​搜索排名提升了10倍​，有機流量從每月2,000訪問增長到超過20,000。這不是魔法，而是精心設計的SEO策略,説白了進行一些操作,讓SEO更能搜到到你的排名 問題 用户和搜索引擎都找不到入口，所有

seo , 前端

收藏 評論

ailvyoudetiebanshao 頭像

溪抱魚 - 第十三章 SEO結構化數據與SERP

SEO結構化數據與SERP 1. 初解SEO結構化數據與SERP 結構化數據是一種標準化的格式，用於向搜索引擎提供關於網頁內容的明確信息。它本質上是一種"標記語言"，通過特定的代碼格式，幫助搜索引擎理解網頁內容的上下文和含義。 SERP是"Search Engine Results Page"的縮寫，即搜索引擎結果頁面。當用户在搜索引擎（如Google、百度、必應等）中輸入查詢詞後，搜索引擎返回

seo , 前端

收藏 評論

shumile_5f6954c414184 頭像

舒米勒 - SEO人必備：URL中橫線與駝峯互轉實測，提升20%可讀性不是夢！

一條 URL，竟讓點擊率差了 20%！你的網站還在用駝峯和下劃線？ 上週和搞獨立站的老張聊天，他抱怨產品頁分享率總上不去。 我隨手點開他發來的鏈接：www.xxx.com/newSmartPhoneCase，瞬間懂了問題所在。 “這URL連單詞都分不清，用户怎麼願意複製傳播？” 01 Google 官方蓋章：URL可讀性就是硬指標 別再小看 URL 的細節！Google 搜索倡導者 J

網站優化 , seo , 後端 , 前端

收藏 評論

ailvyoudetiebanshao 頭像

溪抱魚 - 第十六章 Seo最簡單的賺錢方式-廣告

Seo最簡單的賺錢方式-廣告 行了，那些枯燥的基本功我們就算熬過來了。廢話不多説，我知道你們等不及了，下面直接開整，講講怎麼把學到的東西快速變成錢 Google Adsense簡介 如果你之前沒有用過Google Adsense這些Google全家桶，那麼一定要分清楚Google Adsense和Google Ads是兩個東西，Adsense是為你賺錢的，而Ads是要你花錢的地方。 ​Goo

seo , 前端

收藏 評論

ailvyoudetiebanshao 頭像

溪抱魚 - 第十五章 SEO的簡單免費工具

SEO的基礎工具和檢測 前文中主要是講一些SEO的網站基本功，而在這一章那，會講到一些非常基本的工具，主要是關於：網站的流量、停留時長、關鍵詞密度、內容、以及Google的站長工具。 Google Search Console Google Search Console這是做SEO永遠也繞不開的工具，它監控網站在Google搜索結果中的表現，並且提供索引狀態、搜索查詢數據和技術問題報告。 如何在G

seo , 前端

收藏 評論