tag 前端

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

@前端 / 博客 RSS 訂閱

user_kim 頭像

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

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

HTTP , cache-control , 緩存 , 前端

收藏 評論

grewer 頭像

Grewer - 前端白屏監控原理

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

白屏 , 監控 , 前端 , Javascript

收藏 評論

smileZAZ 頭像

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

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

前端

收藏 評論

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

收藏 評論

himushroom 頭像

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

收藏 評論

jimodetiebanshao 頭像

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

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

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

收藏 評論

codesheep_pro 頭像

CodeSheep - 百度又一知名產品，倒下了！

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

JAVA , 後端 , 前端 , Javascript , Python

收藏 評論

icecreamlj 頭像

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

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

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

收藏 評論

smileZAZ 頭像

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

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

前端 , Javascript

收藏 評論

sysu_xuejia 頭像

陳學家_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 頭像

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

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

開源 , Css , 前端

收藏 評論

fangsz 頭像

方始終 - 在JavaScript中，如何判斷數組是數組？

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

javascript原型 , 前端 , Javascript

收藏 評論

angelicaYQ 頭像

AngelicaYQ - 如何創建你的百Google度！！（實現雙搜索引擎頁面）

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

前端

收藏 評論

jueqiangdeqianbi 頭像

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

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

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

收藏 評論

daimaxieshen 頭像

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

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

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

收藏 評論

LiYONEKE 頭像

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

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

前端

收藏 評論

huangruorumeng 頭像

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

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

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

收藏 評論

nanke_6944ddd8297d4 頭像

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

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

後端 , 前端

收藏 評論

u_16099274 頭像

墨香四溢 - ruoyi框架 postgresql

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

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 取消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 頭像

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

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

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

收藏 評論

u_16213715 頭像

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

收藏 評論