tag 前端

標籤
貢獻1,076
3404
06:37 AM · Oct 27 ,2025

@前端 / 博客 RSS 訂閱

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

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

HTTP , cache-control , 緩存 , 前端

收藏 評論

Grewer - 前端白屏監控原理

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

白屏 , 監控 , 前端 , Javascript

收藏 評論

林恆 - async/await 到底要不要加 try catch?我來給你整明白!

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 前言 現在寫異步代碼,基本上就是 Promise 和 async/await 兩種寫法。雖然這倆都能幹同樣的活,但 async/await 寫起來更像同步代碼,讀起來更順眼,所以很多人都説它是"異步編程的終極方案"。 不過有個問題挺讓人糾結的:用 async/await 的時候,到底要不要加 try catch 來抓

前端

收藏 評論

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

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

transform , Css , 程序員 , 前端

收藏 評論

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

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

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

收藏 評論

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

收藏 評論

himushroom - pixijs使用iconfont字體圖標(以及Bitmap font generator使用不完全指北)

話不多説先放實現代碼↓ const app = new PIXI.Application({ backgroundColor: 0x777777 }); document.body.appendChild(app.view); // 將iconfont提供的字符轉換為中文 const toFontIcon = (unicode) = { if (unicode === "") return

iconfont , pixijs , webgl , 前端 , Javascript

收藏 評論

UXbot - AI驅動高保真UI高效生成指南

高保真UI設計不僅決定視覺體驗質感,更直接影響開發落地效率與用户核心感知。傳統設計流程從低保真原型迭代至高保真界面,往往需投入大量時間成本:頁面繪製、佈局調試、交互設計、組件規整及文案梳理等環節,耗時冗長且效率低下。如今,依託AI技術生成高保真UI界面,可實現流程的極致簡化。本文將系統拆解如何藉助UXbot,快速將創意構想轉化為可交互、可演示、可編輯的高保真UI界面,助力設計效率倍增。 一、

軟件開發 , 原型 , 程序員 , 前端 , ui

收藏 評論

CodeSheep - 百度又一知名產品,倒下了!

就在最近,百度旗下又一款知名互聯網產品正式宣佈停止服務,令人唏噓不已。 沒錯,它就是「百度腦圖」。 提到「百度腦圖」這個名字,對於很多年輕的朋友們來説,可能有些陌生,但是在當年那會還是挺有名的。 對我而言,之前我還真就認認真真用過一段時間,在上面畫了不少圖,但是後來還是轉到其他工具了。 説實話,要不是看到這個新聞,我都快忘記有這個產品的存在了。 出於好奇,我也特地登進去看了一眼。 果然,這停服公

JAVA , 後端 , 前端 , Javascript , Python

收藏 評論

一顆冰淇淋 - js中的函數式編程

函數是javascript中非常重要的一部分,用途也非常的多,可作為參數、返回值、回調等等,下面有一些函數式編程的重要概念和定義 純函數 純函數屬於程序設計的名詞,其它語言中也是存在的,而在javascript中,符合以下規則即為純函數。 函數有相同的輸入,必定有相同的輸出 函數的輸出僅與輸入有關,與其他隱藏信息無關 不得產生任何的副作用,如 觸發事件等 副作用:除了返回函數值以外,還對

函數式編程 , 嚴格模式 , currying , 前端 , Javascript

收藏 評論

林恆 - ES6 這 8 個隱藏外掛,知道 3 個算我輸!

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 “代碼寫得少,Bug 自然少。”——魯迅(並沒有説) 今天不聊 React、不聊 Vue,回到語言層,挖一挖那些“官方早就給了,但我們總自己造輪子”的 ES6 冷門 API。 它們每一個都經過瀏覽器真·原生實現,無 polyfill 也能跑,一句頂五句,看完直接複製粘貼就能讓同事驚呼“還有這種

前端 , Javascript

收藏 評論

陳學家_6174 - 精益 React 學習指南 (Lean React)- 4.2 react patterns

書籍完整目錄 4.2 react patterns 修改 Props Immutable data representation 確定性 在 getInitialState 中使用 props 私有狀態和全局事件 render 包含 side effects

react , leanreact , 前端 , Javascript

收藏 評論

OpenTiny社區 - 【博文精讀】Chrome CSS 2025年回顧

本文由體驗技術團隊申君健原創。 序言 近日發現 Chrome 官方技術平台 chrome.dev 發佈了一篇極具價值的 CSS 技術總結文章,原文鏈接為:CSS-Wrapped-2025,Wrapped 單詞在這裏是打包,總結,回顧的意思。Chrome官方羅列了2025年的新增CSS和組件特性等,有需要的小夥伴可以關注一下。此外,Chrome 官方亦發佈了 2024 年度的 CSS 特性回顧文章,

開源 , Css , 前端

收藏 評論

方始終 - 在JavaScript中,如何判斷數組是數組?

如果你沒有注意過這個問題,那麼這個標題應該會讓你感到困惑,判斷數據類型這麼基礎的問題能有什麼坑呢? 少年,你不能太天真了,我們朝夕面對的這門語言,可是JavaScript呀,任何你覺得已經習以為常的東西都可能瞬間轉化成一個大坑,令人百思不得其解。 但是正是因為同樣的原因,我們可以在學習和使用JavaScript這門語言的時候提出和討論一些這門語言獨有的,十分有趣的問題。比如我們今天要討論的,在Ja

javascript原型 , 前端 , Javascript

收藏 評論

AngelicaYQ - 如何創建你的百Google度!!(實現雙搜索引擎頁面)

