tag 前端

標籤
貢獻1,076
3398
06:37 AM · Oct 27 ,2025
smileZAZ 頭像 tuzixiansen_63d4d65909d62 頭像 qaz666 頭像 opentiny 頭像 invalidnull 頭像 dirackeeko 頭像 beishangdejianjidan_cqxuxf 頭像 yayu 頭像 junxiudetuoba 頭像 jdcdevloper 頭像 icecreamlj 頭像 xixindehongjiu 頭像

@前端 / 博客 RSS 訂閱

lirong_60404fde6d52d 頭像

李不要熬夜 - XMLHttpRequest對象解析

!DOCTYPE htmlhtmlbody script function reqListener () { console.log(this); console.log(this.getAllResponseHeaders()); console.log(this.responseText); }

xmlhttprequest , Ajax , 前端

收藏 評論

mmmy_a 頭像

Mmmy - 測試環境域名訪問轉發到localhost方法

由於一些客户端測試包存在安全限制，僅支持白名單內的域名才能訪問，對調試本地代碼帶來很多不便，如果不想代碼改動一次就部署一次那就繼續看下去吧~ 眾所周知 charles 是一款非常好用的前端抓包利器，以上問題就可以通過 charles 的 Map Remote 功能實現。Map Remote 可以通過配置映射更改請求位置，即可實現使用測試包調試本地代碼無需部署到環境的訴求。 一、配置流程 ⭐️步驟一

調試技巧 , charles , 調試工具 , 前端

收藏 評論

greywen 頭像

文過其實 - 絕望博弈！一眾大模型加持的猜拳遊戲，人類勝率竟不足10%？

基於 LLM + Next.js 的博弈實戰猜拳遊戲 摘要：當你以為自己在和隨機數生成器玩遊戲時，對面的 AI 正在閲讀你所有的歷史出拳記錄，並寫了一篇關於你心理狀態的小作文。本文帶你拆解這個基於 Next.js 16 + Tailwind v4 + LLM 的“過度設計”+“沒啥技術含量”+”有那麼點意思“項目。 👉 先給老闆們體驗:（具體規則有手就能玩！） 優先地址：https://rps.

前端

收藏 評論

kyle2049 頭像

Kyle - XMLHTTPRequest屬性、方法、事件大全&詳解。

XMLHTTPRequest屬性、方法、事件整理大全。 xhr 對象的方法 open(method:string, url:string, async?:boolean=true, username?:string, password: string) 用於創建 HTTP 請求，但請求並未發送。 method, 請求類型，如 GET 、POST 等，大小寫不敏感。

xmlhttprequest , Ajax , 前端 , Javascript

收藏 評論

map-3d-vis 頭像

map_3d_vis - JSAPIThree 天空和天氣系統學習筆記：營造真實的環境氛圍

作為一個剛開始學習 mapvthree 的小白，今天要學習天空和天氣系統了！聽説這個系統可以讓場景更有氛圍感，還能模擬真實的天氣效果！想想就期待！ 第一次聽説天空系統 今天在文檔裏看到了"天空"這個詞，一開始我還以為是背景色，結果查了一下才知道，原來這是用來營造場景氛圍的環境系統！ 文檔説天空系統可以： 提供場景的背景和光照 模擬真實的晝夜交替 營造不同的氛圍感 配合天氣系統實現雨

前端

收藏 評論

dvqlfbwm 頭像

愛吃雞蛋餅 - 知識訂正：瀏覽器是如何渲染頁面的？

一.瀏覽器是如何渲染頁面的？   當瀏覽器的網絡線程收到 HTML 文檔後，會產生一個渲染任務，並將其傳遞給渲染主線程的消息隊列。在事件循環機制的作用下，渲染主線程取出消息隊列中的渲染任務，開啓渲染流程。   整個渲染流程分為多個階段，分別是： HTML 解析（Parse HTML）、樣式計算（Computed Style）、佈局（Layout）、分層（Layer）、繪製（Paint）、

