tag 前端

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

@前端 / 博客 RSS 訂閱

minnanitkong 頭像

王大冶 - Web 性能優化： 圖片優化讓網站大小減少 62%

阿里雲最近在做活動，低至2折，有興趣可以看看： https://promotion.aliyun.com/... 為了保證的可讀性，本文采用意譯而非直譯。 這是 Web 性能優化的第二篇，上一篇在下面看點擊查看： Web 性能優化： 使用 Webpack 分離數據的正確方法 圖像是web上提供的最基本的內容類型之一。他們説一張圖片勝過千言萬語。但是如果你不小心的話，圖片大小有時

圖片處理 , web性能優化 , 程序員 , 前端

收藏 評論

ihengshuai 頭像

大衞talk - NestJS入門指南

由於圖片和格式解析問題，可前往 閲讀原文 從本篇文章開始講解node中最為出色的框架——NestJS，為什麼説它出色，想必市面上已經議論紛紛了吧。如果你熟悉Spring框架那nest也會讓你輕而易舉的理解，基於typescript裝飾器結合IOC讓nest的框架設計更加清晰明瞭 NestJS 是一個基於 Node.js 平台的現代化 Web 框架，它結合了 TypeScript、面向對象編程的思想

node.js , 前端架構 , nestjs , 前端

收藏 評論

momeak9 頭像

泯瀧 - Web Woker 與主線程通信場景下對postMessage的簡潔封裝

在Web Worker與主線程之間進行通信時，使用postMessage是一種常見的方式。然而，在某些業務場景中，postMessage可能會顯得不夠簡潔，因為它涉及到手動序列化和反序列化數據，以及通過事件監聽器處理消息。以下是一些常見問題和解決方案，以簡化在Web Worker與主線程之間的通信場景中使用postMessage的問題。 結構化克隆問題 在Web Worker與主線程之間傳輸數據時

瀏覽器 , webworker , 瀏覽器原理 , 前端 , Javascript

收藏 評論

rexindezicai_ema39t 頭像

Addison - 深度覆盤 III： 核心邏輯篇：構建 WebGL 數字孿生的“業務中樞”與“安全防線”

🚀 前言 在 Z-TWIN 污水處理廠項目的前兩篇覆盤中，我們解決了 渲染管線（Rendering Pipeline） 的性能瓶頸與 HMI 工程化 的多端適配問題。這兩步走完，我們構建了一個“好看”且“能跑”的系統骨架。 然而，從 POC（概念驗證） 走向 Production（生產環境） 的過程中，真正的挑戰在於如何讓這套 3D 系統承載複雜的工業業務。在實際工程交付中，我們深知：視覺只是表

three.js , 數據可視化 , 數字孿生 , webgl , 前端

收藏 評論

vuedegou 頭像

Link - 使用 uni-app 開發 APP 並上架 IOS 全過程

theme: awesome-green highlight: a11y-dark 教你用 uni-app 開發 APP 上架 IOS 和 Android 介紹 本文記錄了我使用uni-app開發構建併發布跨平台移動應用的全過程，旨在幫助新手開發者掌握如何使用uni-app進行APP開發並最終成功上架。通過詳細講解從註冊開發者賬號、項目創建、打包發佈到應用商店配置的每一步驟，希望我的經驗分享能為

打包 , uni-app , 前端

收藏 評論

jasinyip 頭像

JasinYip - 前端工具鏈課（二）—— 模塊化工具及組件化思想

第二個問題，我想從這個最簡單的 HTML 頁面開始。 !DOCTYPE html html head titleTest/title /head body ... /body 當我們想寫一些樣式的時候，我們通常會引入一個外部的 CSS 文件，就像這樣： link rel="stylesheet" href="style.css" 有時我們可能會想用一個比如説 Bootstrap 這種的

前端工程化 , 前端工具 , 模塊化 , webpack , 前端

收藏 評論

u_13934709 頭像

雲中小生 - jQuery面試題精選：從基礎到高級

低難度 如何在頁面加載完成後執行一段代碼？ 核心方法：$(document).ready() 詳細説明：該方法在DOM加載完成後立即執行，不需要等待圖片等資源加載完成 代碼示例： // 標準寫法 $(document).ready(function() { conso

Ajax , Css , jquery , 前端開發 , 代碼示例 , HTML , 前端 , Javascript

收藏 評論

ihengshuai 頭像

大衞talk - wireshark網絡抓包

由於圖片和格式解析問題，可前往 閲讀原文 到這裏已經講了兩個抓包工具的使用了，大家應該對抓包不是很陌生了。而wireshark相對於fiddler和charles更加偏向於網絡層面的抓包或者説是一個網絡封包分析工具。使用對象更適合於網絡相關人員(網絡管理員/相關運維等等)，目的用來截取網絡通信，顯示詳細的封包資料。 wireshark可以用來檢測網絡環境、入侵偵測系統等網絡層面的用處，相對於開發人

