收藏 / 列表

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

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

csrf , 安全 , xss , 前端

冷冷的炒麪 - 免費SSL證書申請指南

瞭解SSL證書 SSL證書是網站的安全身份證,它讓網站地址從"http"變成"https",並在瀏覽器顯示鎖形標誌。主要作用是加密數據傳輸,驗證網站真實性,防止信息被竊取。 準備工作 1.確認域名所有權 2.準備服務器信息 3.準備企業資料(如申請企業型證書) 4.準備聯繫電話和郵箱 選擇證書類型 :根據需求選擇合適類型 域名型證書:基礎加密功能 企業型證書:需要驗證企業資質 增強型證書:最高安全

觀點 , HTTP , HTTPS , 知識 , 前端

675173ff-65c2-413a-b556-576966012357 - 代理IP行業的未來趨勢:隱私、安全與智能化的新紀元

隨着全球互聯網環境的日益複雜化,代理IP(Proxy IP)早已不再是黑客或數據採集工程師的“專屬工具”,而逐漸成為企業數字化生態中不可或缺的基礎設施。無論是跨境電商、社交媒體運營、廣告驗證,還是AI數據訓練,代理IP都在扮演着越來越關鍵的角色。那麼,未來的代理IP行業將走向何方?本文將從技術、合規、智能化和應用場景四個角度進行深入分析。 一、隱私與合規驅動下的行業重塑 近年來,隱私保護與數據合規

前端 , Javascript

B2Proxy - 深入理解代理IP:讓你的網絡操作更高效、更安全

在如今的數字化時代,網絡已成為數據流動的主戰場。無論是企業級數據採集、廣告驗證,還是跨境電商與隱私保護,代理IP(Proxy IP) 都在其中發揮着關鍵作用。對於開發者與技術從業者來説,理解代理IP的原理與使用場景,是提升網絡操作效率與安全性的基礎。 一、什麼是代理IP 代理IP是指通過中間服務器轉發網絡請求的技術。當用户訪問網站時,請求不會直接從本地設備發出,而是先經過代理服務器中轉。這樣,目標

go , 前端

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

組件開發 在前端項目開發中,組件開發佔據着舉足輕重的地位。通過組件封裝,能夠將公共業務或 UI 交互進行統一整合,有效避免重複開發,極大地提高開發效率。 JOKER 開發平台展現出卓越的優勢,它支持在線進行組件開發,且開發完成的組件無需經過編譯,即可在平台內直接引用並渲染。這得益於 JOKER 開發平台自主研發的渲染與沙箱機制,實現了框架層面的高度靈活性。 一個完整的組件主要由以下幾大功能點構成:

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

CryptoRzz - 實時期貨、黃金貴金屬、外匯數據接口文檔

StockTV 提供全面的期貨、黃金貴金屬和外匯市場數據接口,支持全球主要交易所的期貨合約、貴金屬現貨及期貨、全球外匯貨幣對等多種金融產品。所有接口返回數據均為 JSON 格式。 快速開始 1. 獲取 API Key 請聯繫官方獲取有效的 API Key,所有接口調用都需要在參數中攜帶 key。 2. 基礎信息 基礎URL: https://api.stocktv.top WebSocket

觀點 , fiddler , 教程 , 知識 , 前端

你好啊你好 - 小説關鍵字節點搜索

網頁地址 源碼地址 視頻介紹 https://www.bilibili.com/video/BV1MJ4BzMEHX/?aid=115378525050...

工具 , 小説

雨花石 - webpack優化:提高二次構建速度

痛點: 開發過程中改一行代碼卻要等webpack構建半天實在太捉急。 項目背景 我們的項目是@vue/cli4生成的,基於webpack和vue2開發,未使用ts。用到了很多jquery、lodash、echarts等第三方依賴。 參考: @vue/cli4已經默認配置過一些優化方法了,比如為babel-loader增加cache-loder。請教了deepseek和google之後,根據項目的實

vue.js , vue-cli4 , webpack , 前端 , Javascript

PoloAPI - 一文看懂谷歌I/O 2025開發者大會: Android、Chrome、谷歌搜索、Gemini

谷歌I/O開發者大會以"AI原生生態"為核心戰略,圍繞技術升級、產品整合與商業模式展開深度佈局。以下是關鍵內容的結構化總結: 一、AI技術架構突破‌ ‌Gemini模型矩陣‌ Gemini 2.5 Pro新增Deep Think模式,增強複雜推理能力(數學/編程任務準確率提升37%) 輕量級Gemini 2.5 Flash實現移動端40%延遲降低,支持邊緣設備部署 多媒體生成模型V

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

前端蛋卷 - 什麼?前瞻斷言和後瞻斷言居然可以這麼牛?

JavaScript 中的前瞻斷言(lookahead)和後瞻斷言(lookbehind)相信用過的小夥伴就知道它的威力了,在一些特定的需求場景下,可以做到四兩撥千斤的作用,今天讓我們來盤點一下在 JavaScript 正則表達式中這兩個秘密武器吧。 前瞻斷言和後瞻斷言,在其他語言的正則表達式中也存在,這個特性不是 JavaScript 的專屬 概念定義 不管是前瞻斷言還是後瞻斷言,最終目的都是尋

前瞻 , 正則表達式 , 前端 , Javascript

火爆的鍵盤 - 探討 Postman OAuth 2.0 授權的訪問方法

OAuth 2.0 代表了 web 安全協議的發展,便於在多個平台上進行授權服務,同時避免暴露用户憑據。它提供了一種安全的方式,讓用户可以授權應用程序訪問服務。 在 Postman 中開始使用 OAuth 2.0 Postman 是一個流行的API客户端,支持 OAuth 2.0。首先在 Postman 中調整 API 請求的授權參數。導航到授權選項卡,從下拉菜單中選擇 "OAuth 2.0"。您