瀏覽器原理 , 前端 , Javascript

收藏 評論

jizaodebangbangtang 頭像

文心快碼 - 插件開發實錄：我用Comate在VS Code裏造了一場“能被代碼融化”的初雪

2025年的第一場雪，我是在報錯日誌裏度過的😭 朋友圈在曬雪景，我在盯着 VS Code 萬年不變的界面發呆。 既然錯過了現實裏的初雪，那我為什麼不能在我的 IDE 裏下一場雪？ 於是，一個極其離譜又帶感的腦洞誕生了——我想做一個VS Code插件，實現： 落雪：當我停下來思考或者單純摸魚時，讓屏幕飄落初雪，積雪慢慢覆蓋代碼，假裝我也在過冬。 燃火：一旦我開始狂修 Bug，指尖的每一次敲擊

教程 , 知識 , 人工智能 , 程序員 , 前端

收藏 評論

u_14850 頭像

ctaxnews - NGINX從入門到精通導航 -

為什麼 Nginx 是現代 Web 架構的“流量入口”？ 在當今高併發、微服務盛行的時代，Nginx 已成為絕大多數網站的“第一道門”。無論是淘寶、騰訊、Netflix 還是 Kubernetes Ingress，背後都有 Nginx 的身影。 它不僅是靜態資源服務器，更是反向代理、負載均衡、API 網關、WAF 防火牆的核心組件。 本

服務器 , 後端開發 , Nginx , 前端 , Python

收藏 評論

xixindehongjiu 頭像

細心的紅酒 - 免費的SSL證書能用嗎

免費的SSL證書是可以使用的，它主要用於為網站提供HTTPS加密功能，確保網站與其用户之間的通信數據得到加密，防止信息在傳輸過程中被竊聽或篡改。以下是對免費SSL證書的詳細分析： 一、免費SSL證書的作用 數據安全：免費SSL證書可以為網站提供基本的HTTPS加密功能，保護用户數據不被第三方截獲和篡改。 提升信任度：安裝SSL證書後，瀏覽器地址欄會出現鎖形標誌，這有助於提升網站

後端 , 前端

收藏 評論

MrHuo 頭像

開發者精選資訊 - ImageViewer.js：一個零依賴的現代化圖片預覽組件

🎯 引言 在當今的 Web 開發中，圖片預覽功能幾乎是每個網站的標配。然而，大多數現有的圖片預覽庫要麼過於臃腫，要麼依賴特定的前端框架，要麼配置複雜。有沒有一種方案，能夠只需引入一個 JavaScript 文件，就能為網站添加完整的圖片預覽功能？ 今天我要向大家介紹 ImageViewer.js - 一個真正意義上的零依賴、現代化圖片預覽 Web Component。 ✨ 為什麼選擇

前端

收藏 評論

musicfe 頭像

雲音樂技術團隊 - 雲音樂服務端可視化編排平台 TangoFlow 設計與實現

本文作者：[帝青] 在實際業務需求背景下，TangoFlow 尋求構建組裝式架構，整合雲音樂服務端技術棧，提供基礎邏輯編排功能，以某種方式（網關API、統一SDK等）暴露編排結果；從長遠來看，作為研發全鏈路低代碼化中的一環，構建符合雲音樂現狀及長遠願景的服務端低代碼平台；今天我們一起來聊下TangoFlow 的產生背景以及平台化建設實踐； 背景及訴求 1、BFF場景下靈活編排訴求 目前雲音樂的前後

服務端 , 前端

收藏 評論

codesheep_pro 頭像

CodeSheep - 裁員為什麼先裁技術人員？網友一針見血

最近逛職場社區的時候，刷到一個職場話題，老生常談了，但是每次參與討論的同學都好多。 這個問題問得比較扎心： “為什麼有些企業的裁員首先從技術人員開始？” 那關於這個問題，網上有一個被討論很多的比喻： “房子都蓋起來了，還需要工人麼？” 有一説一，這個比喻雖然刺耳，但卻非常形象地揭示了某些企業的用人邏輯，尤其在某些非技術驅動型的公司裏。 在某些非技術驅動的公司（比如傳統企業轉型、或者業務模式成型的

