收藏 / 列表

yunpan-plus 頭像

雲棧開源日記 - 拆解一個真實電商項目：微服務架構中的服務治理與性能優化

💡 項目背景 假設你接手了一個電商項目的重構任務： 現狀：單體應用，代碼20萬行，部署一次需要1小時 目標：拆分為微服務架構，支持獨立部署和彈性擴展 你會從哪裏入手？ 按業務域拆分還是按技術層拆分？ 如何保證服務間調用的可靠性？ 分佈式環境下的緩存和事務怎麼處理？ 本課程以母嬰電商平台改造為線索，探討微服務落地過程中的技術決策與實現細節，涵蓋服務註冊、負載均衡、配置中心等核心模塊

後端

liuyue_5e7eb6745e089 頭像

劉悦的技術博客 - 青山不遮，畢竟東流，集成Web3.0身份錢包MetaMask以太坊一鍵登錄(Tornado6+Vue.js3)

原文轉載自「劉悦的技術博客」https://v3u.cn/a_id_213 上世紀九十年代，海灣戰爭的時候，一位美軍軍官擔心他們的五角大樓會被敵人的一枚導彈幹掉，從而導致在全球的美軍基地處於癱瘓狀態。這時候，有一位天才的科學家説，最好的中心就是沒有中心。是的，這就是最樸素的去中心化思想，於是互聯網出現了。一個沒有互聯網的時代是無法想象的，互聯網的核心就是把一個信息分成若干的小件，用不同的途徑傳播出

vue.js , 區塊鏈 , 區塊鏈開發 , tornado , 認證授權

simonbaker_5ec61c266b1df 頭像

simonbaker - window.name和postMessage跨域詳解

文章不易，請關注公眾號 毛毛蟲的小小蠟筆，多多支持，謝謝。 概念 window.name 1、在一個窗口還沒關閉之前，同一個窗口的所有頁面都共享同一個window.name。 這個窗口可理解為chrome瀏覽器的一個tab標籤頁面。另外，從一個頁面中跳轉到另一個頁面後，這些頁面都共享同一個window.name。 2、每個頁面都能讀和寫window.name。 這個可能就是安全問題的來源。 3、w

postmessage

skychx 頭像

鹵代烴 - ⚡️ [性能優化] 瀏覽器跨域帶來的一些性能問題

前言 字節 Web Infra 團隊最近開啓新一輪招聘了，如果你對 Web Framework/Runtime/Performance，或對編譯構建/Rust/AI 感興趣，可以來看看我們的崗位（具體崗位信息可以看這個招聘鏈接 👉 字節跳動 Web Infra - Web Solutions 團隊招人啦！） 簡歷可以發到我的郵箱 skychx@hotmail.com，我可以幫你內推崗位並跟

性能優化 , 跨域 , 前端

xishui_5ac9a340a5484 頭像

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

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

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

camille_5f9b7f6b8693f 頭像

牛仔碼農 - Javaweb入門完整版學習教程，簡單粗暴，通俗易懂！

JavaWeb是用Java技術來解決相關web互聯網領域的技術總和，Java提供了技術方案可以解決客户端和服務器端的實現。 web包括：web服務器和web客户端兩部分。 Java在客户端的應用有 java applet，不過使用得很少，Java在服務器端的應用非常的豐富，比如Servlet，JSP和第三方框架等等。 Java技術對Web領域的發展注入了強大的動力。 目前，Java Web開

servlet , JAVA , jsp , 後端 , 前端

shenfq 頭像

Shenfq - 在命令行裏也能用 React

用過 React 的同學都知道，React 作為一個視圖庫，在進行 Web 開發的時候需要安裝兩個模塊。 npm install react --save npm install react-dom --save react 模塊主要提供了組件的生命週期、虛擬 DOM Diff、Hooks 等能力，以及將 JSX 轉換為虛擬 DOM 的 h 方法。而 react-dom 主要對外暴露一個 rend

react , terminal , 前端 , Javascript

tusi_5c8a591841687 頭像

程序員白彬 - npm init @vitejs/app的背後，僅是npm CLI的冰山一角

結尾的話説在前面。 我有時候會得出這樣的結論：原來那些我不常用的命令或工具，都是為了解決大佬們遇到的問題而存在的！ 我們每天都和npm打交道，但是不少人對npm的掌握程度還停留在一個比較淺的層面（當然這也包括我）。就比如説一個用 vite 創建 app 的命令npm init @vitejs/app，很多人就懵了，“npm init不是用來創建package.json文件的嗎？” 同樣還有n

cli , npm , 前端

