博客 RSS 訂閱

east4ming 頭像

東風微鳴雲原生 - ArgoCD：我的GitOps探索之旅與未來展望

大家好！作為一名深耕雲原生領域多年的工程師，我很榮幸能與各位分享我與ArgoCD的精彩故事。這篇文章將帶您深入瞭解ArgoCD的實踐應用與未來潛力，無論您是初涉GitOps的新手還是經驗豐富的專家，都能從中獲得啓發。 初識ArgoCD：GitOps的革命性力量 記得幾年前，我還在Kubernetes應用部署的泥潭中掙扎——手動部署的繁瑣、配置漂移的困擾、版本回滾的噩夢，這些挑戰讓我苦不堪言。直到遇

容器 , kubernetes , devops , 運維

收藏 評論

huopodeyaokongqi_c3jobz 頭像

ZeroNews內網穿透 - ZeroNews三步部署，安全遠程訪問教育內網

在智慧教育加速推進的進程中，遠程訪問已成為連接教學、科研與管理場景的核心紐帶。 線上線下融合教學模式的常態化，高校及教育機構可能面臨挑戰： ● 實驗室資源閒置，假期師生離校後，高性能計算服務器、專業軟件機房利用率驟降 ● 異地無法訪問校內GPU集羣、數據庫及實驗環境，科研進度受阻 ● 教師搭建的本地教學平台、作業系統受困於校園網壁壘 ● 師生使用非正規穿透工具

容器 , 服務器 , 運維 , Linux , Docker

收藏 評論

tencent_blueking 頭像

騰訊藍鯨智雲 - 【運維自動化-標準運維】各類全局變量使用説明-元變量(完結)

元變量有三種：下拉框、表格、文本值下拉框 一、下拉框 支持單選和多選兩種，單選模式下輸出選中的 value，多選模式下輸出選中 value 以逗號 ‘,’ 拼接的字符串。 該類型變量默認不支持輸入任意值，僅在子流程節點配置填參時支持輸入任意值 創建 輸入名稱和KEY值 引用 ${KEY} 引用${KEY}，返回類型為值（單選）或字符串（多選） 使用 自定義數據源，格

容器 , paas , 服務器 , saas , 運維

收藏 評論

kaika1 頭像

kaikai - Docker Compose 使用指南 - 1Panel 版

引言 Docker Compose 是一個用於定義和運行多容器 Docker 應用程序的工具。通過編寫docker-compose.yml文件，用户可以以聲明式的方式描述應用所需的服務、網絡和卷等配置。然後只需一條命令（如docker compose up），即可自動化地創建和啓動所有服務，極大簡化了多容器應用的部署和管理流程。Docker Compose 特別適合開發、測試和本地部署場景，讓複雜

容器 , 運維 , 教程 , Linux , Docker

收藏 評論

shiwangdehuangdou_bpfcez 頭像

Yops_運維易 - 什麼是 WAF？為什麼建站離不開它？

近幾年，網站安全事件頻頻登上新聞。某教育網站因為 SQL 注入漏洞，導致上百萬條學生數據泄露；某電商平台因遭遇大規模 CC 攻擊，業務中斷數小時，損失難以估算。無論是個人博客、企業官網，還是業務系統，一旦遭遇惡意攻擊，輕則頁面被篡改、數據泄露，重則導致業務中斷甚至產生法律風險。為了降低這些風險，安全手段有很多，而 WAF（Web Application Firewall，Web 應用防火牆） 作為

容器 , 服務器 , 運維 , Linux , 安全

收藏 評論

shiwangdehuangdou_bpfcez 頭像

Yops_運維易 - 多台服務器的全部容器，我是這樣統一管理的

企業廣泛採用 Docker 容器來提升應用部署的敏捷性、資源利用率和環境一致性，超過 75% 的企業已在使用 Docker 進行應用容器化部署，大型互聯網公司如騰訊和新浪微博更是管理着數百萬容器以支撐高併發業務。 在 Linux 系統上管理 Docker 容器時，企業通常需要應對： 資源分配配置複雜：在命令行中輸入 --cpus 和 --memory 限制資源，不僅步驟繁瑣，還容易因參數寫錯導

容器 , 服務器 , 運維 , Linux , Docker

收藏 評論

tencent_blueking 頭像

騰訊藍鯨智雲 - 【運維自動化-標準運維】如何創建流程嵌套（子流程）

什麼是子流程節點 標準運維裏的流程節點有兩類：標準插件節點和子流程節點。子流程節點實際上也是一個流程，比如某個業務線做全網更新時需要更新多個模塊，那每個模塊的更新流程可以稱之為一個子流程。在總流程裏直接添加子流程，就通過簡單畫布實現複雜流程邏輯。 實操演示 1. 配置子流程 配置一個web模塊的更新流程（子流程） 2. 主流程裏添加子流程 主流程假設為全網模塊更新

容器 , paas , 服務器 , saas , 運維

收藏 評論

shiwangdehuangdou_bpfcez 頭像

Yops_運維易 - 這款運維面板把 SSL 配置做到極簡！免費證書 + 自動續簽一次搞定

