收藏 / 列表

wmuhua 頭像

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

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

csrf , 安全 , xss , 前端

lenglengdechaomian 頭像

冷冷的炒麪 - SSL證書免費的和付費的有什麼區別？

在當今互聯網環境中，SSL證書已成為保障網站安全、提升用户信任度及增強搜索引擎排名的重要工具。無論是個人站點還是企業級平台，部署SSL證書以實現HTTPS加密和身份可信認證已成為基本要求。然而市面上的SSL證書有免費與付費之分，那麼你知道SSL證書免費的和付費的有什麼區別嗎？ 1、價格差異免費SSL證書，顧名思義，用户無需支付任何費用即可申請和使用。付費SSL證書則需根據證書類型、品牌及功能特性

觀點 , HTTP , HTTPS , 知識

b2proxy 頭像

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

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

前端 , Javascript

guangmingleiluodebaomihua 頭像

B2Proxy - 2025 年最推薦的3個住宅代理服務商

在跨境電商、廣告驗證、數據採集和 AI 訓練等行業中，住宅代理已成為不可或缺的基礎工具。選擇合適的住宅代理，不僅能提升業務效率，還能有效降低封號、封禁和 IP 被識別的風險。本文將為你推薦三款在 2025 年表現出色的住宅代理服務，其中 第一推薦為 B2Proxy。 一、B2Proxy——全球覆蓋與高可靠性並存 推薦指數：★★★★★ 作為領先的住宅代理提供商，B2Proxy 擁有超過 800

php , 前端

zhaodawan 頭像

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

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

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

cryptorzz 頭像

CryptoRzz - Java 對接印度股票數據源實現 http+ws實時數據

以下是使用 Java 對接 StockTV 印度股票數據源的完整實現，包括實時行情、K線數據、公司信息等功能。 1. 項目依賴 首先在 pom.xml 中添加必要的依賴： dependencies !-- HTTP 客户端 -- dependency groupIdorg.apache.httpcomponents/groupId artifactI

觀點 , 資訊 , 教程 , 知識 , 爬蟲

nihaoanihao 頭像

你好啊你好 - 摩天輪（vue）