JAVA , 程序員 , 後端 , 前端 , Javascript

收藏 評論

xiaoxxuejishu 頭像

小X學技術 - Y 分鐘速成 TypeScript

源代碼下載： learntypescript-cn.ts TypeScript 是一門為開發大型 JavaScript 應用而設計的語言。TypeScript 在 JavaScript 的基礎上增加了類、模塊、接口、泛型和靜態類型（可選）等常見的概念。它是 JavaScript 的超集：所有 JavaScript 代碼都是有效的 TypeScript 代碼，因此任何 JavaScript 項目都可

語法 , typescript , 前端 , Javascript

收藏 評論

xiaodaigua_ray 頭像

XiaoDaiGua_Ray - 大專生自學前端求職歷險記

關於我 由於高中的遊手好閒、不學無術，沒有考上大學。去了一所專科學校，本以為自己能夠浪子回頭，在學校好好學習。可惜的是，來到一個陌生又充滿誘惑的城市後，迅速的迷失了自己，天天埋頭打遊戲，學習的事情早已拋之腦後。 一晃眼，到了2020年，疫情的接踵而至，讓我這個本來沒有任何技術、學歷的“閒散人士”更加雪上加霜。豪不誇張的説，當時去實習，就差跪着求人家要我，説自己不要薪資。經歷過一個月後，也就是202

學習方法 , 自學 , 學習心路 , 前端 , Javascript

收藏 評論

invalidnull 頭像

註銷 - 淺談電商網站開發中用户會話管理機制的設計和實現原理

筆者由於工作需要，最近對國內外兩款知名的電商網站的用户會話管理(User Session Management) 的實現機制做了一些調研，這裏把我學習到的一些知識分享給各位同行，希望起到拋磚引玉的作用。 我們首先看看大家日常生活中都會使用的某寶網站的用户會話管理機制。 在電腦端訪問某寶網，輸入用户名和密碼，點擊登錄： 會觀察到一個 HTTP Post 請求，login，發送往後台服務器： htt

saprfc , sap , javascript正則 , JAVA , 前端

收藏 評論

chenpi_58a5478b3d689 頭像

tonychen - LeetCode 偶爾一題 —— 301. 刪除無效的括號

原題：https://leetcode.cn/problems/remove-invalid-parentheses/descr... 1 題目 給你一個由若干括號和字母組成的字符串s，刪除最小數量的無效括號，使得輸入的字符串有效。 返回所有可能的結果。答案可以按任意順序返回。 示例 1： 輸入： s = "()())()" 輸出： ["(())()","()()()"] 示例 2： 輸入： s

leetcode , 算法 , 前端

收藏 評論

niaonao 頭像

niaonao - Vue 頁面傳參方式 Query 和 Params

1. query 與 params 傳參 query 需要和配合 path 屬性使用，攜帶參數會拼接在請求路徑後，效果同 Get 請求方式 http://localhost:8033/Permission/Role/Form?productCode=crm-operateroleId=1roleName=adminroleType=-1roleDesc=%E7%AE%A1%E7%90%86

vue.js , route , 路由 , router , 前端

收藏 評論

dianliangxiaocheng_19854189632 頭像

點量實時雲渲染 - 雲流技術深度剖析：實時雲渲染為何選擇與遠程桌面不同的技術路線？

曾經，當我們需要遠程控制雲端電腦/雲端電腦上某款軟件時，首先想到的往往是遠程桌面（RDP, VNC, SPICE等）。然而，近年來，當場景切換到需要實時交付超高清3D畫面、支持用户低延遲交互的雲遊戲、雲設計、雲VR/AR時，業界卻幾乎一致地摒棄了這套傳統方案，轉而採用專屬的雲流化串流技術。這並非技術迭代的隨意選擇，而是兩者在設計初衷、核心架構上的本質差異，導致傳統遠程桌面技術無法匹配實時雲