在網站上線之前，除了代碼和服務器的準備，安全性同樣是繞不開的話題。 如果沒有 SSL 證書，網站往往會在瀏覽器中被標記為“不安全”，用户在訪問時容易產生不信任感；而且傳輸的數據都是明文，黑客可以輕易竊取敏感信息，比如登錄賬號、支付數據等。 你也不想總是被無視風險，繼續....吧 而配置 SSL 證書後，網站就能開啓 HTTPS 協議，實現用户與服務器之間的加密傳輸。這樣不僅能有效保護

容器 , 運維 , HTTPS , Linux , 安全

收藏 評論

tencent_blueking 頭像

騰訊藍鯨智雲 - 【運維自動化-標準運維】標準運維標準插件使用技巧-[藍鯨服務]篇

藍鯨智雲標準運維，以下簡稱標準運維 標準運維中的標準插件：標準運維自帶封裝好的插件，主要是藍鯨平台各個產品的原子操作，可以直接拖拽到流程畫布裏使用。如果標準運維插件不滿足，則需要自定義開發插件。 默認標準插件有哪些 部署完社區版，標準運維裏默認有以下標準插件，覆蓋5個類醒，總數40+ 【藍鯨服務】標準插件使用方法 1、HTTP請求 該插件使用需要確保請求的URL在當前網絡下是能訪問

容器 , paas , 服務器 , saas , 運維

收藏 評論

abigmiu_6623a1b3cafc9 頭像

abigmiu - cnb 如何持久化mysql 和 redis

cnb 如何持久化mysql 和 redis 1. 安裝 mysql 和 redis services: mysql: image: mysql:5.7 container_name: mysql environment: # 密碼 MYSQL_ROOT_PASSWORD: a12346789 # 允許本地連接 MY

容器

收藏 評論

invalidnull 頭像

註銷 - node.js 項目中執行 npm install 命令後看到的 idealTree inflate 的含義

隱身窗口是Chrome瀏覽器的一項隱私功能，它允許用户在瀏覽網頁時保護個人隱私。當用户在隱身窗口中瀏覽時，瀏覽器不會保存瀏覽歷史、搜索歷史、下載記錄以及填寫的表單數據。這一功能有助於用户在不留下痕跡的情況下訪問網頁，尤其是在共享計算機或公共場所使用時更為重要。 隱身窗口的核心特性 不保留瀏覽歷史記錄： 隱身窗口模式下，Chrome瀏覽器不會保存用户的瀏覽歷史記錄。這意味着在關閉隱身窗口後，之前

spring , ruby-on-rails , node.js , 前端 , Javascript

收藏 評論

zihuai1949 頭像

紫槐 - 基於vue3+threejs實現太陽系與奧爾特雲層（結尾附源碼）

基於vue3+threejs實現太陽系與奧爾特雲層（結尾附源碼） 先看效果，附源碼地址，看完覺得還不錯的還望不吝一個小小的star 在線預覽：預覽 1 快速上手 1.1 在項目中使用 npm 包引入 Step 1: 使用命令行在項目目錄下執行以下命令 npm install three@0.148.0 --save Step 2: 在需要用到 three 的 JS 文件中導入

three.js , vue3

收藏 評論

infinilabs 頭像

極限實驗室 - 如何實現一個充滿科技感的官網（二）

背景 在上一篇文章 《如何實現一個充滿科技感的官網（一）》 中，我們初步瞭解了該官網的整體設計，並與大家探討了它的視覺呈現和用户體驗。 我們前期的內部設計偏向簡潔，所以開始思考如何提升網站的整體設計感。這些嘗試便由此展開。 網站地址：https://infinilabs.com/ 如果你對動態背景的實現感興趣，這篇文章將帶你深入探索，揭秘如何從零打造一個兼具美感與功能性的企業官網！ 技術選型

react , three.js , next.js

收藏 評論

hui_61e3b3803b922 頭像

xachary - 使用Three.js如何通過代碼動態改變模型的視角

場景 作為剛剛接觸 Three.js 的小白，在工作中遇到下面的需求： 加載一個 3D 模型 通過代碼切換預設的任意模型的視角 最終效果（在線示例）： 👆基於官方示例增加的控制代碼 我們通過官方示例可以知道，只要使用 OrbitControls 就可以通過鼠標調整模型的視角。可是，能不能通過代碼，切換特定的視角呢？有沒有官方的 API 可以實現這個交互呢？小白暫時未能找到拿來即用的示例

three.js , 3d , 前端

收藏 評論

wupeng_5a4de5c290b9d 頭像

PatWu16 - DragControls拖拽插件優化：從指定平面到任意平面

現狀：Threejs官方demo提供了DragControls.js平面拖拽控件，但只能拖拽Object在垂直於相機法線的平面上移動 目標場景：在六面體空間盒子中沿着六面體平面拖拽物體，並且需要限制在盒子內部 已知：空間盒子大小，對象所在的平面 方案設計： 將Object拖拽依賴的信息放在userData中，示例如下 基於拖拽控件，改造部分關鍵代碼，實現目標 // 模型對