效果圖 使用示例 script lang="ts" setup import FerrisWheel from "**/FerrisWheel.vue"; import { ref } from "vue"; const defaultUrls = [ "https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel1.

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

yuhuashi_584a46acea21f 頭像

雨花石 - webpack未轉譯第三方依賴axios為es5導致低端機型功能異常

背景： 兼容性測試流程中，遇到華為p9手機上的頁面按鈕點擊無反應的問題。開發者工具查看後發現報錯如下： 根據報錯信息檢查了一下頁面引用的vendors包，發現有...語法，來自於第三方依賴axios。 原因： axios包有es6語法，而我的項目的webpack.config.js配置的babel-loader排除了所有的node_modules的編譯。如下： {

babel-loader , Android , Axios , webpack , Javascript

chunzhendexiaogou 頭像

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

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

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

danjuanfe 頭像

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

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

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

liuyuedekele 頭像

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

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

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

sovitjs 頭像

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

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

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

xixindehongjiu 頭像

細心的紅酒 - SSL雙向認證

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

後端 , 前端

liuyue_5e7eb6745e089 頭像

劉悦的技術博客 - 眾妙之門玄之又玄，遊戲系統中的偽隨機和真隨機算法實現Python3

原文轉載自「劉悦的技術博客」https://v3u.cn/a_id_212 有人説，如果一個人相信運氣，那麼他一定參透了人生。想象一下，如果你在某款moba遊戲中，在裝備平平，隊友天坑的情況下，卻刀刀暴擊，在一小波gank中輕鬆拿下五殺，也許你會感嘆自己的神操作和好運氣，但其實，還有另外一種神秘的力量在支配着這一切，那就是：隨機算法。 偽隨機（Pseudo-Randomization） 其實，競技

python3 , 隨機數 , 遊戲 , 遊戲開發 , 算法

susuhhhhhh 頭像

用户bPcSPjP - 微信小程序實現歷史搜索功能（h5同理）

1.實現效果 2.實現原理 將數據存在storage中。 wx.setStorageSync('search_history', JSON.stringify(this.data.list)) 取數組前15條。 if (wx.getStorageSync('search_history') ){ this.setData({ list:JSON.parse(wx.get

小程序 , localstorage , 緩存 , storage , 前端

chengxuyuanyouyage 頭像

程序員優雅哥 - 分享一個實用的 vite + vue3 組件庫腳手架工具，提升開發效率

無論是 vue2 全家桶還是 vue3 + vite + TypeScript，組件庫的使用幾乎大家都會，但自己開發一個獨立組件庫就不是每個人都掌握的，因為搭建組件庫的基礎開發環境，就會讓很多同學望而卻步。一個組件庫應該至少要包括三個方面： 組件庫的開發和打包； 組件庫文檔的開發和打包； 命令行工具 cli 快速創建新組件。 這幾天 程序員優雅哥 搭建了一個組件庫的基礎腳手架： vue3

腳手架cli , 組件庫 , vue-cli3 , vue3 , 前端

shenfq 頭像

Shenfq - React 中 setState 是一個宏任務還是微任務？

最近有個朋友面試，面試官問了個奇葩的問題，也就是我寫在標題上的這個問題。 能問出這個問題，面試官應該對 React 不是很瞭解，也是可能是看到面試者簡歷裏面有寫過自己熟悉 React，面試官想通過這個問題來判斷面試者是不是真的熟悉 React 🤣。 面試官的問法是否正確？ 面試官的問題是，setState 是一個宏任務還是微任務，那麼在他的認知裏，setState 肯定是一個異步操作。為了判斷

react , promise , settimeout , 前端 , Javascript

zaotalk 頭像

前端早早聊 - 【Node 連載 2/9】Node.js ORM 在語雀的探索與實踐

本文是 2021 年 12 月 26 日，第三十五屆 - 前端早早聊【前端搞 Node.js】專場，來自螞蟻金服 語雀前端團隊 —— 小琿的分享。感謝 AI 的發展，藉助 GPT 的能力，最近我們終於可以非常高效地將各位講師的精彩分享文本化後，分享給大家。（完整版含演示請看錄播視頻和 PPT）：https://www.zaozao.run/video/c35 完整 PPT 請聯繫小助手（vx：zz

orm , node.js , 前端框架 , 數據庫 , 前端

qinglong_62898aa51988d 頭像

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

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

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

heiyanjing 頭像

HeiYanjing - 實現一個compose函數

純函數和柯里化很容易寫出洋葱代碼 h(g(f(x)))。洋葱代碼的嵌套問題使得我們的維護更加困難。這與我們選用函數式編程的開發初衷是相違背的，在這種情況下函數組合的概念就應運而生。 函數組合可以讓我們把細粒度的函數重新組合生成一個新的函數 下面這張圖表示程序中使用函數處理數據的過程，給 fn 函數輸入參數 a，返回結果 b。可以想想 a 數據通過一個管道得到了 b 數據。

ecmascript-6 , lodash

thjjames 頭像

小皇帝James - 前端代碼規範彙總

前言 本文部分內容基於 Vue，大部分情況下都是前端通用的。 本文旨在規範lint不能解決的前端代碼，不與已有的 eslint、 stylelint、prettier 規則重複。 規範 HTML規範 語義化標籤 標題 h1 ~ h5 列表 ul + li 文字塊 p 佈局 header nav section article aside

規範化 , jsdoc , Css , HTML , 前端

aqiongbei 頭像

aqiongbei - 來學一個值錢的知識，Chrome插件如何優雅的捕獲頁面的請求結果

背景 今天在寫一個某網站限流檢測的chrome插件，需要捕獲頁面的某個請求結果。那麼問題就來了，我們該如何捕獲頁面的請求結果呢？我們來捋捋都有哪些方案。 我開發的時候的配置為manifest_version: 3，下文內容也是在這個基礎上展開的。 本文只列舉方案，一些需同步在manifest_version進行配置地方並未提及，請自行配置。 可行的方案 一、chrome.webReques

chrome , chrome-extension , chrome-devtools , 前端 , Javascript

simonbaker_5ec61c266b1df 頭像

simonbaker - window.name和postMessage跨域詳解

文章不易，請關注公眾號 毛毛蟲的小小蠟筆，多多支持，謝謝。 概念 window.name 1、在一個窗口還沒關閉之前，同一個窗口的所有頁面都共享同一個window.name。 這個窗口可理解為chrome瀏覽器的一個tab標籤頁面。另外，從一個頁面中跳轉到另一個頁面後，這些頁面都共享同一個window.name。 2、每個頁面都能讀和寫window.name。 這個可能就是安全問題的來源。 3、w

postmessage

mincloud 頭像

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

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

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