收藏 / 列表

wmuhua 頭像

沐華 - 前端安全13條，除了XSS/CSRF你還知道哪些？

大家好，我是沐華。最近面了一些前端，發現每次問到安全相關的問題，一些面試者只能説上來 XSS、CSRF、中間人攻擊，就沒了，於是寫了這篇文章，總結了前端安全相關的點，給大家查缺補漏 瀏覽器 XSS XSS 攻擊是一種代碼注入攻擊，通過惡意注入腳本在瀏覽器運行，然後盜取用户信息。本質上其實是因為網站沒有過濾惡意代碼，與正常代碼混在一起之後，瀏覽器沒有辦法分辨哪些是可信的，然後導致惡意代碼也被執行 結

csrf , 安全 , xss , 前端

lenglengdechaomian 頭像

冷冷的炒麪 - 如何申請國產SSL證書

什麼是SSL證書 SSL證書是安裝在網站服務器上的數字證書，它能讓網站地址從"http://"變成"https://"，並在瀏覽器地址欄顯示小鎖圖標。主要作用是： 加密數據傳輸，防止信息被竊取 驗證網站真實性，防止釣魚網站 提升用户信任度和SEO排名 國產SSL證書是由中國認證機構頒發的，符合國內監管要求，適合國內企業使用。 選擇國產SSL證書機構 國內主流的SSL證書頒發機構有： 1.CF

HTTP , HTTPS , 知識

b2proxy 頭像

675173ff-65c2-413a-b556-576966012357 - IP代理的工作原理詳解：隱藏真實身份的互聯網中間層

在現代互聯網世界中，IP代理（Proxy IP） 已成為跨境電商、數據採集、隱私保護、AI訓練和廣告驗證等領域不可或缺的基礎工具。它讓用户能夠繞過地理限制、保護隱私、提高訪問穩定性。那麼，IP代理究竟是如何工作的？為什麼它能隱藏真實身份？本文將從原理、類型與應用三個角度，深入解析IP代理的工作機制。 一、什麼是IP代理？ IP代理，也被稱為“代理服務器”（Proxy Server），是一種位於客户

前端 , Javascript

guangmingleiluodebaomihua 頭像

B2Proxy - 什麼是住宅IP？一文看懂住宅代理的原理與用途

在如今的網絡世界中，無論是跨境電商、廣告投放、社交媒體管理，還是數據採集與SEO測試，代理IP 都是實現穩定、安全訪問的關鍵工具。 其中，住宅IP（Residential IP） 憑藉更高的匿名性和更真實的網絡環境，正成為企業與個人用户的首選。 很多人聽説過“住宅代理”，卻不太瞭解它與數據中心代理的區別，也不清楚為什麼越來越多的業務都在轉向住宅IP。 本文將帶你深入瞭解住宅IP的

後端 , 前端

zhaodawan 頭像

趙大碗 - Joker 智能開發平台-組件方法

組件方法 本章着重介紹組件方法的創建與維護。 概述 除了在組件的生命週期函數中維護邏輯，平台還賦予開發人員創建組件方法的能力。通過將公共業務邏輯創建為組件內的方法，有助於更高效地維護組件。將這些方法對外公開後，還能實現從外部調用組件內部方法，這是實現高級複雜組件的關鍵操作流程。 如何創建/編輯方法 在 組件數據 面板的 邏輯事件 - 組件方法 處，能夠添加和維護組件方法。 打開方法創建面板後，平

低代碼 , 低代碼開發平台 , 前端

cryptorzz 頭像

CryptoRzz - DeepSeek印度股票數據源 Java 對接文檔

📋 文檔概述 本文檔詳細介紹如何使用 Java 語言對接 StockTV 印度股票數據源，包含完整的代碼示例、數據模型、異常處理等。 🚀 快速開始 環境要求 JDK 8+ Maven 3.6+ 網絡連接（可訪問 api.stocktv.top） 項目依賴 !-- pom.xml -- dependencies !-- HTTP客户端 -- dependency

觀點 , 教程 , 知識 , llama , claude

nihaoanihao 頭像

你好啊你好 - div + transform 實現旋轉圖片並得到期望的佔位盒子

