tag 前端

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

@前端 / 博客 RSS 訂閱

u_13966077 頭像

high2011 - 【Little Tools】-- 辯論賽倒計時系統

辯論賽倒計時系統 - 專業版 一個功能完整的專業辯論賽倒計時系統，支持多階段計時、毫秒級精準倒計時、超時警示等高級功能。 PS：瀏覽器直接打開 html 即可使用！ ✨ 核心功能特點 1. 多階段計時 ✅ 支持立論、駁立論、質詢、自由辯論、總結等多個環節 ✅ 各環節時間可自定義設置

MySQL , 重置 , 自定義 , 數據庫 , 網絡 , HTML , 前端

收藏 評論

linong 頭像

linong - 從想法到上線：AI 輔助的個人 Demo 全流程

前言 曾幾何時，為了答疑解惑，或驗證一個突如其來的想法，我嘗試過各種前端工具： 從 JSFiddle、CodePen 這樣的在線代碼編輯器，到 StackBlitz 這種項目級在線 IDE，再到 GitHub Pages、Netlify 等靜態站點託管平台。 這些工具各自解決了某一階段的問題，卻始終存在一道隱形門檻——環境、配置、部署。 很多時候，真正應該消耗精力的是“實現想法”，但現

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

收藏 評論

u_16099300 頭像

墨染青衫 - Web性能優化（方法篇） - jedi

引言 Actix-web 作為 Rust 生態中最高性能的 web 框架之一，憑藉其基於 Actor 模型的架構設計和卓越的吞吐量表現，在微服務和高併發應用領域備受關注。作為 Rust 技術專家，我將從架構設計、併發處理、內存管理等多個維度，深入探討 Actix-web 的性能優化策略。 核心架構與性能基因 Actix-web

性能優化 , redis , 中間件 , Actix-web , app , 數據庫 , 前端

收藏 評論

wubomu 頭像

烏柏木 - Server-side rendering for any React app on any FaaS provider

By this document, I'd like to introduce a general method to set up server-side rendering(SSR) for any React app on any FaaS provider. A "React app" is a web app with its client side (or frontend) buil

node.js , 服務端渲染 , netlify , 前端 , Javascript

收藏 評論

vivo_tech 頭像

vivo互聯網技術 - 從不足到精進：H5即開並行加載方案的演進之路

作者： vivo 互聯網客户端團隊- Chen Long 並行加載是 H5 即開 SDK 的加速技術，通過 native 層在用户打開頁面時並行請求關鍵資源（如 index.html 和 CSR 模式 API），利用 webview 初始化時間窗口提前發起請求，減少加載耗時。其核心挑戰是解決 webview 與並行任務間的資源交接問題。 1分鐘看圖掌握核心觀點👇 一、並行加載能力核心解

客户端 , webview , 前端 , html5

收藏 評論

wanderinglight 頭像

時光如水 - H5定位的一些坑和記錄

1.先用的百度的API(坑巨多): getCurrentPosition() 方法 百度api文檔 大概代碼如下: let geolocation = new BMap.Geolocation() geolocation.getCurrentPosition(function(r) { if (this.getStatus() == BMAP_STATUS_SUCCESS) {

定位 , 百度地圖 , 前端 , html5 , Javascript

收藏 評論

qaz666 頭像

可不簡單 - vue 表格 vxe-table 如何實現右鍵菜單異步權限控制，權限控制郵件菜單按鈕禁用與顯示

vue 表格 vxe-table 如何實現右鍵菜單異步權限控制，權限控制郵件菜單按鈕禁用與顯示，支持自定義方法參數來控制菜單選項的異步禁用與顯示 https://vxetable.cn 右鍵菜單加載中，通過 visibleMethod 和 loading | disabled | visible 屬性來控制菜單選項的異步禁用與顯示，可以精確到每一列每一行的顯示隱藏與禁用控制 template

前端

收藏 評論

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

收藏 評論