收藏 / 列表

yunpan-plus 頭像

雲棧開源日記 - Traefik：Go 實現的雲原生反向代理，微服務路由自動化利器

開篇 還在手動修改 Nginx 配置文件嗎？每次新增服務都要 reload 擔心出錯？今天分享一個 Go 語言開發的反向代理項目 Traefik，它能監聽容器平台的服務變化，自動生成路由規則，徹底告別手動配置。 項目介紹 Traefik 是專為微服務和容器化架構設計的現代反向代理和負載均衡器。它最大的特點是動態服務發現——自動監聽 Docker、Kubernetes 等平台的服務變化，實時更新

opensource

liuyue_5e7eb6745e089 頭像

劉悦的技術博客 - 把酒言歡話聊天，基於Vue3.0+Tornado6.1+Redis發佈訂閲(pubsub)模式非阻塞實時通信聊天系統

原文轉載自「劉悦的技術博客」https://v3u.cn/a_id_202 “表達欲”是人類成長史上的強大“源動力”，恩格斯早就直截了當地指出，處在矇昧時代即低級階段的人類，“以果實、堅果、根作為食物；音節清晰的語言的產生是這一時期的主要成就”。而在網絡時代人們的表達欲往往更容易被滿足，因為有聊天軟件的存在。通常意義上，聊天大抵都基於兩種形式：羣聊和單聊。羣聊或者羣組聊天我們可以理解為聊天室，可以

通信協議 , redis , 實時通信 , websocket , tornado

simonbaker_5ec61c266b1df 頭像

simonbaker - XSS和CSRF防禦的經典策略

XSS防禦 1、頁面端防禦 頁面端的XSS防禦的方法，主要是針對輸入和輸出。 一般是在輸入的時候進行校驗，輸出的時候進行轉義。 輸入端的校驗： 所有能輸入的數據，都要列為不可信的數據。在邏輯處理或者存儲之前，都要進行校驗。 校驗的規則儘可能採用白名單而不是黑名單，比如只允許哪些字符，其他字符則一律不通過。 輸出端的轉義： 主要是對準備輸出到html的字符進行轉義。特別是用了v-html的地方。 這

csrf , xss

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 頭像

牛仔碼農 - 超詳細的Servlet實戰教程，10分鐘帶你瞭解servlet