效果圖 使用示例 script setup lang="ts" import RotatedImage from "**/RotatedImage.vue"; import { ref } from "vue"; const value = ref(50); const clockwise = ref(true); const src = ref( "https://naive-ui.os

vue.js , Css , HTML , 前端 , Javascript

yuhuashi_584a46acea21f 頭像

雨花石 - 前端瀏覽器緩存

一、瀏覽器緩存簡介 1、瀏覽器通過緩存服務器返回的資源（針對靜態資源和get請求），減少傳輸壓力，提高訪問速度。 2、那麼緩存的目標應該是：資源可以被緩存 + 保證不使用過期的資源 + 服務器資源部分更新的時候不能導致新舊文件內容不一致。所以可以結合實際情況，設置適當的緩存策略。 3、瀏覽器無緩存的過程： 瀏覽器請求 --- 無緩存 --- 請求WEB服務器 --- 請求響應 -

HTTP , HTTPS , 安全 , 前端

chunzhendexiaogou 頭像

PoloAPI - Windows 系統安裝與使用 Claude Code 全攻略

Claude Code 作為一款高效的 AI 編程輔助工具，深受開發者青睞，但由於其本身不支持 Windows 文件系統，在 Windows 系統上使用需要藉助 WSL（適用於 Linux 的 Windows 子系統）。下面為你詳細介紹在 Windows 系統上安裝和使用 Claude Code 的完整流程。 什麼是 WSL WSL（Windows Subsystem for Linux，適用於

編程 , 人工智能 , 深度學習 , 後端 , 前端

wupeng_5a4de5c290b9d 頭像

PatWu16 - PWA離線應用調研

1、PWA應用介紹 PWA 是一種通過現代 Web 技術提供類似原生應用體驗的 Web 應用。它的核心特性包括： 可離線訪問：通過 Service Worker 實現離線緩存快速加載 利用緩存策略加速資源加載可安裝 用户可以將 PWA 添加到主屏幕，像原生應用一樣使用響應式設計 適配各種設備屏幕 PWA 的核心技術包括： Service Worker：用於攔截網絡請求、管理緩存

pwa , HTML , 前端 , Javascript

jueqiangqingtongsan 頭像

倔強青銅三 - 苦練Python第1天：為何要在2025年學習Python

苦練Python第1天：為何要在2025年學習Python 原文鏈接：Day 1/100: Why Learn Python in 2025? 作者：therahul_gupta 譯者：倔強青銅三 前言 大家好，我是倔強青銅三。是一名熱情的軟件工程師，我熱衷於分享和傳播IT技術，致力於通過我的知識和技能推動技術交流與創新，歡迎關注我，微信公眾號：倔強青銅三。歡迎點贊、收藏、關注，一鍵三

python3.x , 人工智能 , 後端 , 前端 , Python

danjuanfe 頭像

前端蛋卷 - 二分查找法時間複雜度推算

我們知道當一個算法的循環次數每次減少一半時，時間複雜度通常會變成 是 ${O(logn)}$ ，我們可以用二分查找算法作為示例來推算這個時間複雜度的計算過程。 問題背景 假設我們有一個有序數組，我們要在這個數組中查找一個特定的元素。如果元素存在，我們返回其索引；否則返回 -1。 算法步驟 比較目標值與數組的 中間元素。 如果目標值等於中間元素，返回其索引。 如果目標值小於中間元素，則在左半

時間複雜度 , 二分查找 , 數據結構與算法 , 前端

huobaodejianpan 頭像

火爆的鍵盤 - 瞭解 gRPC 狀態碼及其重要性

gRPC 是什麼？ gRPC（gRPC Remote Procedure Call）是一個高性能的開源框架，它通過遠程過程調用（RPC）機制促進應用程序之間的通信。 gRPC 框架使客户端應用程序能夠調用不同機器上的服務器應用程序的方法，就好像它是本地對象一樣。因此，該框架通過抽象網絡通信的複雜性，簡化了分佈式系統的開發。 gRPC 的關鍵特性 語言中立性 RPC 是平台無關的，並支持多種編程語言

grpc , 微服務 , rpc , 程序員 , 後端

liuyuedekele 頭像

六月的可樂🥤 - Vue3項目中集成AI對話功能的實戰經驗分享

前言 最近在項目中需要集成AI對話功能，經過調研後選擇了ai-suspended-ball-chat這個Vue3組件庫。使用了一段時間後，想從技術使用者的角度分享一下真實的體驗和踩過的坑，希望對有類似需求的開發者有所幫助。 項目背景與選擇理由 我們的項目是一個企業級的管理後台，需要為用户提供智能客服和代碼助手功能。在選擇方案時，主要考慮了以下幾個因素： 開發效率：不想從頭開發聊天UI和

vue.js , 人工智能 , 前端 , html5 , Javascript

qinyuanqiblog 頭像

qinyuanqiblog - 前端直傳七牛雲 3.0 sdk詳細使用

前言 最近產品大哥説要把電商項目改成支持視頻播放，視頻要在後管項目上可以上傳到七牛雲，100M以上的這種視頻，因為我們nginx限制了只能上傳30m，所以只能採用前端直傳七牛雲的這個方案 項目介紹 這是一個基於若依的前後端不分離的項目，前端代碼卸載jsp裏面，主要是後台大哥在維護，我們需要幫助後台做好前端直傳這個動作。 前端直傳七牛雲 如何註冊賬號，創建空間 一般這一步，不需要我們做，可以做為

七牛雲存儲 , 前端

sovitjs 頭像

可視化PaaS開發 - Web前端設計開發工具集（框架、驗證器、編輯器）

什麼是前端開發 前端開發是創建Web頁面或app等前端界面呈現給用户的過程，通過HTML，CSS及JavaScript以及衍生出來的各種技術、框架、解決方案，來實現互聯網產品的用户界面交互。前端開發主要關注用户體驗。 前端開發的技術 超文本標記語言（HTML） HTML 是基本的前端技術之一，也是前端開發的核心，是所有網站的標記。HTML 元素可幫助您向網站添加表單、按鈕、容器和其他功能。 級聯

visual-studio-code , sublime-text , 前端 , Git , Web

xixindehongjiu 頭像

細心的紅酒 - 一張SSL證書可以用於多個域名嗎？

一證多能：SSL證書的“共享”藝術 在數字化時代，SSL證書已成為網站安全的標配。當企業擁有多個域名時，一個現實問題隨之而來：能否像萬能鑰匙一樣，用一張SSL證書保護多個域名？答案是肯定的，但其中大有學問。 證書類型：三種不同的“通行證” SSL證書根據覆蓋範圍的不同，主要分為三類： 單域名證書：如同專屬門禁卡，只能保護一個特定域名，是最基礎的選擇。 多域名證書（SAN證書） : 堪稱“證書家族中

後端 , 前端

chengxuyuanyouyage 頭像

程序員優雅哥 - Vue3 企業級優雅實戰 - 組件庫框架 - 8 搭建組件庫 cli

前面的文章分享了組件庫的開發、example、組件庫文檔，本文分享組件庫 cli 開發。 1 為什麼要開發組件庫 cli 回顧一個新組件的完整開發步驟： 1 在 packages 目錄下創建組件目錄 xxx： 1.1 使用 pnpm 初始化 package.json，修改 name 屬性； 1.2 在該目錄中創建 src 目錄和 index.ts 文件； 1.3 在 src 目錄下創建 types

vite , 組件庫 , vue3 , cli , 前端

zaotalk 頭像

前端早早聊 - 今天聊：2~4 年前端走出離職困境與舒適區

本文寫於 2019 年，原鏈接 404 了，重新發布同步於此。1 萬個小時和 3 萬行代碼，會成為工作前 4 年非常核心的量化指標，把握住這段週期，可以在職場建立非常有競爭力的擇業優勢，更關鍵的是自己真正的潛能會被挖掘出來，繼而有機會成為那個心目中的大牛，而把握二字，知易行難，背後需要不斷的走出舒適區，不斷的突破困境區，需要你的決心和勇氣。我是一個做了10 年前端、堅信創業是場修行的趕路人，如果你

職業發展 , 前端工程師 , 職業規劃 , 程序員 , 前端

qinglong_62898aa51988d 頭像

清隆 - 兩千字助你理解for of原理，擴展for of完美解決遍歷對象問題

ES6 推出的 for of 語句非常強大，遠超曾經的所有遍歷方式。 for of 可以很輕鬆地遍歷數組、集合、映射，寫法也十分簡潔。 在我的項目中，除了需要獲取特定返回值的時候還採用數組的 map filter reduce 方法，其餘遍歷都由 for of 代勞。 本文我將逐層深入地介紹 for of 語句的用法與注意事項，並刨析其原理——迭代器和生成器，最後在對象與數字類型上擴展 for o

迭代器 , for循環 , 前端 , Javascript

heiyanjing 頭像

HeiYanjing - webpack4和webpack5打包資源文件配置差異

項目中會有一些資源文件，比如圖片資源，字體資源文件等。這些文件在打包的時候需要移動到dist目錄 webpack4中，打包這些資源文件，需要用到url-loader和file-loader, file-loader把文件輸出到一個文件夾中，在代碼中通過相對 URL 去引用輸出的文件 (處理圖片和字體) url-loader與 file-loader 類似，區別是用户可以設置一個閾

webpack5 , webpack4

mincloud 頭像

知曉雲 - 第十章：小程序表單與醫療急救卡（下）

作者：知曉雲 - 小程序開發快人一步 來源：知曉課堂 在上一節，我們瞭解了許多表單組件的用法。在這一節，我們將會繼續對小程序進行開發。 特殊功能開發 小程序請求呼出電話 添加輸入框 input 組件和按鈕 button 組件，用以輸入緊急聯繫人電話號碼和點擊 button 撥打號碼 `!--pages/index/index.wxml-- view view緊急聯繫人電話號碼：/

移動web開發 , 微信小程序 , 小程序 , 前端

_6085362b65292 頭像

HZFEStudio - 瀏覽器事件循環

完整高頻題庫倉庫地址：https://github.com/hzfe/awesome-interview 完整高頻題庫閲讀地址：https://febook.hzfe.org/ 相關問題 什麼是瀏覽器事件循環 瀏覽器為什麼需要事件循環 Node.js 中的事件循環 回答關鍵點 任務隊列 異步 非阻塞 瀏覽器需要事件循環來協調事件、用户操作、腳本執行、渲染、網絡請求等。通過事件循環，瀏覽器

事件循環 , node.js , 瀏覽器 , 前端性能 , Javascript

kasong 頭像

卡頌 - useState與useReducer性能居然有區別？

大家好，我卡頌。 稍微深入瞭解過useState的同學都知道 —— useState其實是預置了reducer的useReducer。具體來講，他預置的reducer實現如下： function basicStateReducer(state, action) { // $FlowFixMe: Flow doesn't like mixed types return typeof acti

react , hooks , 前端 , Javascript