創建雙搜索引擎頁面 百Google度的網站被封了,但!!!這不影響我們創建屬於自己的雙搜索引擎頁面! 提前準備 找到你想添加的倆個搜索引擎對應的URI 和 它預先定義用於存儲搜索關鍵詞的參數名。 打開你想要的搜索引擎的網頁,在當前搜索引擎裏輸入“關鍵詞”,點擊搜索,然後觀察上面的網址,一般“?”前出現的是對應的【URI】,“”的後面到你輸入的“關鍵詞”前,是當前搜索引擎預定義的【參數名】

前端

收藏 評論

倔強的鉛筆 - Postman 發送 get 請求的步驟解析

在API開發與測試的場景中,Postman 是一種普遍應用的工具,它極大地簡化了發送和接收HTTP請求的流程。要發出GET請求,用户只需設定正確的參數並點擊發送即可。 如何使用 Postman 發送一個GET請求 創建一個新請求並將類型設為 GET 首先,啓動 Postman 應用,並創建一個新的 HTTP 請求。 在創建的接口中,默認應該已經選定GET作為請求方式。 填入所需的URL及參數,

postman , 請求 , 後端 , get , 前端

收藏 評論

瓏墨 - 【為什麼】使用 reduce 按順序執行 promise 有效?💭

我是月弦笙音,今天給大家分享為什麼使用 reduce() 按順序解析 promise 有效,嘎嘎的😍,看下面 在不使用對象的情況下編寫異步 js 很像閉着眼睛烤蛋糕。這是可以做到的,但它會很混亂,你最終可能會shao到自己。😂Promise 一、開題展示 我不會説這是必要的,但你明白了。真是太好了😂。不過,有時它需要一點幫助來解決一些獨特的挑戰,比如當你試圖按順序解決一堆承諾時,一個接

ecmascript-6 , promise , challenge , 前端 , Javascript

收藏 評論

LiYK丶 - 推薦node工具fnm下載到使用(用windows系統做的演示)

一、認識fnm 展開看介紹(給不熟悉fnm的小夥伴看的) fnm 是高性能 Node.js 版本管理器,支持 Windows、macOS、Linux; 比nvm啓動更快、內存佔用更低可一鍵安裝/切換多版本 Node.js; 且能讀取.nvmrc或.node-version文件實現項目目錄自動切換版本,是前端/Node開發者的常用工具。 fnm下載node 官方的方式去下載node

前端

收藏 評論

恍若如夢 - 樣式篇 - CSS基礎總結

層疊樣式表 (Cascading Style Sheets,縮寫為 CSS),是一種 樣式表 語言,用來描述 HTML 或 XML(包括如 SVG、MathML、XHTML 之類的 XML 分支語言)文檔的呈現。CSS 描述了在屏幕、紙質、音頻等其它媒體上的元素應該如何被渲染的問題。 CSS 是開放網絡的核心語言之一,由 W3C 規範 實現跨瀏覽器的標準化。CSS節省了大量的工作。 樣式可以

css3 , css技巧 , Css , HTML , 前端

收藏 評論

南柯 - SSL雙向認證:不止是服務器亮明身份,更是客户端的“實名制”通行證

在互聯網安全領域,SSL/TLS證書幾乎無人不知。我們日常訪問的絕大多數 HTTPS 網站,使用的都是單向認證——瀏覽器驗證服務器的身份,確保你連接的是真正的銀行或電商網站,而非釣魚網站。但在一系列對安全要求極高的場景中,一種更嚴格、更安全的機制被廣泛應用:SSL雙向認證。 本文將深入淺出地解析SSL雙向認證的核心原理、工作流程、關鍵價值與適用場景,幫助您構建清晰的認知。 一、 核心概念:

後端 , 前端

收藏 評論

墨香四溢 - ruoyi框架 postgresql

文章目錄 首頁數據加載 登錄校驗成功 路由跳轉 用户管理頁面 頁面加載請求後台數據 getList() 前端listUser請求 後端代碼 getTreeselect()

用户管理 , 雲計算 , ruoyi框架 postgresql , 開發語言 , 雲原生 , 前端 , Javascript

收藏 評論

兔子先森 - 取消uni-tooltip組件點擊出現的藍色陰影

陰影如下: 在網上各種查找都沒找到答案,最後通過改源碼解決在源碼裏找到最外層的class名,新增tap-highlight-color: transparent;即可 .uni-tooltip { position: relative; cursor: pointer; display: inline-block; -webkit-tap-highlight-color:

react , vue.js , css3 , 前端 , Javascript

收藏 評論

OpenTiny社區 - 直播分享|TinyVue 多端實戰與輕量圖標庫分享

TinyVue是一個跨端跨框架的企業級UI組件庫,基於renderless無渲染組件設計架構,實現了一套代碼同時支持Vue2和Vue3,支持PC和移動端,包含100多個功能豐富的精美組件,可幫助開發者高效開發Web應用。 4月22日19點,雲計算高級前端開發工程師,TinyVue 項目成員鄭志超、申君健老師,將為大家分享TinyVue多端模板與模式切換,並與大家介紹TinyVue輕量圖標庫的使用。

vue.js , 組件庫 , 開源 , 前端

收藏 評論

mob64ca1417eedd - .Net Core WebApi中,使用JWT身份認證與授權_51CTO博客

步驟 1:安裝必要的 NuGet 包 需安裝用於 JWT 處理和認證中間件的包: System.IdentityModel.Tokens.Jwt:用於生成和解析 JWT Token。 Microsoft.AspNetCore.Authentication.JwtBearer:提供 JWT 認證的中間件支持。 可

System , .netcore , 字符串 , Css , ci , 前端開發 , HTML , 前端

收藏 評論