tag 前端優化

標籤
貢獻29
68
05:54 PM · Oct 25 ,2025
ntksol 頭像 jump_and_jump 頭像 liuyue_5e7eb6745e089 頭像 cloudyttt 頭像 danielkuang 頭像 bestvist 頭像 evenboy 頭像 smalike 頭像 febobo 頭像 jeecg 頭像 zhaojun_5a71ca6c5ac42 頭像 solvep 頭像

@前端優化 / 博客 RSS 訂閱

dreamapplehappy 頭像

dreamapplehappy - try/catch/finally：“前端的好厚米，我覺得你們不夠了解我呀~”

這篇文章想跟大家一起重新温習一下關於使用 try...catch 進行異常捕獲的一些知識點。為了提升大家的閲讀興趣，我們先來做三個小練習題，如果你都做對的話，那麼表明你這一部分的知識掌握的很熟練，可以不用讀這篇文章啦~ 如果做錯了某道題的話，説明我們還有一些知識點需要再次鞏固一下，話不多説，我們先來看看這三道題： function doTask () { try { con

面試問題 , 前端優化 , 異常處理 , 前端 , Javascript

收藏 評論

bianchengsanmei 頭像

編程三昧 - WebSocket 對象簡介

WebSockets 是一種先進的技術。它可以在用户的瀏覽器和服務器之間打開交互式通信會話。使用此API，您可以向服務器發送消息並接收事件驅動的響應，而無需通過輪詢服務器的方式以獲得響應。 何為 WebSocket 對象？ WebSocket 對象是 WebSockets 的接口之一，用於連接WebSocket服務器的主要接口，之後可以在這個連接上發送 和接受數據。 WebSocket 對

websocket , 技能表 , 前端優化 , 前端

收藏 評論

ranck 頭像

張儀ranck - 前端性能優化總結

本文將記錄我所掌握的全部整套前端性能優化模型 http協議層面 http協議緩存（應用緩存，瀏覽器默認緩存，自定義瀏覽器緩存，代理服務器緩存，服務器緩存） gzip壓縮 chrome併發6個請求 使用loading優化請求中的體驗 預加載 PreloadJS （瀏覽器緩存） 工程化 圖片base64 代碼切割 按需加載 BundleAnalyzerPlugin 靜態分離，第

前端優化

收藏 評論

fantasticlbp 頭像

杭城小劉 - 打造一套客户端功能最全的 APM 監控系統

APM 是 Application Performance Monitoring 的縮寫，監視和管理軟件應用程序的性能和可用性。應用性能管理對一個應用的持續穩定運行至關重要。所以這篇文章就從一個 iOS App 的性能管理的緯度談談如何精確監控以及數據如何上報等技術點 App 的性能問題是影響用户體驗的重要因素之一。性能問題主要包含：Crash、網絡請求錯誤或者超時、UI 響應速度慢、主線程卡頓、

性能監控 , react-native , apm , 前端優化 , ios

收藏 評論

grapecity 頭像

葡萄城技術團隊 - 從頁面加載到數據請求，前端頁面性能優化實踐分享

背景 做過前端開發都知道前端的工作內容是很多的，對於HTML、CSS、Javascript、Image、Flash等各種內容的使用。為了更好提升應用的性能，我們需要對各種資源內容進行不同方面的優化。 對用户而言，優化可以讓應用的響應速度加快，加載更加迅速，可以帶來更好的使用體驗。 對於服務商而言，前端優化能夠減少頁面請求數量，寬帶所佔帶寬，有效的節省資源。 前端優化的內容很多，按照粒度等級劃

websocket , spreadjs , 前端優化 , 前端

收藏 評論

geelinklivevideostack 頭像

LiveVideoStack - 【客户端建設及調優實踐】

“音視頻+無限可能” 是一扇LiveVideoStackCon面向新興領域開啓的大門，在移動互聯網紅利消失、內卷的局面下，智能車、製造、金融、醫療、出海等新興領域還在迫切追尋新技術帶來的增值。在“音視頻+無限可能” ，提前看到新機會、新案例、新實踐。 4月15日-16日，LiveVideoStackCon 2022 音視頻技術大會 上海站，和你一同開啓通向未來的大門。 客户端建設及調優實踐 軟/硬

前端優化 , 客户端 , 前端

收藏 評論

asmallwhitecat 頭像

華仔 - 【包真】我的第一次webpack優化，首屏渲染從9s到1s

大家好，我是貓小白，本文基於vue2，全文閲讀大約需要3分鐘。 談到webpack優化大部分人可能都看膩了，無非就那幾招嘛，我之前也是看過許多類似的文章，但都沒有自己真正上手過，下面是我用公司的項目真實操練下來的，首屏加載速度提升很大（刷刷的），希望能幫到你。 廢話不多説，先看看對比成果！ 類型 優化前 優化後 js文件大小

前端優化 , webpack , 前端 , Javascript

收藏 評論

jump_and_jump 頭像

jump__jump - 聊聊併發控制鎖

對於企業應用來説，完全不涉及到併發的問題，基本是不可能的。因為對於一個應用中很多的事情都是同時進行的。併發可能發生在數據獲取，服務調用乃至於用户交互中。併發問題有兩個重要的解決方案，一個是隔離，另一個是不變性。 併發問題會發生在多個執行單元同時訪問同一資源的時候，此時，一個好的方法就是分好“蛋糕”，讓每一個執行單元都能訪問到各自的資源。好的併發設計就是：找到創建好隔離區的辦法，然後通過分析工作流讓

樂觀鎖 , 鎖 , 前端優化 , 併發 , Json

收藏 評論

liuyue_5e7eb6745e089 頭像

劉悦的技術博客 - 當我們進行性能優化，我們在優化什麼（LightHouse優化實操）

原文轉載自「劉悦的技術博客」https://v3u.cn/a_id_214 好的互聯網產品不僅僅在功能上要高人一籌，在性能層面也需要出類拔萃，否則金玉其外敗絮其中，頁面是美輪美奐了，結果首屏半天加載不出來，難免讓用户乘興而來，敗興而歸。 幸運的是，前端的性能優化有諸多有跡可循的理論和方法，其中相對權威的，無疑是LightHouse。 LightHouse 是一個開源的自動化工具，它作為 Chrom

性能優化 , lighthouse , 前端優化 , 優化 , 前端

收藏 評論

jackn 頭像

Jack_N - 前端進階（1）Web前端性能優化

前端進階（1）Web前端性能優化 Web前端性能優化, 不僅能夠改善站點的用户體驗，並且能夠節省相當的資源利用。下面將從1）服務器、2）html內容、3）css、 4）javascript、 5）圖片等幾方面介紹具體的優化操作。 1. 服務器優化 1.1. 使用內容分發網絡（CDN） 把網站內容分散到多個、處於不同地域位置的服務器上可以加快下載速度。 1.2. 服務器使用http2.0協議 Htt

前端優化 , Css , HTML , Javascript

收藏 評論

winnn 頭像

Winn - vue性能優化之異步組件和路由懶加載

今天來聊聊vue2的性能小優化之異步組件跟路由懶加載 一、組件優化 目前代碼塊中包含了兩個子組件，它們在符合條件的情況下才會渲染，採用了最基礎的方式進行導入。 頁面刷新後會加載五個文件，在點擊顯示兩個組件時，只會新增一個文件，加載的是element的字體文件，也就是説在頁面初始化時就已經加載了組件文件。 現在我們把它改寫成異步組件，再來做個對比： 當我們點擊顯示組件時，控制枱會新增一個請求

編程 , vue.js , 前端優化 , 圖片上傳 , 程序員

收藏 評論

tiandechongzhika 頭像

靦腆的充值卡 - 什麼是SSL證書，又該如何申請免費SSL證書

如今越來越多的網站在主頁上使用 HTTPS加密連接，以確保您的網站安全並防止任何不想要的攻擊。您可能會問：“為什麼要安裝 HTTPS證書？”讓我們看看如何使用免費 SSL證書來滿足您的需求，這篇文章將告訴您如何免費申請和安裝 SSL證書，以保護您的網站免受各種威脅。 一、什麼是 SSL證書？ SSL證書是由受信任的 CA機構簽發的數字證書，它允許您通過 HTTPS連接與服務器通信。該

ssl證書 , 網站安全 , HTTPS , 前端優化 , 運維安全

收藏 評論

ntksol 頭像

歐雷 - 前端鏟💩日記 #1：項目目錄結構調整

最近哥們兒我接手了一個官網的前端項目，雖説是官網，但它是個 Web 應用而非營銷網站，所以還是有一定複雜度在的。 這幾天是邊往死裏摁🐞邊熟悉代碼邏輯，沒想到這是個燙手🍠，前人留了一堆坑給我——令我覺得他撐死了也就中級水平，不能再高了……🙁☹️🙂‍↔️ 是不以為我看到這💩山會苦惱不堪，心中如那呼倫貝爾大草原般萬🐎奔騰？ 不！你想錯了！！我興奮得很呢！！！ 別誤會，別誤會！我不是那個什麼「

react , 前端架構 , 前端優化 , next.js , 重構

收藏 評論

ntksol 頭像

歐雷 - 前端鏟💩日記 #2：易被忽略的「domain」

若看了上篇筆記，眼尖的鐵汁們應該發現，最終的重構成果並未出現目錄結構調整方案提到的 domain 文件夾。 這是因為領域建模是個相對較難且需要長期去做的事情，所以我們不急，慢慢來，要用心地思考與處理——從本篇筆記開始就會涉及到相關內容啦！ 在進行實際的鏟💩演練之前，這篇筆記先來講解下 domain 文件夾的重要性，請各位鐵汁搬來小板凳坐坐好，用小拇指清理下👂🏼聽我説—— 在我所設計的「模塊化

react , 前端架構 , 前端優化 , next.js , 重構

收藏 評論

ntksol 頭像

歐雷 - 前端鏟💩日記 #3：重構「個人主頁」

鐵汁們聽好了哈——從本篇筆記開始，將進入實際的鏟💩演練啦！ 這首先要被剷除的💩，是分佈在我接手官網項目後最先接觸的用户個人主頁裏。 在這系統中，用户分個人與項目方兩種，它們的個人主頁雖看起來一樣，但視覺細節和數據結構等還是有些差異的，佈局結構大致如圖所示： 個人主頁原先代碼中，其他部分還算有點封裝意識，但最重要的課程、活動等列表部分的代碼看起來就是初級水平，將它們全部糅合在一個 React

react , 前端架構 , 前端優化 , next.js , 重構

收藏 評論

ntksol 頭像

歐雷 - 我給 Answer 提了倆 PR

有個 OpenBuild 的社區生態項目貌似擱置得有點久了，發起者想要繼續迅速地推進，但一直沒什麼起色，一時間也找不到其他合適的人——沒辦法，只能我去接下來了。 這個項目要做的事是給開源問答平台 Answer 開發一個支持用 Web3 錢包登錄的插件；從要實現的功能上來看，這應該是個很小的項目，開發加上聯調前後端算在一起估計 1.5～3 個人日。 然而，現實卻給了我一棒槌…… 需求分析 初步從官方

apache-answer , 開源軟件 , 前端優化 , 前端設計

收藏 評論

yqyx36 頭像

雲輕雨細 - Chrome 下載大文件報錯！用 Streamsaver.js 完美填坑

本文系轉載，轉載鏈接：Chrome 下載大文件報錯！用 Streamsaver.js 完美填坑 前言 用 Chrome 下載大文件時，有時會彈出 “網絡錯誤”，換其他瀏覽器卻能正常下載。今天就來排查一下這個問題產生的原因，提供一些解決思路給大家。 一、為什麼 Chrome 獨有的 “大文件下載坑”？ 同樣的網絡、同樣的文件，Chrome 報錯而其他瀏覽器正常，核心問題出在 Chrome 對 “大文

chrome , 前端優化 , Javascript

收藏 評論

jeecg 頭像

JEECG低代碼平台 - 有了 AI 編程工具 Cursor，前端開發 “消失”，又迴歸全棧開發模式

曾幾何時，"全棧開發者" 是一個令人肅然起敬的稱號。他們既能用 JavaScript、CSS 構建精美的用户界面，又能用 Java、Python 處理後端業務邏輯，如同數字世界的文藝復興者，貫通前後，無所不能。 然而，隨着前端技術的爆炸式增長 ------ 從 jQuery 到 React、Vue、Angular 三大框架，從 Webpack 到 Vite，從 CSS 到 Sass、Less---

ai開發 , cursor , 前端優化 , 全棧工程師 , 全棧開發者

收藏 評論

jump_and_jump 頭像

jump__jump - 利用 XState(有限狀態機) 編寫易於變更的代碼

目前來説，無論是 to c 業務,還是 to b 業務，對於前端開發者的要求越來越高，各種絢麗的視覺效果，複雜的業務邏輯層出不窮。針對於業務邏輯而言，貫穿後端業務和前端交互都有一個關鍵點 —— 狀態轉換。 當然了，這種代碼實現本身並不複雜，真正的難點在於如何快速的進行代碼的修改。 在實際開發項目的過程中，ETC 原則，即 Easier To Change，易於變更是非常重要的。為什麼解耦很好？ 為

有限狀態機 , fsm , 前端優化 , 代碼質量 , Javascript

收藏 評論

danielkuang 頭像

kup_況 - 你與弄懂promise之間可能只差這篇文章（二）

點我看看~ 前言：可能存在闡述不準確之處，歡迎指正～ Promise在long time ago就活躍於Javascript社區，受到開發者歡迎，只不過到近幾年才被納入ECMA規範。 我們為什麼要使用Promsie？ 因為： 我們不希望，過了幾個月之後，代碼只有上帝才看得懂； 我們不希望，回調代碼越寫越往右，只能換更大的顯示器看； 我們希望，哪怕過了很久，代碼依舊邏輯清晰，看懂不費吹灰

promise , 回調函數 , 前端優化 , 異步請求 , 異步編程

收藏 評論

bestvist 頭像

bestvist - Skeleton Screen -- 骨架屏

用户體驗一直是前端開發需要考慮的重要部分，在數據請求時常見到鎖屏的loading動畫，而現在越來越多的產品傾向於使用Skeleton Screen Loading(骨架屏)替代，以優化用户體驗。 原文鏈接 Skeleton Screen Skeleton Screen(骨架屏)就是在頁面數據尚未加載前先給用户展示出頁面的大致結構，直到請求數據返回後再渲染頁面，補充進需要顯示的數據內容。常用於文章列

前端優化 , Css , htm

收藏 評論

evenboy 頭像

前端開源監控作者 - 閾值報警功能

所謂web,即使你我素未謀面，便知志趣相投；足不出户，亦知世界之大。 ​ 01 - 什麼是閾值報警功能 在我們前端監控系統中，雖然我們收集了用户實時訪問應用數據信息，並提供可視化界面方便用户查詢，但是作為一款監控系統，卻少了靈魂的東西，那就是自動報警功能，因為我們並不喜歡，也沒人願意時時刻刻查看監控系統。因此，我們需要自動報警。 那自動報警怎麼做呢？自動報警意味着我們事先定義好一系列規

node.js , 前端框架 , 前端優化 , 前端性能 , Javascript

收藏 評論

smalike 頭像

smalike - 不可不知的 WEB 前端網站優化—— 雅虎 34 條軍規

不可不知的 WEB 前端網站優化—— 雅虎 34 條軍規 不得不説現在依然適用於大部分的網站 當年雅虎推薦了一套優化網站加載速度的34條法則（包括Yslow規則22條），以下是詳細説明。 1. Minimize HTTP Requests 減少 HTTP 請求 圖片、css、script、flash 等等這些都會增加 http 請求數，減少這些元素的數量就能減少響應時間。把多個JS、CSS在可能

前端優化 , 前端性能 , 前端 , Web

收藏 評論

febobo 頭像

刀哥 - 夢迴前端-數據類型篇

關於夢迴前端 每天一個重要的知識點，以問答的形式進行反推，利用碎片時間來完成自我提升 Day1 數據類型篇 説在前面 JS是典型的弱類型(動態)語言, 意味着你不用提前聲明變量的類型，在程序運行過程中，類型會被自動確定, 也意味着你可以使用同一個變量保存不同類型的數據 請簡述Js中有哪些數據類型? Js中每一個值都屬於某一種數據類型, 根據最新的語言標準，一共有8種類型 Boolean N

前端工程化 , 面試 , 前端優化 , 前端性能 , 前端

收藏 評論