收藏 / 列表

雲棧開源日記 - 前後端全棧技術棧深度剖析:從Vue到Node.js的完整學習路徑

做了三年前端,發現自己還停留在"調用API"的層面?想突破瓶頸卻找不到方向?本文從實際項目出發,梳理了前端進階的關鍵技術節點:框架底層原理、全棧開發能力、工程化思維,以及那些面試官真正關心的技術深度。 📚 介紹 前端全棧技術體系深度解析 本技術資料系統梳理了現代Web前端開發的完整技術棧,適合有一定基礎的開發者進行系統性學習和技術深度提升。 技術覆蓋範圍 基礎夯實部分 從JavaScript核

前端

劉悦的技術博客 - ChatGPT採用的Server-sent events後端實時推送協議Python3.10實現,基於Tornado6.1

善於觀察的朋友一定會敏鋭地發現ChatGPT網頁端是逐句給出問題答案的,同樣,ChatGPT後台Api接口請求中,如果將Stream參數設置為True後,Api接口也可以實現和ChatGPT網頁端一樣的流式返回,進而更快地給到前端用户反饋,同時也可以緩解連接超時的問題。 Server-sent events(SSE)是一種用於實現服務器到客户端的單向通信的協議。使用SSE,服務器可以向客户端推送實

vue.js , python3.x , server-sent-events , tornado , chatgpt

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

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

前端 , svg

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

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

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

牛仔碼農 - Ajax實戰學習教程,ajax基礎原理及使用詳解

在學習AJAX之前,大家應該對AJAX有一個簡單的瞭解。 AJAX 是一種在無需重新加載整個網頁的情況下,能夠更新部分網頁的技術。通過在後台與服務器進行少量數據交換,AJAX 可以使網頁實現異步更新。這意味着可以在不重新加載整個網頁的情況下,對網頁的某部分進行更新。 Ajax教程看哪個好?網絡上的AJAX入門教程五花八門,讓很多小夥伴看得眼花繚亂。這裏也推薦我看過的ajax視頻,動力節點的A

Ajax , JAVA , ajax跨域 , 後端 , 前端

Shenfq - JavaScript 異步編程史

前言 早期的 Web 應用中,與後台進行交互時,需要進行 form 表單的提交,然後在頁面刷新後給用户反饋結果。在頁面刷新過程中,後台會重新返回一段 HTML 代碼,這段 HTML 中的大部分內容與之前頁面基本相同,這勢必造成了流量的浪費,而且一來一回也延長了頁面的響應時間,總是會讓人覺得 Web 應用的體驗感比不上客户端應用。 2004 年,AJAX 即“Asynchronous JavaScr

promise , async-await , generator , 前端 , Javascript

程序員白彬 - then, catch, finally如何影響返回的Promise實例狀態

雖然Promise是開發過程中使用非常頻繁的一個技術點,但是它的一些細節可能很多人都沒有去關注過。我們都知道,.then, .catch, .finally都可以鏈式調用,其本質上是因為返回了一個新的Promise實例,而這些Promise實例現在的狀態是什麼或者將來會變成什麼狀態,很多人心裏可能都沒個底。我自己也意識到了這一點,於是我通過一些代碼試驗,發現了一些共性。如果您對這塊內容還沒有把握,

promise , 前端 , Javascript

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

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

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

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

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

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

泯瀧 - 「譯」如何寫出更好的Typescript代碼

鏈接:https://medium.com/@technicadil_001/how-to-write-better-types... 作者:Debabrata Dash 原標題:How to write better Typescript codes? 在本文中,我們將討論大約 15 個編寫更好的 Typescript 代碼的技巧。 譯者:本文討論了 15 個實用技巧,以幫助開發者編

ecmascript-6 , typescript , HTML , 前端 , Javascript

蘇琢玉 - 自動化我的友鏈申請腳本:讓孤島互相連起來

友鏈這東西,説出來有點浪漫。 2025 年了,個人博客基本沒有什麼流量,更多像是一座座散落在海上的小島。 偶爾有海風吹過,但大多數時候,就是悄悄發光、自娛自樂。 而友鏈……就像是在這些小島之間鋪上一條條細細的橋。 你看不到橋的盡頭,但知道那裏至少還有一個同樣孤獨、同樣固執的人。 為什麼拖了這麼久才開放友鏈申請? 剛寫博客那陣子,我其實沒太敢申請友鏈。不是因為不想被發現,而是因為我真的

node.js , 知識 , 博客 , 前端

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

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

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

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

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

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

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

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

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