資訊 , 服務器 , 負載均衡 , 知識 , 前端

收藏 評論

smileZAZ 頭像

林恆 - 那個寫 width: 33.33% 的前端，終於被 flex: 1 拯救了

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 告別百分比計算：從文檔流到 Flex 彈性佈局的進化之路 在 CSS 的世界裏，佈局方式的演進就像是一場對“控制權”的爭奪戰。從最初順其自然的文檔流，到精打細算的inline-block，再到如今遊刃有餘的 Flexbox，我們的代碼變得越來越優雅。 一、 隨波逐流：HTML 文檔流 一切佈局的起點

前端

收藏 評論

invalidnull 頭像

註銷 - Angular Form (響應式Form) 學習筆記

Angular 響應式表單使用顯式的、不可變的方式，管理表單在特定的時間點上的狀態。對錶單狀態的每一次變更都會返回一個新的狀態，這樣可以在變化時維護模型的整體性。響應式表單是圍繞 Observable 流構建的，表單的輸入和值都是通過這些輸入值組成的流來提供的，它可以同步訪問。 響應式表單通過對數據模型的同步訪問提供了更多的可預測性，使用 Observable 的操作符提供了不可變性，並且通過 O

formdata , angular , form , 前端 , Javascript

收藏 評論

linyuyizhizou_678b9fdc436f1 頭像

小帆聊前端 - 一文解答CSS 疑難樣式

一文解答CSS 疑難樣式 在前端開發中，CSS 堪稱 “最熟悉的陌生人”—— 看似簡單的屬性配置，卻常常出現反直覺的表現：明明設置了 height: 50% 卻無法生效，margin: 0 仍有間隙，z-index: 999 依然被覆蓋。這些 “疑難樣式” 並非 CSS 設計缺陷，而是我們對底層規則的理解不夠透徹。 本文將結合開發者高頻踩坑的「百分比高度計算」「佈局間距異常」「定位堆疊衝突」等核心

Css , 前端

收藏 評論

yihan123 頭像

易函123 - 【跟着大佬學JavaScript】之lodash防抖節流合併

前言 前面已經對防抖和節流有了介紹，這篇主要看lodash是如何將防抖和節流合併成一個函數的。 初衷是深入lodash，學習它內部的好代碼並應用，同時也加深節流防抖的理解。這裏會先從防抖開始一步步往後，由簡入繁，直到最後實現整個函數。 這裏純粹自己的理解，以及看了很多篇優質文章，希望能加深對節流防抖的理解，如果有不同意見或者看法，歡迎大家評論。 原理 前面雖然已經介紹過防抖和節流原理，這裏為了加深

lodash , 前端 , Javascript

收藏 評論

tigerandflower 頭像

Victory - JS點擊上傳文件，文件夾以及拖拽上傳

//HTML div class="upload-wrap" @dragover.prevent @drop.prevent="hDrop" input type="file" ref="addFiles" class="file-style" :accept="typeList" name="files" multiple

vue.js , upload , file , 前端 , Javascript

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - 瀏覽器緩存機制(強緩存和協商緩存)

1、為什麼需要瀏覽器緩存？ 當我們訪問同一個頁面時，請求資源、數據都是需要一定的耗時，如果可以將一些資源緩存下來，那麼從第二次訪問開始，就可以減少加載時間，提高用户體驗，也能減輕服務器的壓力 2、有哪些緩存？ 瀏覽器緩存分為強緩存和協商緩存，當存在緩存時，客户端第一次向服務器請求數據時，客户端會緩存到內存或者硬盤當中，當第二次獲取相同的資源，強緩存和協商緩存的應對方式有所不同。 強緩存

瀏覽器 , HTTP , 瀏覽器緩存 , HTML , 前端

收藏 評論