tag 前端

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

@前端 / 博客 RSS 訂閱

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

收藏 評論

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

收藏 評論

user_kim 頭像

前端搬磚師 - HTTP請求頭和響應頭中cache-control的區別

都知道http的請求頭和響應頭都可以設置cache-control屬性，它的作用是用來設置靜態資源緩存的。難道他們就沒有什麼不一樣的地方麼？反正一開始我是不明白，在網上也硬是沒找到答案，於是這篇文章就出來了。。。 以下是本次驗證的代碼： 客户端為了驗證請求頭cache-control的作用，所以採用了ajax的方式來請求js。服務端主要是用來設置靜態資源的緩存時間的。我們所説的緩存都是建立在g

HTTP , cache-control , 緩存 , 前端

收藏 評論

grewer 頭像

Grewer - 前端白屏監控原理

前言 前端基建裏最重要的事情之一就是監控，性能，報錯，白屏等等，而今天要説的就是白屏的監控。 前端白屏是影響用户體驗的常見問題，通常有資源加載失敗、JS 執行錯誤、渲染阻塞、框架異常等原因。 今天就以頁面生命週期、錯誤捕獲、性能指標、框架特性等維度來描述怎麼監控。 關鍵節點判斷 核心原理 不管是傳統框架、界面、還是現代瀏覽器框架，都會有一個容器節點、關鍵節點，例如根節點，header節

白屏 , 監控 , 前端 , Javascript

收藏 評論

lirong_60404fde6d52d 頭像

李不要熬夜 - CSS3中的變形處理——transform功能（旋轉、縮放、傾斜、移動）

1 transform屬性 在CSS3中，可以利用transform功能實現文字或圖像的旋轉、縮放、傾斜、移動這4中類型的變形處理。 （1）瀏覽器支持 到目前為止：Safari3.1以上、Chrome8以上、Firefox4以上、Opera10以上瀏覽器支持該屬性。 2 旋轉 使用rotate方法，在參數中加入角度值，角度值後面跟表示角度單位的“deg”文字即可，旋轉方向為順時針方向。

transform , Css , 程序員 , 前端

收藏 評論

code_shuai 頭像

code_shuai - 使用 Github Actions 部署react-app 到 Github Pages

前言-學以致用 之前一直忙於開發，總是零散的去看一些東西，想想學東西了麼？額... 好像學了，又好像沒有學，不知道你們有沒有這種感覺，所以新年初始，換一種學習方法，本着學以致用去完整的學一些東西，正好之前想接觸CI,CD 這裏的知識，所以就從最常見的github開始吧，畢竟免費又常用。 初始化項目 創建github代碼倉庫，clone 項目到本地，進入目錄初始化項目 npx create-reac

react , github-pages , ci-cd , github-actions , 前端

收藏 評論

jingzhaoxia 頭像

Pink - fn1.call.call(fn2);

文 / 景朝霞 公號 / 朝霞的光影筆記 ID / zhaoxiajingjing 描述 function fn1(){ console.log(1); } function fn2(){ console.log(2); } fn1.call(fn2); // 輸出1 fn1.call.call(fn2); // 輸出2 問題 看到這個題目，第一反應是蒙圈的。

call , prototype , 基礎 , 前端 , Javascript

收藏 評論