wireshark , 抓包過濾 , 前端

收藏 評論

user_p5fejtxs 頭像

林一一 - 面試 | JS 經典面試題初篇(this, 閉包, 原型...)含答案

推薦閲讀地址 掘金 github 變量提升 做題前建議先閲讀一遍 徹底解決 JS 變量提升的面試題 面試題 1. 問下面輸出結果 if( !("a" in window) ){ var a = 12 } console.log(a) // undefined 無論條件是否成立都會變量提升，全局下的 var 相當於給 window 設一個屬性 window.a = undefi

閉包 , this的用法 , 原型鏈 , 前端 , Javascript

收藏 評論

u_14344 頭像

冷月星 - 前端結合SpeechRecognition實現語音識別文字功能

一、與潛在客户實時聊天的神奇-zopim 　　Zopim是一款高效的可嵌入網頁中去的即使通訊與網站訪客信息追蹤的的Web軟件。知道誰在訪問您的網站嗎？想和他們實時交流嗎？想更有效的把握商機嗎？使用Zopim這款嵌入即時通訊軟件，能讓你達到如下目的：網站訪客只需點擊網頁中的對話圖標，無需安裝或者下載任何軟件，就能直接和網站客服人員進行即時交流。Zop

數據 , ip , NLP , ViewUI , 人工智能 , 前端 , Web

收藏 評論

kestrel_task 頭像

微芒不朽 - 為什麼永遠不要讓前端直接連接數據庫

在現代Web開發中，安全性是至關重要的考慮因素。一個常見的反模式就是讓前端應用直接連接數據庫。本文將深入探討為什麼這種做法存在嚴重安全隱患，以及正確的架構模式應該如何設計。 為什麼前端絕不應該直接連接數據庫？ 1. 安全風險暴露 當你的前端代碼（如Vue.js、React或Angular應用）直接連接數據庫時，意味着數據庫憑證和連接信息必須存儲在客户端代碼中。這會帶來以下風險： // ❌ 錯誤示例

後端 , 前端 , Javascript

收藏 評論

u_16213569 頭像

技術領航舵手 - 前端通過web3調用智能合約進行邏輯交互 -

一、總覽：6 步閉環 用户點擊按鈕 前端組裝交易數據（calldata） 錢包簽名 → 生成 SignedTx 節點廣播 → 網絡挖礦打包 鏈上執行合約邏輯 → 更新狀態 前端監聽事件 / 讀鏈回顯 → UI 刷新 二、各層角色與工具

後端開發 , rpc , 1024程序員節 , harmonyos , web3 , ide , 前端

收藏 評論

like_5af2bb418652b 頭像

like - JS下載圖片的方法總結

