tag 前端

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

@前端 / 博客 RSS 訂閱

aitaokedemugua 頭像

bot555666 - 架構升級：1024proxy如何構建能對抗現代風控的智能代理系統

一次詭異的技術故障讓整個營銷團隊癱瘓——後台日誌顯示，一個用户會話在兩分鐘內出現了三次出口IP變化，一次TLS握手失敗，一次代理鏈路斷開。系統隨即將此判定為“可疑登錄來源”，導致多個重要業務賬號被批量凍結。 1024proxy 互聯網平台的風控系統早已進化成高度智能的檢測網絡。當我們還停留在“換個IP就好”的思維時，風控引擎已經在多維度上分析我們的每一次請求：它們不僅檢測IP來源，

前端

收藏 評論

insus 頭像

Insus.NET - 用户單擊文本並複製至剪帖板

Html5網頁，一些內容，可以讓用户點擊選中文本，並把選中的文本複製至剪帖板(Clipboard)。 Insus.NET已經實現與測試，記錄於此，方便時可以重來查閲與參考。 複製文本到剪貼板（兼容所有瀏覽器） function CopyTextToClipboard(text) { // 方法1: 使用現代Clipboard API（首選） if (nav

前端

收藏 評論

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

收藏 評論