收藏 / 列表

yunpan-plus 頭像

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

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

後端

liuyue_5e7eb6745e089 頭像

劉悦的技術博客 - 日夕如是寒暑不間，基於Python3+Tornado6+APScheduler/Celery打造併發異步動態定時任務輪詢服務

原文轉載自「劉悦的技術博客」https://v3u.cn/a_id_220 定時任務的典型落地場景在各行業中都很普遍，比如支付系統中，支付過程中因為網絡或者其他因素導致出現掉單、卡單的情況，賬單變成了“單邊賬”，這種情況對於支付用户來説，毫無疑問是災難級別的體驗，明明自己付了錢，扣了款，但是訂單狀態卻未發生變化。所以，每一筆訂單的支付任務流程中都需要一個定時輪詢的備選方案，一旦支付中發生問題，定時

python3.x , 定時任務 , celery , tornado , Python

simonbaker_5ec61c266b1df 頭像

simonbaker - svg圖標引發的思考：想晉升高級？這些得了解。

問題背景： 我在優化整理項目代碼的時候，發現項目中有通過svg-icon name="xxx"/svg-icon方式引用的svg圖標，也有通過iconfonti class="iconfont xxx"/i引用的圖標。 然後當好幾個項目改造為對接微前端的時候，發現有些樣式衝突了（千萬不要小看樣式問題（看似簡單的問題），往往背後藏着不少值得深挖的學問） 復現步驟： 先在微前端中打開A項目，圖標顏色是

前端 , svg

skychx 頭像

鹵代烴 - 🪢 [網絡協議] 淺談 HTTP 優先級算法的演進

如果你喜歡我的文章，希望點贊👍 收藏 📁 評論 💬 三連支持一下，謝謝你，這對我真的很重要！ 前兩天在「即刻」上一時興起寫了一段 HTTP 優先級的發展歷程，這兩天覺得當時寫的還是太倉促了，所以準備寫個 Blog 擴寫一下，就「優先級」這個概念縱向分析，看看這些基礎協議的發展和進化。 正式講之前先列個時間線，這樣的話對以下內容的理解會有個更直觀的認識： 1997 年，經過前幾年幾

http3 , http-2 , HTTP , 網絡傳輸協議 , 前端

xishui_5ac9a340a5484 頭像

夕水 - 為了方便學習icss項目上的css技巧，我用next.js寫了一個網站

icss-website 一、項目簡介與定位 icss-website 是一個基於 Next.js 14（App Router 架構）開發的現代化 CSS 技巧展示平台，致力於為前端開發者、設計師和技術愛好者提供一個高效、優雅、易用的 CSS 奇技淫巧學習與交流空間。項目以 GitHub 上的 iCSS 倉庫為內容源，通過 API 動態獲取、分類、展示和高亮 CSS 相關的文章與代碼示例，支持多主

next.js , 前端

camille_5f9b7f6b8693f 頭像

牛仔碼農 - Java基礎學習教程，eclipse簡單安裝使用講解（Java集成開發工具）

使用集成開發工具eclipse 開始之前，先給大家分享一個超詳細的eclipse教程，包含eclipse安裝包，視頻講解等等。 https://www.bilibili.com/vide... 1、java的集成開發工具很多，包括：eclipse、Intellij IDEA、netbeans..... eclipse IBM開發的。eclipse翻譯為：日食。寓意吞併SUN公司（SUN是太陽

編輯器 , eclipse , JAVA , 後端

shenfq 頭像

Shenfq - 前端模塊化的前世

隨着前端項目的越來越龐大，組件化的前端框架，前端路由等技術的發展，模塊化已經成為現代前端工程師的一項必備技能。無論是什麼語言一旦發展到一定地步，其工程化能力和可維護性勢必得到相應的發展。 模塊化這件事，無論在哪個編程領域都是相當常見的事情，模塊化存在的意義就是為了增加可複用性，以儘可能少的代碼是實現個性化的需求。同為前端三劍客之一的 CSS 早在 2.1 的版本就提出了 @import 來實現模塊

前端模塊化 , seajs , commonjs , requirejs , 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 - 從零起步，真正理解Javascript回調函數

零、前言 總聽到這麼一個詞語：回調函數。 對於它的瞭解，只知道在微信的網頁授權用到了回調，以及在Angular中可以用觀察者模式進行.subscribe訂閲，但對於它原理的理解，卻是一團漿糊。直到昨天開會時，突然被問到回調函數的知識，我才意識到自己真的不理解。 一、基礎知識：JavaScript標準寫法 我們先從最簡單的寫法入手，一步一步走向回調函數。 （如果熟悉語法，請跳到第二節）

angular , 回調函數 , typescript , 前端 , 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 頭像

蘇琢玉 - PHP 項目裏，哪些功能讓你一次次「重複造輪子」

寫 PHP 第 7 年了，我發現有些功能簡直像韭菜——項目一換就得重新割一遍。 手機號歸屬地、參數校驗、唯一 ID、地址解析……是不是你也寫過不止一次？ 有些功能不難，但就是麻煩： 做個小商城，要寫個 促銷規則引擎 做個 API，就得來一遍 參數驗證器 做用户註冊登錄，要寫個 TOTP 動態口令 做支付結算，要造個 唯一 ID 生成器 這些功能並不是多複雜的“高大上算法”，但就是又常見

composer , php

qfifteen 頭像