three.js , 前端 , Javascript

收藏 評論

vivo_tech 頭像

vivo互聯網技術 - 基於three.js的虛擬人陰影渲染優化方案

作者：來自 vivo 互聯網大前端團隊- Su Ning 本文將探討 three.js 中的陰影渲染機制，並分享一些針對性能和效果優化的實用技巧，幫助開發者在不同場景下做出最佳的權衡選擇。 一、前言 在3D網頁應用中，高質量的陰影渲染對於營造場景的真實感至關重要。作為廣泛採用的 WebGL 框架之一，three.js 為開發者提供了多種陰影渲染選項，使得創建生動逼真的光影效果成為可能。然而，實現這

three.js , web3 , 前端

收藏 評論

front_yue 頭像

Front_Yue - 使用Three.js渲染器創建炫酷3D場景

引言 在當今數字化的時代，3D圖形技術正以其獨特的魅力在各個領域掀起波瀾。從影視製作到遊戲開發，從虛擬現實到網頁交互，3D場景以其強烈的視覺衝擊力和沉浸式的體驗，成為了吸引用户、傳達信息的重要手段。而Three.js，作為一款功能強大且廣受歡迎的JavaScript 3D庫，為我們提供了便捷、高效的途徑來創建令人炫目的3D場景。本文將深入探討使用Three.js渲染器創建炫酷3D場景的方方面面，帶

three.js , 3d , Javascript

收藏 評論

xishui_5ac9a340a5484 頭像

夕水 - 手寫一個動態海洋和天空效果的vue hooks

背景 常規的後台管理系統登陸頁面可能就只是一個簡單的背景頁面，這不太好看，接下來讓我們來使用three.js來實現一個動態的海洋和天空效果當作背景，這樣的效果總會讓人眼前一亮，如下圖所示。 代碼實現 接下來，讓我們用trae來編寫實現這個功能吧。 1. 組合式 API 初始化 import { onMounted, onBeforeUnmount } from "vue"; import * a

vue.js , three.js , 前端 , Javascript

收藏 評論

yourena_c 頭像

友人A - threejs接入gis地圖

把 TIF 解析成可用紋理（如 PNG/JPEG 或直接用 TIF）。 把它當作材質貼到一個 PlaneGeometry 上。 按照它對應的座標範圍換算成 Three.js 世界座標。 把 Plane 放置在對應位置。 !DOCTYPE html html head meta charset="UTF-8" titleThree.js Scene/title style

three.js

收藏 評論

yourena_c 頭像

友人A - 低代碼數字孿生三維開發框架

🚀 【重磅發佈】Meteor3DEditor —— 你的數字孿生世界，從此觸手可及！ 還在為複雜的3D開發頭疼？Meteor3DEditor 來了！基於 Three.js + Vue3 打造的全新低代碼數字孿生平台，讓你像玩積木一樣輕鬆搭建3D場景！🎮 ✨ 為什麼選擇 Meteor3DEditor？ ✔ 零門檻可視化編輯 —— 拖拽組件，自由佈局，無需深厚編程基礎 ✔ 超強二次開發

three.js , 低代碼開發平台 , 三維模型 , gis

收藏 評論

yourena_c 頭像

友人A - threejs-夜景

記錄threejs實現夜景光照、投影、陰影、反射、材質顏色編碼的效果 主要是光源設置了shadow、encoding !DOCTYPE html html head meta charset="UTF-8" titleThree.js Scene/title style body { margin: 0; }

three.js , 三維模型 , gis , 前端

收藏 評論

yourena_c 頭像

友人A - threejs的transformControls拖拽結束的異常

transformControls拖拽結束以後會以結束點的射線拾取重新選中新的模型，這裏發現是監聽事件的問題 // 創建 TransformControls const transformControls = new TransformControls(camera, renderer.domElement); const transformControlsHelp

three.js , 前端 , Javascript

收藏 評論

huyouxueboshi 頭像

水木清華 - Three.js實現3D地圖可視化-省份

實現效果 數據來源 地圖的是通過這個 shape 描繪成形狀展示的，數據可以通過 datav.aliyun 地圖json小工具 獲取到 數據拿到之後，就是展示的問題，直接展示是不行的，需要通過 d3 對數據處理，才能按照正確的地圖樣子展示 import * as d3 from "d3"; //莫開託座標 矯正地圖座標 //center 的位置可以自己定 const ha

vue.js , three.js , Javascript

收藏 評論

vivo_tech 頭像

vivo互聯網技術 - 擁抱新一代 Web 3D 引擎，Three.js 項目快速升級 Galacean 指南

作者： vivo 互聯網前端團隊- Su Ning 本文從多個維度對比 Galacean 和 Three.js 兩款Web3D 引擎的差異，並介紹擬我形象項目從Three.js 切換到 Galacean 以後帶來的提升以及項目遷移的心得，為其他 Three.js 項目升級到 Galacean 提供參考。 1分鐘看圖掌握核心觀點👇 一、背景 Web 3D 技術的發展日新月異，為我們帶來了

three.js , 前端

收藏 評論