aqiongbei 頭像

aqiongbei - 手動點擊與代碼中調用click方法兩者的區別

問題描述 在看事件循環相關視頻的時候發現其中有一個例子不理解，查了資料才明白其中的緣由，遂以志之。問題是這樣的： button id="button"button/button button.addEventListener("click", () = { Promise.resolve().then(() = console.log("Microtask 1")); consol

eventloop , 事件循環 , 同步 , 前端 , Javascript

_6085362b65292 頭像

HZFEStudio - New 操作符的原理

完整高頻題庫倉庫地址：https://github.com/hzfe/awesome-interview 完整高頻題庫閲讀地址：https://febook.hzfe.org/ 相關問題 new 操作符做了什麼 new 操作符的模擬實現 回答關鍵點 構造函數 對象實例 new 操作符通過執行自定義構造函數或內置對象構造函數，生成對應的對象實例。 知識點深入 1. new 操作符做了什麼

面試 , new , es5 , 前端 , Javascript

liuyuxuan6666 頭像

LYX6666 - 理解觀察者模式——用Angular的httpClient來解釋觀察者

前言 本文關鍵詞：觀察者模式。 觀察者模式是什麼？ 觀察者模式和回調函數有什麼關係？ 使用httpClient時，加上.subscribe有什麼作用？ Angular的httpClient中如何體現觀察者模式？ 解決了上述問題之後，就寫了這篇文章。 （這篇文章實際上是給上一篇文章填個坑...上一篇寫到回調函數，卻沒有給出實際應用的例子。） 引入問題：httpClient http

觀察者模式 , angular , 回調函數 , 前端 , Javascript

momeak9 頭像

泯瀧 - 使用Node.js、pm2和ssh2模塊實現一個簡單的Node.js項目部署腳本

本文將介紹如何使用Node.js和ssh2模塊實現一個簡單的部署腳本，將本地的項目文件上傳到遠程服務器上。我們將使用dotenv模塊來管理環境變量，以及child_process模塊來執行命令行操作。 首先，我們需要安裝ssh2和dotenv模塊： npm install ssh2 dotenv --save 然後，我們需要在項目根目錄下創建一個.env文件，用來存放一些敏感的配置信息，例如服務器

node.js , pm2 , ssh2 , 前端

zxc7563598 頭像

蘇琢玉 - 我寫了個腳本，統計了我自己寫了多少行代碼（純圖一樂）

為什麼要做這件事？ 老實説，我平時不太在意自己到底寫了多少行代碼。 一方面是因為這東西真沒啥太大參考價值，想刷行數的話，複製粘貼個幾千行都不是事；另一方面也是因為誰都知道：代碼質量和行數沒什麼關係。 但有時候，好奇心就是擋不住。 就像你聽到別人講“十萬小時定律”的時候，會突然想： “哎，那我到底練習了多久？” 我寫代碼已經很多年了，也做了不少項目，大部分都丟在 GitHub 上沒怎麼管過。突

教程 , 知識 , shell

qfifteen 頭像

十五 - 中後台開發必修課：Vue 項目中 Pinia 與 Router 完全攻略

前言 本篇文章主要講解如何來配置 Pinia 和 Vue Router 本文也是《通俗易懂的中後台系統建設指南》系列的第二篇文章，該系列旨在告訴你如何來構建一個優秀的中後台管理系統 寫在前面 路由(Router)和狀態管理(Vuex、Pinia)是 Vue 項目中的常客。基本上在 Vue 的項目中，我們構建一個 Web 應用都離不開它們，如果你是 Vue2 的用户，那麼你對它們不會陌生 如果你是跟

vue.js , pinia , router , 前端

haixiudezhusun 頭像

高德開放平台 - 高德空間智能：賦能vivo藍河生態，讓AIoT設備成為出行“智慧夥伴”

2025年10月10日，廣東深圳vivo開發者大會（VDC）上，高德開放平台AIoT業務線產品負責人董佳玉，正式對外呈現了雙方合作的成果——基於藍河操作系統，我們以“雲+端”協同架構為基礎，為不同形態的AIoT設備註入出行智慧，讓用户在腕間、眼前都能享受到連貫高效的服務。 （高德開放平台AIoT業務線產品負責人 董佳玉） Part 01 高德開放平台：空間智能的探索與實踐 作為專注於空間智

物聯網 , 後端 , 前端

lirong_60404fde6d52d 頭像

李不要熬夜 - ES6 變量作用域與提升：變量的生命週期詳解

本文詳細討論了 JavaScript 中作用域、執行上下文、不同作用域下變量提升與函數提升的表現、頂層對象以及如何避免創建全局對象等內容。 變量作用域與提升 在 ES6 之前，JavaScript 中只存在着函數作用域；而在 ES6 中，JavaScript 引入了 let、const 等變量聲明關鍵字與塊級作用域，在不同作用域下變量與函數的提升表現也是不一致的。在 JavaScript 中，所有

ecmascript-6 , 作用域 , 技術 , 變量 , 前端

grapecity 頭像

葡萄城技術團隊 - C# SIMD向量索引實戰：從理論到高性能實現

C# SIMD向量索引實戰：從理論到高性能實現 性能革命的起點 想象這樣一個場景：你正在開發一個智能推薦系統，需要從100萬個商品向量中快速找出與用户查詢最相似的前10個商品。如果引入Qdrant的話會增加部署複雜度、嵌入式的Faiss對.NET生態並不友好，該怎麼辦？ 要不自己構建一個向量索引吧。確保同樣的查詢一樣只需要幾十毫秒，和Faiss性能相當！ 這不是紙上談兵，而是我在實際項目中實現的高

索引 , c#

laomao_5902e12974409 頭像

來了老弟 - 前端base64圖片下載報錯(已解決！！！)

前端下載base64格式圖片時，報錯：Not allowed to navigate top frame to data URL，代碼如下： a href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAIUlEQVQ4jWMUXfH6PwOVABO1DBo1bNSwUcNGDRs1DAcAAJNsAs1

base64 , 前端

yourena_c 頭像

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

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

three.js , 前端 , Javascript

hai2007 頭像

你好2007 - 理解prototype和__proto__（繼承與原型鏈）

從關係圖中可以看出來，ECMAScript中創建一個對象是通過new構造函數實現的，而本質上來説這個對象其實是以構造函數的屬性prototype指向的對象為基本模板的，因此新對象的__proto__屬性表明了自己來源於誰。 prototype 該屬性用來指向創建一個對象的基本模板，默認指向new構造函數，也可以修改，或者通過改屬性為新對象添加屬性。 需要注意的是，該屬性只有函數才有。 //構造函

prototype , 前端 , Javascript

data_ai 頭像

數據庫知識分享者 - 淺談專有云MQ存儲空間的清理機制

簡介： 淺談專有云MQ存儲空間的清理機制 在近⼀年的項⽬保障過程中，對專有云MQ產品的存儲⽔位清理模式⼀直存疑，總想一探究竟但又苦於工作繁忙、精力有限，直到最近⼀次項⽬保障過程中再次出現了類似的問題，⼤家對MQ Broker的⽔位清理機制仍然⽐較模糊，於是便有了這篇⽂章。希望能通過這篇⽂章將MQ Broker的消息清理機制講清楚。 ⾸先，我們先來看⼀張MQ的消息保存時間和Broker磁盤存

coffeescript , bootstrap , 前端

wuyagege 頭像

雲綺棠兮 - element-UI組件工具中button的原生代碼

實現的效果圖 實現代碼 !-- * @Author: [you name] * @Date: 2021-10-13 14:27:18 * @LastEditors: [you name] * @LastEditTime: 2021-10-14 16:21:38 * @Description: -- !DOCTYPE html html lang="en" head met

component , element-ui

changlina 頭像

長林啊 - 掌握 React Hooks：現代 React 開發的必備技能

大家好，我是長林啊！一個愛好 JavaScript、Go、Rust 的全棧開發者；致力於終身學習和技術分享。 本文首發在我的微信公眾號【長林啊】，歡迎大家關注、分享、點贊！ Hooks 是 React 官方團隊在 React 16.8 版本中正式引入的概念。通俗的講，Hooks 只是一些函數，Hooks 可以用於在函數組件中引入狀態管理和生命週期方法；如果希望讓 React 函數組件擁有狀態管理和

react , hooks , typescript , 前端 , Web

lenglengdechaomian 頭像

冷冷的炒麪 - 申請SSL證書的詳細步驟：JoySSL免費政務版和教育版

一、 申請資格與準備 首先，請確認您的單位屬於以下類型： 政府機關、事業單位、公立學校、教育機構、教育平台 申請前，請準備好： 1.您的域名（例如：www.xxx.gov.cn 或 edu.xxx.com）。 2.單位證明文件（如：事業單位法人證書或統一社會信用代碼證書）。 3.聯繫人信息（姓名、電話、郵箱）。 免費SSL證書快速申請入口 直接訪問JoySSL，註冊一個賬號記得填寫註冊碼23

觀點 , 編輯器 , 資訊 , 知識 , 前端