十五 - 參透 JavaScript —— 圖解 Event Loop 事件循環

前言 本篇文章主要講解瀏覽器中事件循環(Event Loop) 那些事 單線程 JavaScript 中的同步和異步 同步任務是立即執行的任務，在調用棧(Call Stack)順序執行 異步任務則不同，它在同步任務沒完成之前，不會進入主線程，而是將對應回調函數註冊到隊列中，要理解這一步，我們先要知道任務隊列 任務隊列 在調用棧(Call Stack)中，如果遇到一個異步操作，那麼會將對應的回調函數

promise , 事件循環 , 異步任務隊列 , 異步編程 , Javascript

haixiudezhusun 頭像

高德開放平台 - 高德開放平台全球LBS服務，MCP Server正式登陸阿里云云市場

高德地圖作為全球領先的LBS提供商，憑藉其強大的數據處理能力和廣泛的地理信息覆蓋，每日處理定位及路徑規劃需求超過千億次。高德地圖數據覆蓋全球200多個國家和地區，擁有7000w個國內POI數據、1.2億海外POI數據，同時覆蓋全球4億地址數據。並且基於全球路網、路況數據的全面覆蓋，為用户提供全球範圍內的精準、實時的地圖服務，滿足多樣化的地理信息需求。 今日，高德開放平台宣佈正式入駐阿里云云市場，推

地圖開發 , 資訊 , 人工智能 , 前端

lirong_60404fde6d52d 頭像

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

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

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

grapecity 頭像

葡萄城技術團隊 - 前端性能優化終極清單：提升你的網站速度與用户體驗

在當今的 Web 生態中，性能即功能。用户期望網站加載瞬間完成，交互無比流暢。搜索引擎（尤其是 Google）也將核心 Web 指標 (Core Web Vitals) 等性能因素作為排名的重要依據。一個緩慢的網站會直接導致用户流失、轉化率下降和品牌形象受損。 這份前端性能檢查清單旨在為你提供一個系統性的框架，幫助你識別、診斷並修復影響網站速度的關鍵瓶頸。它涵蓋了從基礎測量到高級優化的各個

性能優化 , 前端

laomao_5902e12974409 頭像

來了老弟 - JS從扁平array轉tree

有時我們需要從扁平的數組結構(flat array)，根據id，和pid構建出樹形數組結構(tree array)，這種情形經常出現在嵌套的目錄結構，如下圖： 或者企業的部門架構，也會出現上面的類似結構。 類似上面的情景，假如我們有以下的數據： let entries = [{ "id": "12", "parentId": "0", "text": "Man",

遞歸

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

hai2007 頭像

你好2007 - Symbol + Generator函數 + Promise

一：Symbol 1.1 基本使用 簡單的説，Symbol就是一個絕對唯一的key值，類似之前obj['key']='value'這種操作的字符串'key'，好處是絕對不會重複，避免覆蓋之前的值。 Symbol是一個方法，會返回一個唯一的symbol，可以帶參數，比如：var sy=Symbol('sy-name')，不過這只是為了方便查看，加不加目前沒有區別。 var sy1=Symbol(),

ecmascript-6 , promise , symbol , generator , Javascript

data_ai 頭像

數據庫知識分享者 - 記一個詭異的TCP揮手亂序問題

本文內容包括但不限於：tcp四次揮手（同時關閉），tcp包的seq/ack號規則，tcp狀態機，內核tcp代碼，tcp發送窗口等知識。 問題是什麼？ 內核版本linux 5.10.112 一句話：四次揮手中，由於fin包和ack包亂序，導致等了一次timeout才關閉連接。 過程細節： 同時關閉的場景，server和client幾乎同時向對方發送fin包。 client先收到了server的

tcp , 雲計算 , tcp-ip , 阿里雲 , 遷移

wuyagege 頭像

雲綺棠兮 - JavaScript創建對象的多種方法

方法一 ----通過字面量創建 let obj = { name: 'zhang', age: 12, sayName: function () { console.log(this.name); } } console.log(obj);//{ name: 'zhang', age: 12, sayName: [Function: sayName

prototype , object , Javascript

changlina 頭像

長林啊 - React 調試不求人：VS Code 與 Chrome 的終極指南

大家好，我是長林啊！一個 Go、Rust 愛好者，同時也是一名全棧開發者；致力於終生學習和技術分享。 本文首發於微信公眾號《全棧修煉之旅》，歡迎大家關注！ 在開發過程中，調試無疑是我們解決疑難雜症的手段之一，但調試不僅僅是在解決 Bug 的時候才能應用的技能，當拿到一個新的項目時，我們也可以通過調試的方法，去快速瞭解代碼、熟悉業務。 本文工具及代碼環境： Visual Studio

框架學習 , react , next.js , 前端 , Web

lenglengdechaomian 頭像

冷冷的炒麪 - 如何申請國產SSL證書

什麼是SSL證書 SSL證書是安裝在網站服務器上的數字證書，它能讓網站地址從"http://"變成"https://"，並在瀏覽器地址欄顯示小鎖圖標。主要作用是： 加密數據傳輸，防止信息被竊取 驗證網站真實性，防止釣魚網站 提升用户信任度和SEO排名 國產SSL證書是由中國認證機構頒發的，符合國內監管要求，適合國內企業使用。 選擇國產SSL證書機構 國內主流的SSL證書頒發機構有： 1.CF

HTTP , HTTPS , 知識