葡萄城技術團隊 - 認證與授權全攻略:從 Basic、JWT 到 RBAC、ABAC,開發者該怎麼選?

認證與授權全攻略:從 Basic、JWT 到 RBAC、ABAC,開發者該怎麼選? 引言:別搞混!認證和授權是兩回事 做開發時,我們常把“認證”和“授權”掛在嘴邊,但很多人其實沒分清二者的核心區別: 認證(Authentication):解決“你是誰”的問題——比如登錄時輸密碼、掃人臉,本質是確認“用户身份合法”。 授權(Authorization):解決“你能做什麼”的問題——比如登錄

Jwt

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

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

three.js , 前端 , Javascript

你好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

數據庫知識分享者 - 全新架構!日誌服務 SLS 自研免登錄方案發布

引言 很多用户在使用日誌服務 SLS 時,採用 STS 這種免登的方式,能夠快速將日誌服務的頁面集成到三方的系統中。STS 模式是非常經典且成熟的免登方案,它的優點非常多,例如:能夠充分利用阿里雲賬號 RAM 體系、能夠通用地集成支持 STS 模式的所有云產品、支持客户自定義訪問權限等。 存在問題 隨着時間的推移,STS 模式在多個方面已經不滿足日誌服務客户的需求: 性能問題 STS 模式加載速度

雲計算 , 阿里雲 , 日誌 , 雲原生

雲綺棠兮 - js中如何監聽一個對象中屬性的變化

訪問器屬性特性 訪問器屬性:這個屬性不包含數據值,包含的是一對get和set方法,在讀寫訪問器屬性時,就是通過這兩個方法來進行操作處理的。 訪問器屬性包含的四個特性: [[Configurable]]------表示能否通過delete刪除屬性從而重新定義屬性,能否修改屬性的特性,或能否把屬性修改為訪問器屬性, 默認為false [[Enumerable]]-------表示能否通

set , get , 前端 , Javascript

哈囉技術 - 基於定位的出發地異常問題治理

前言 哈囉作為一家出行互聯網公司,定位這種基礎能力是深度融入在各業務的核心鏈路中的,筆者所在的地圖團隊經常會收到定位相關的badcase,但苦於定位的複雜與較難回收出價值,一直沒有針對性去解決此類問題,那在各大互聯網廠商都在做下沉市場注重用户體驗的今天,我們重新撿起了這個話題。 問題梳理 無位置 由於APP啓動時未獲取到位置,會給用户提示並阻塞發單,用户需要使用POI搜索或拖動地圖的方式選擇出發地

地圖 , 前端

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

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

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

675173ff-65c2-413a-b556-576966012357 - 代理IP行業的未來趨勢:隱私、安全與智能化的新紀元

隨着全球互聯網環境的日益複雜化,代理IP(Proxy IP)早已不再是黑客或數據採集工程師的“專屬工具”,而逐漸成為企業數字化生態中不可或缺的基礎設施。無論是跨境電商、社交媒體運營、廣告驗證,還是AI數據訓練,代理IP都在扮演着越來越關鍵的角色。那麼,未來的代理IP行業將走向何方?本文將從技術、合規、智能化和應用場景四個角度進行深入分析。 一、隱私與合規驅動下的行業重塑 近年來,隱私保護與數據合規

前端 , Javascript

B2Proxy - 2025 年最推薦的3個住宅代理服務商

在跨境電商、廣告驗證、數據採集和 AI 訓練等行業中,住宅代理已成為不可或缺的基礎工具。選擇合適的住宅代理,不僅能提升業務效率,還能有效降低封號、封禁和 IP 被識別的風險。本文將為你推薦三款在 2025 年表現出色的住宅代理服務,其中 第一推薦為 B2Proxy。 一、B2Proxy——全球覆蓋與高可靠性並存 推薦指數:★★★★★ 作為領先的住宅代理提供商,B2Proxy 擁有超過 800

php , 前端

趙大碗 - Joker 智能開發平台-組件生命週期

組件生命週期 本章主要介紹組件生命週期的創建和維護。 如何創建和維護 我們可以在組件數據面板中的邏輯/事件 - 生命週期中來管理我們的組件生命週期。當我們生命週期右側的加號按鈕後,可以添加生命週期函數。添加後,我們即可在這裏維護我們的生命週期邏輯了。(邏輯編排幫助文檔可以在這裏中查看。) 一個組件或者頁面,從創建到銷燬是由完整的一套生命週期函數的,我們可以通過這些函數來實現在不同節點中的業

低代碼 , 低代碼開發平台 , 前端