oauth2.0 , postman , 程序員 , 後端 , oauth-2.0

六月的可樂🥤 - 強烈推薦 Web前端在線代碼IDE(代碼編輯器)

好用代碼在線編輯器推薦 在前端開發的世界裏,一款高效、便捷的代碼編輯器是每位開發者的得力助手。今天,我將以一名前端技術愛好者的身份,為大家介紹一款專注於前端領域的免費在線代碼編輯器——ColaOnlineCoder。它不僅支持在線編輯和預覽HTML、CSS、JavaScript等前端代碼,還集成了豐富的在線前端框架模板,以及強大的AI編程助手能力,為前端開發帶來了前所未有的便捷與可能。 這裏先貼一

css3 , 人工智能 , typescript , 前端 , html5

qinyuanqiblog - nodjs 爬取喜歡的的背景圖片

直接從幕布考過來的,懶得改排版了, 😄😄😄, 幕布地址: https://mubu.com/doc/_77_RCP9GG 前言 公司搬家了, 換了新的電腦, 感覺桌面有點空蕩蕩,想去搞幾張高級的背景圖片來裝下13,於是便有了這個項目 經過一番谷歌,感覺比較喜歡wallhaven這種風格的背景圖,開始搞起 ~~~ 搞搞搞

node.js , nodejs爬蟲

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

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

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

細心的紅酒 - SSL證書是如何工作的

揭秘SSL證書:守護網絡通信的安全衞士是如何工作的? 在我們日常瀏覽網站時,地址欄那個小小的鎖形圖標 和 https:// 已經成為安全的象徵。這一切的背後,都是SSL/TLS證書在默默工作。它就像一位盡職盡責的安全衞士,通過一套精密的“握手”協議,確保你與網站之間的通信既私密又可信。 核心目標:解決兩大安全難題 在深入流程之前,我們首先要明白SSL/TLS協議旨在解決兩個根本問題: 加密:如何防

後端 , 前端

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

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

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

前端早早聊 - 【Node 連載 5/9】如何用 Node 建設企業級應用網關

本文是 2021 年 12 月 26 日,第三十五屆 - 前端早早聊【前端搞 Node.js】專場,來自塗鴉的大前端基礎建設團隊 —— 龍野的分享。感謝 AI 的發展,藉助 GPT 的能力,最近我們終於可以非常高效地將各位講師的精彩分享文本化後,分享給大家。(完整版含演示請看錄播視頻和 PPT):https://www.zaozao.run/video/c35 正文如下 大家好,我是塗鴉智能的龍野

node.js , 前端框架 , koa , 網關 , 前端

清隆 - 細説Vue2的響應式原理

什麼是響應式 在 Vue 開發中,我們修改了數據,所有用到這份數據的視圖都會更新。 響應式概括來説就是數據驅動視圖的自動更新 舉個例子,本文也將以下面這段代碼來講解與實現響應式 HTML div id="app" {{ obj.message }} /div JS let data = { obj: { message: 'Hello Vue!', }, } new Vue(

vue2 , vue.js , 響應式 , 前端 , Javascript

HeiYanjing - CommonJS模塊分類及加載流程,及模塊加載模擬實現

模塊分類 內置模塊:Node源碼編譯時寫入到二進制文件中 文件模塊:代碼運行時,動態加載 加載流程 路徑分析:依據標識符確定模塊位置(路徑標識符、非路徑標識符) 文件定位:確定目標模塊中具體的文件及文件類型(存在'm1'模塊,導入時使用require('m1')語法,使用m1.js-m1.json-m1.node的順序,如果都沒找到,會被當做一個目錄,查找package.json文件

commonjs

知曉雲 - 開發一個 App Clip 並不難!我們立馬上開發教程

作者|何世友、彭權華 在 2020 年 6 月 23 日的 WWDC 大會中,蘋果發佈了 App Clips 。 App Clip(官方翻譯:輕 App;民間翻譯:「蘋果」小程序),是主 app 輕量級的版本,旨在在特定場景為用户提供快速便捷的體驗。 如果你在上班路上經過一家咖啡店想購買一杯咖啡,但發現排隊下單付款的人很多,此刻你只需要使用 iPhone 自帶的掃碼工具掃描咖啡商店的 App Cl

移動web開發 , 小程序 , app , 蘋果開發 , 前端

HZFEStudio - Babel 的原理

完整高頻題庫倉庫地址:https://github.com/hzfe/aweso... 完整高頻題庫閲讀地址:https://febook.hzfe.org/ 相關問題 Babel 是什麼 Babel 有什麼用 壓縮代碼如何實現 回答關鍵點 JS 編譯器 AST 插件系統 Babel 是 JavaScript 編譯器:他能讓開發者在開發過程中,直接使用各類方言(如 TS、Flow、JSX

ast , 壓縮工具 , 前端工具 , babel , 前端

卡頌 - 組長讓我把所有state都放Redux裏

大家好,我是卡頌。 在我們React進階源碼羣裏,除了React外,狀態管理是最常討論的話題。 詭異的是,有多個羣友説過類似的話: 他的同事/組長/領導...讓他把所有state都放在Redux/Mobx...裏 他們覺得不對,又不知道如何反駁。 今天我們來聊聊Redux、Mobx等狀態管理庫和React、Vue等視圖庫之間的關係,希望能解決以上困惑。 產品的核心競爭力 如果你在電梯裏遇到大領導

react , vue.js , mobx , redux , 前端