有沒有小夥伴在開發“純前端下載圖片”功能時，遇到以下的場景？ 1. 下載已存在的圖片 2. 下載某個元素的內容 分享解決以上問題的方法 下載已存在的圖片：使用canvas畫圖，a標籤下載 export function downloadImg(imgUrl: string, imgTitle: string) { var img = new Image(); img.src = im

download , html2canvas , 前端 , Javascript

收藏 評論

landyliu 頭像

前端哇發哈 - 大話css預編譯處理（三）：基礎語法篇

一、Sass、LESS和Stylus的語法 每一種語言都有自己一定的語法規則，CSS預處理器語言也不例外，在真正使用CSS預處器語言之前還有一個不可缺少的知識點，就是對語法的理解。值得慶幸的是，這三款CSS預處理器語言的語法和CSS語法都差不多。 1.Sass語法 Sass3.0版本開始使用的是標準的CSS語法，和SCSS可以説是一樣的。這樣Sass代碼轉換成CSS代碼變得更容易。默認Sass使用

sass , less , stylus , Css , 前端

收藏 評論

jueqiangqingtongsan 頭像

倔強青銅三 - vscode插件開發中文文檔教程(8)——擴展API導覽

vscode插件開發中文文檔教程(8)——擴展API導覽 原文鏈接：Extension Guides 作者：Microsoft 譯者：倔強青銅三 前言 大家好，我是倔強青銅三。是一名熱情的軟件工程師，我熱衷於分享和傳播IT技術，致力於通過我的知識和技能推動技術交流與創新，歡迎關注我，微信公眾號：倔強青銅三。歡迎點贊、收藏、關注，一鍵三連！！！ 擴展API導覽 一旦您已經瞭解了 Visu

vscode插件 , typescript , 前端 , Javascript

收藏 評論

b2proxy 頭像

675173ff-65c2-413a-b556-576966012357 - 代理 IP 技術原理：它究竟是怎麼“替你上網”的？

談到代理 IP，很多人的第一反應是：“換個 IP，上網更安全。” 但實際上，代理遠不只是“換一個身份”，它更像是一個具備網絡調度、流量轉發、協議適配能力的“小型中轉站”。如果你是開發者、運營人員、爬蟲工程師、跨境從業者，理解代理背後的技術邏輯，會讓你在業務穩定性、成功率和效率上擁有明顯優勢。 這篇文章，我們用更容易理解的方式，講清楚代理 IP 的技術原理和真實作用。 一、代理 IP 的

php , android-studio , 前端

收藏 評論

qianniandanshendepingguo 頭像

千年單身的蘋果 - 從 Copilot 到 Agent：2026 Vibe Coding 技術棧權威橫評與選型指南

1.什麼是 Vibe Coding？ 在進入評測之前，我們需要定義 2026 年的核心開發範式——Vibe Coding (氛圍感編程)。 Vibe Coding指的是一種基於自然語言意圖和審美邏輯的全新編程方式。與傳統編寫 Syntax（語法）不同，開發者在 Vibe Coding 模式下，僅需通過自然語言描述“想要什麼（What）”或“什麼感覺（Vibe）”，具體的實現路徑（How）完全由 A

教程 , 知識 , 人工智能 , 後端 , 前端

收藏 評論

kuandong 頭像

款冬 - 前端ui自動化測試sdk封裝

背景 前端業務場景中每次功能發佈都會面臨着相應的ui功能測試，因為前端業務的功能迭代之間往往存在顯性或者隱性的關聯性，每次上線某個功能迭代後，嚴格意義上也需要對整體功能進行迴歸，因此單靠人力的手工測試需要花費較多的時間和精力在功能迴歸上，且容易漏掉一些細節問題。 基於業務中的上述現狀，我們嘗試引入ui自動化測試來解決測試中的“重複迴歸”問題，基於 puppeteer 和 jest 兩大開源工

puppeteer , 自動化測試 , 前端

收藏 評論

dirackeeko 頭像

DiracKeeko - [highcharts] 06_legend排序

當使用highcharts創建一個橫向放置的堆疊列的colunm圖時，highcharts繪圖實例默認是從右到左堆疊(即series中index=0的在最右邊，index=1的放在index=0的左邊)，如下圖所示，圖例legend的順序與預期順序相同，而圖中的column item順序與預期相反。(legend 1 2 3, column item 3 2 1) 想要達成同序，需要用到s

highcharts , 可視化 , 前端

收藏 評論

devui 頭像

DevUI團隊 - Angular依賴注入模式的應用和玩法案例

1 注入，一種組件樹狀層級通信模式 設計模式 1.1 組件通信模式 在Angular工程開發中，通常我們使用Input屬性綁定和Output事件綁定進行組件通信，然而Input和Output卻只能在父子組件中傳遞信息。組件根據調用關係形成一棵組件樹，如果只有屬性綁定和事件綁定，那麼兩個非直接關係組件要通信，需要通過各個連接點本身，中間人需要不斷處理和傳遞一些它本身不需要知道的信息（如圖1左）。

angular , devui , 依賴注入 , 設計模式 , 前端

收藏 評論

jump_and_jump 頭像

jump__jump - 妙用 localeCompare 獲取漢字拼音首字母

在前端開發中，開發者通常會使用 localeCompare 來進行中文字符的排序比較。但 localeCompare 還有一種較為少見的應用場景 —— 通過獲取中文字符的拼音首字母來實現檢索功能。本文將詳細介紹這一實用技巧及其應用。 原理 localeCompare 方法允許字符串按特定語言環境的排序規則進行比較。在中文環境下，它會默認按照漢字的拼音順序進行排序。基於這一特性： 準備一組具有代

搜索 , 漢字轉拼音 , 工具類 , 前端 , Javascript

收藏 評論

dewujishu 頭像

得物技術 - 項目性能優化實踐：深入FMP算法原理探索｜得物技術

一、前 言 最近在項目中遇到了頁面加載速度優化的問題，為了提高秒開率等指標，我決定從eebi報表入手，分析一下當前項目的性能監控體系。 通過查看報表中的cost_time、is_first等字段，我開始瞭解項目的性能數據採集情況。為了更好地理解這些數據的含義，我深入研究了相關SDK的源碼實現。 在分析過程中，我發現採集到的cost_time參數實際上就是FMP（First Meaningful P

算法 , 前端

收藏 評論

kestrel_task 頭像

微芒不朽 - Vue 3 組件開發最佳實踐：可複用組件設計模式

前言 組件化是現代前端開發的核心思想之一，而在 Vue 3 中，藉助 Composition API 和更完善的響應式系統，我們能夠設計出更加靈活、可複用的組件。本文將深入探討 Vue 3 組件開發的最佳實踐，介紹多種可複用組件的設計模式，幫助開發者構建高質量的組件庫。 組件設計基本原則 1. 單一職責原則 每個組件應該只負責一個明確的功能，避免功能過於複雜。 2. 開放封閉原則 組件對擴展開放，

vue.js , 前端 , Javascript

收藏 評論