Servlet是什麼？ servlet是Server Applet的簡稱，翻譯過來就是服務程序。 好吧，這麼説你可能還是不太懂，簡單地講，這個servlet是運行在服務器上的一個小程序，用來處理服務器請求的．進一步講，我們知道，一般的網頁程序，是由我們通過瀏覽器訪問來實現的，在這個過程中，我們的瀏覽器發送訪問請求，服務器接收請求，並對瀏覽器的請求作出相應的處理．這就是我們熟悉的B/S模型(瀏覽器－

servlet , JAVA , 後端

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 - 來學一個值錢的知識，Chrome插件如何優雅的捕獲頁面的請求結果

背景 今天在寫一個某網站限流檢測的chrome插件，需要捕獲頁面的某個請求結果。那麼問題就來了，我們該如何捕獲頁面的請求結果呢？我們來捋捋都有哪些方案。 我開發的時候的配置為manifest_version: 3，下文內容也是在這個基礎上展開的。 本文只列舉方案，一些需同步在manifest_version進行配置地方並未提及，請自行配置。 可行的方案 一、chrome.webReques

chrome , chrome-extension , chrome-devtools , 前端 , Javascript

_6085362b65292 頭像

HZFEStudio - ES5、ES6 如何實現繼承

完整高頻題庫倉庫地址：https://github.com/hzfe/aweso... 完整高頻題庫閲讀地址：https://febook.hzfe.org/ 相關問題 關於 ES5 和 ES6 的繼承問題 原型鏈概念 回答關鍵點 原型鏈繼承 構造函數繼承 ES6 類繼承 繼承是指子類型具備父類型的屬性和行為，使代碼得以複用，做到設計上的分離。JavaScript 中的繼承主要通過原型鏈和

ecmascript-6 , 繼承 , 原型鏈 , 前端 , Javascript

liuyuxuan6666 頭像

LYX6666 - 從零開始，理解觀察者模式(思否出問題了，文章後一半被吞了，正在重新寫)

思否出問題了，寫了一整天的文章，字字斟酌，段段構思，發佈的時候被吞了三分之二，我心態崩了，正在瘋狂碼字，下次再也不用內置編輯器碼字了。 零、前言 很久以前就接觸過觀察者模式，也寫過觀察者模式的文章，但以當時的水平尚不足以準確的理解這個設計模式，以至於文章寫的一片混亂。 這次再次嘗試從設計模式的初衷出發，結合計算機組成原理以及實際的應用來重新學習一邊觀察者模式，希望能糾正一些理解。 一、消息通

觀察者模式 , 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 頭像

蘇琢玉 - 如何優雅地處理多種電商優惠規則？我用 PHP 封裝了一個 Promotion Engine

做電商項目時，經常要處理各種各樣的優惠活動：滿減、打折、VIP 專屬優惠、第二件特價、階梯優惠…… 這些單獨實現起來都不復雜，但當你把它們放在一起，就變得混亂起來了。 我自己在工作裏寫過不少類似的邏輯，每次做法差不多：if/else、switch、各種判斷混在一起，過幾個月回頭看代碼，根本不想維護。 於是我乾脆寫了一個小庫，封裝了常見的優惠計算邏輯，讓這件事更清晰，也能隨時在別的項目裏

composer , php

qfifteen 頭像

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

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

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

haixiudezhusun 頭像

高德開放平台 - 高德智能手錶解決方案，助力榮耀手錶5 Ultra開啓智慧出行

6月12日，高德開放平台推出了全新的智能手錶解決方案，憑藉其海量數據與多品類地圖服務的深度融合，為智能穿戴設備帶來了全新的可能性。 這一解決方案不僅覆蓋了全國超過7000萬的POI數據以及海外超過1.2億的POI數據，還實現了全球200多個國家和地區的地圖、搜索、定位和導航服務，滿足了用户在智能守護、運動出行等場景下的多樣化需求。同時，該方案支持多樣化的地圖模板和個性化元素配置，助力開發者快速定製

地圖開發 , 地圖api , 人工智能 , 後端 , 前端

lirong_60404fde6d52d 頭像

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

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

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

grapecity 頭像

葡萄城技術團隊 - 搜索引擎大盤在降，但這絕不是你SEM效果差的藉口

搜索引擎大盤在降，但這絕不是你SEM效果差的藉口 引言：從“流量恐慌”到“策略自信” 作為一個產品經理，我將超過80%的精力都投入在了產品功能打磨、新功能規劃與用户體驗優化上。近期，一個現象引發了我的警覺：我們產品的付費搜索（Paid Search）流量正在逐步下滑。 起初，最直接的歸因似乎顯而易見。受到AI技術發展的廣泛影響（例如搜索結果中的AI整合答案、用户提問習慣的改變），我們從搜索引擎的官

搜索引擎

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 - v-solt 插槽（基礎使用、具名插槽、作用域插槽等）

基本使用 組件通過slot預留位置，使用組件的時候，可以通過傳遞具體的內容去替換slot佔用的地方，這就是插槽。 比如現在定義了一個組件： !-- simple-use.vue -- template div slot/slot /div /template 組件slot/slot佔用的位置具體內容不確定，需要使用的時候傳遞進來，我們就可以這樣使用： simple-use em

vue.js , htm , template.js , 前端 , Javascript

data_ai 頭像

數據庫知識分享者 - 阿里巴巴雲原生大數據運維平台 SREWorks 正式開源

簡介：阿里巴巴雲原生大數據運維平台 SREWorks，沉澱了團隊近10年經過內部業務錘鍊的 SRE 工程實踐，今天正式對外開源，秉承“數據化、智能化”運維思想，幫助運維行業更多的從業者採用“數智”思想做好高效運維。 作者 | 晟白 來源 | 阿里技術公眾號 隨着行業不斷髮展，大數據AI也逐漸呈現雲原生化的趨勢。複雜的業務場景及其背後涉及到的不同技術方向的開源和自研，使得產品運維面臨技術複雜

阿里巴巴 , 大數據

wuyagege 頭像

雲綺棠兮 - 每日算法題--- 爬樓梯（利用JS實現）

假設你正在爬樓梯。需要 n 階你才能到達樓頂。 每次你可以爬 1 或 2 個台階。你有多少種不同的方法可以爬到樓頂呢？ 示例 1： 輸入：n = 2 輸出：2 解釋：有兩種方法可以爬到樓頂。 1. 1 階 + 1 階 2. 2 階 示例 2： 輸入：n = 3 輸出：3 解釋：有三種方法可以爬到樓頂。 1. 1 階 + 1 階 + 1 階 2. 1 階 + 2 階 3. 2 階 + 1 階

遞歸 , 前端

changlina 頭像

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

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

react , hooks , typescript , 前端 , Web

lenglengdechaomian 頭像

冷冷的炒麪 - 網站為什麼要HTTPS訪問？

在瀏覽網站時，您可能注意到有些網址以“http://”開頭，而有些則以“https://”開頭。這個額外的“s”代表着安全（Secure），意味着您的連接受到SSL證書的保護。本文將解釋為什麼HTTPS如此重要。 什麼是HTTPS？ HTTPS是HTTP的安全版本。它通過SSL（安全套接層）或TLS（傳輸層安全）協議對數據進行加密。當網站使用HTTPS時，瀏覽器和服務器之間的所有通信都會被加密，防

觀點 , HTTP , 知識 , 數據庫 , 前端