收藏 / 列表

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

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

csrf , 安全 , xss , 前端

冷冷的炒麪 - 打開網站顯示“與此站點連接不安全”該怎麼辦

當你在瀏覽器地址欄看到“與此站點連接不安全”的警告時,可能會感到困惑或擔憂。彆着急,這通常表示當前網站與你的瀏覽器之間的連接存在安全問題。 為什麼會出現“連接不安全”的提示? 簡單來説,這個提示意味着瀏覽器檢測到該網站未使用安全的HTTPS協議,而是使用不安全的HTTP協議。HTTPS通過加密技術保護數據傳輸,防止信息被竊取或篡改;而HTTP是明文傳輸,容易受到攻擊。當網站缺少有效的安全證書(即S

觀點 , HTTPS , 安全

675173ff-65c2-413a-b556-576966012357 - 提升代理 IP 穩定性的五個核心技巧

在跨境電商、廣告驗證、數據採集以及 AI 模型訓練等技術場景中,代理 IP 的穩定性決定了項目的運行效率與安全性。一個穩定的代理能讓系統持續運轉、降低封禁風險;而不穩定的代理則可能造成數據丟失、任務中斷、甚至賬户異常。 那麼,如何真正提升代理 IP 的穩定性? 本文將從五個關鍵角度入手,帶你全面掌握優化代理連接的實用方法。 一、優化網絡環境,確保本地連接穩定 很多人忽視了一個事實:代理

android-studio , 前端 , Javascript

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

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

後端 , 前端

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

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

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

CryptoRzz - 國際期貨、黃金、石油數據 Java 對接文檔

📋 文檔概述 本文檔詳細介紹如何使用 Java 語言對接 StockTV 國際期貨、黃金、石油等大宗商品數據源,包含完整的代碼示例、數據模型和實時監控功能。 🚀 快速開始 環境要求 JDK 8+ Maven 3.6+ 網絡連接(可訪問 api.stocktv.top) 項目依賴 !-- pom.xml -- dependencies !-- HTTP客户端 -- de

資訊 , fiddler , 知識 , 人工智能 , 前端

你好啊你好 - 邊緣吸附組件(vue)

效果Gif圖 使用方式 script lang="ts" setup import EdgeDockable from "***/EdgeDockable.vue"; /script template !-- localStorage 存儲位置時所需要的 key="AI" -- EdgeDockable localStorageKey="AI" template #collap

vue3 , 前端 , Javascript

雨花石 - 前端瀏覽器緩存

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

HTTP , HTTPS , 安全 , 前端

PoloAPI - 谷歌 AI 革命狂飆!Gemini 2.5 搜索引擎即將橫掃搜索市場,顛覆你的認知

隨着 5 月 20 日至 21 日谷歌 I/O 開發者大會的腳步臨近,一則重磅消息在科技業界引發強烈震動 —— 谷歌正緊鑼密鼓地籌備推出基於 Gemini 2.5 的下一代 AI 搜索引擎,這場變革將徹底顛覆沿用多年的傳統搜索框界面。目前,這一全新搜索模式已悄然進入灰度測試階段,標誌着谷歌決心將其最重要的流量入口全面切換至 AI 驅動的 Gemini 生態系統,此舉無疑將給 OpenAI、Perp

gemini-2.5-pro , google , 人工智能 , 後端 , 前端

PatWu16 - DragControls拖拽插件優化:從指定平面到任意平面

現狀:Threejs官方demo提供了DragControls.js平面拖拽控件,但只能拖拽Object在垂直於相機法線的平面上移動 目標場景:在六面體空間盒子中沿着六面體平面拖拽物體,並且需要限制在盒子內部 已知:空間盒子大小,對象所在的平面 方案設計: 將Object拖拽依賴的信息放在userData中,示例如下 基於拖拽控件,改造部分關鍵代碼,實現目標 // 模型對

three.js , 前端 , Javascript

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

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

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

前端蛋卷 - 快來看看 ECMAScript 2024 (ES15) 發佈了什麼新特性

2024 年 6 月 26 日,第 127 屆 Ecma 大會批准了 ECMAScript 2024 語言規範,這意味着它現在正式成為標準。 https://github.com/tc39/ecma262/releases 1. Group By 分組 Map.groupBy() 將可迭代對象分組為一個新的 Map,Map中的 key由回調提供: Map.groupBy([0, -5, 3, -

ecmascript , 前端 , Javascript

六月的可樂🥤 - 智能API代碼示例生成工具AiRestful

一、產品介紹 AiRestful是一款基於智能AI的,幫助小白快速生成任意編程語言的API接口調用示例代碼的編程工具.它的特點是:簡單易用、集成支持、多主流編程語言覆蓋.它是面向學生、編程愛好者、編程小白的實用工具. AiRestful官網: 點擊直達AiRestful官網 二、如何使用 AiRestful是簡單易用的,只需要三步即可為您生成您需要的編程語言的代碼示例. 1、第一步(必須): 根

restful , 人工智能 , 深度學習 , 前端 , Javascript

qinyuanqiblog - 微信PC端掃碼登錄流程記錄

前言 接入微信掃碼登錄整個流程的記錄 具體步驟 1. 註冊開發者賬號​ 2.創建應用,得到appid和AppSecret,並配置回調域名 2.1 創建應用 2.2 填寫應用資料,提交審核,審核通過會得到開發需要用的appid和AppSecret,這兩個值, 這個值會給到後台,然後然後再通過接口給到我們 2.3 應用創建成功,配置回調域名 4. 開發者資質認證 5. 配置一個內網穿透,方便

微信公眾平台 , 前端

可視化PaaS開發 - 好用的Web前端開發工具推薦

前端Web開發工具實際上是讓前端開發人員更高效輕鬆地構建前端佈局的軟件。在這些工具的幫助下,前端重複的工作變得簡單,從而加快了Web開發過程。 有許多前端Web開發工具可以滿足各種特定需求,例如HTML,CSS和JavaScript工具,代碼編輯工具,部署工具,原型和線框圖工具,安全工具等等。但是選擇適合自己項目的工具,必須對工具有所瞭解。 下面我們就介紹一些主流的Web前端開發工具: Vue.j

前端工程師 , 前端設計 , 前端 , Javascript , Web

細心的紅酒 - SSL雙向認證

SSL雙向認證:不止是服務器亮明身份,更是客户端的“實名制”通行證 在互聯網安全領域,SSL/TLS證書幾乎無人不知。我們日常訪問的絕大多數 HTTPS 網站,使用的都是單向認證——瀏覽器驗證服務器的身份,確保你連接的是真正的銀行或電商網站,而非釣魚網站。但在一系列對安全要求極高的場景中,一種更嚴格、更安全的機制被廣泛應用:SSL雙向認證。 本文將深入淺出地解析SSL雙向認證的核心原理、工作流程、

後端 , 前端

程序員優雅哥 - Vue3 企業級優雅實戰 - 組件庫框架 - 9 實現組件庫 cli - 上

上文搭建了組件庫 cli 的基礎架子,實現了創建組件時的用户交互,但遺留了 cli/src/command/create-component.ts 中的 createNewComponent 函數,該函數要實現的功能就是上文開篇提到的 —— 創建一個組件的完整步驟。本文咱們就依次實現那些步驟。(友情提示:本文內容較多,如果你能耐心看完、寫完,一定會有提升) 1 創建工具類 在實現 cli 的過程中

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

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

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

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

清隆 - 聊聊原型鏈與繼承

前言 原型鏈與繼承、作用域與閉包、單線程與異步並稱為前端的三座大山,均屬於 JavaScript 中基礎卻又十分複雜的部分,而且面試中也經常問到。 今天,我們就來詳細介紹一下原型鏈與繼承,聊聊它的概念、作用與用法。 如果掘友對此部分已經學過只是略微遺忘,可直接跳轉至原型鏈圖片看圖複習。 下面,讓我們循序漸進的介紹下原型鏈與繼承。 認識原型 在我們創建函數的同時,都會自動為其創建一個 prototy

原型 , 原型鏈 , 前端 , Javascript

HeiYanjing - webpack,單文件懶加載分析實現

log.js文件 module.exports ="lazy load logger" index.js文件 let oBtn = document.getElementById('btn') oBtn.addEventListener('click', function () { import( /*webpackChunkName: "log"*/ './log.js').then(

webpack4

知曉雲 - 全棧工程師必備技能,使用 severless 雲服務快速掌握小程序開發能力

無論你是剛入門的前端工程師、還是想通過好用的開發工具免去開發中繁瑣工作的資深工程師。serverless 雲服務將是你的首選,也將會成為你的好搭檔。 今天,我們將帶你瞭解: 什麼是 serverless 雲服務? 如何使用 serverless 雲服務? 通過 serverless 雲服務實現的開發案例 什麼是 serverless 雲服務 Serverless 俗稱為「無服務器架構」,

微信小程序 , 小程序 , 全棧工程師 , serverless , 前端

HZFEStudio - 移動端自適應的常見手段

完整高頻題庫倉庫地址:https://github.com/hzfe/awesome-interview 完整高頻題庫閲讀地址:https://febook.hzfe.org/ 相關問題 介紹 meta 的 viewport 值 rem 和 vw 的值是根據什麼計算的 1px 顯示問題 如何適配劉海屏 回答關鍵點 viewport 相對單位 媒體查詢 響應式圖片 移動端開發的主要痛點是

移動端 , 前端工程化 , 面試 , 移動端適配 , 前端

卡頌 - 很多人不懂什麼是優勢

大家好,我卡頌。 上週和10個左右同學交流了如何發展第二曲線,他們中有國企員工、寶媽、4S店管理、程序員... 在交流中,我發現個普遍現象 —— 應試教育以及職場帶來的思維慣勢,對人的影響非常大,最直觀的影響就是 —— 很多人不懂什麼是優勢。 如果你一路從學校到職場,直到最近才由於各種原因(比如裁員壓力、內卷、年齡焦慮...)考慮發展第二曲線,那這篇文章也許會改變你對優勢的固有認知。 説真的,什麼

求職

不語 - nacos基礎使用模板(註冊中心、配置中心)

Nacos是阿里巴巴的產品,現在是SpringCloud中的一個組件。Nacos本身就是一個單獨的軟件,需要下載並且安裝,下載好後在nacos文件bin文件夾中cmd命令 startup.cmd -m standalone 進行單體啓動(nacos默認集羣啓動),彈出naocs圖標以及對應的登錄頁信息則啓動成功,進入頁面登錄即可 賬號 密碼默認都為 nacso 1 註冊中心 一、基本使用 在父工程

中間件 , 阿里巴巴 , 微服務 , JAVA , 分佈式