收藏 / 列表

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

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

前端 , Javascript

Feng_Fanfan - 前端工程師復健筆記-JavaScript 核心深度複習-Promise及有關函數

Promise 詳解及常用方法對比 1. Promise 原理詳解 1.1 Promise 基本概念 Promise 是 JavaScript 中用於處理異步操作的對象,它代表一個異步操作的最終完成(或失敗)及其結果值。 // Promise 的三種狀態 const promise = new Promise((resolve, reject) = { // Pending 狀態(進行中)

教程 , 知識 , 前端 , Javascript

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

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

vue3 , 前端 , Javascript

PatWu16 - PWA離線應用調研

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

pwa , HTML , 前端 , Javascript

倔強青銅三 - 教你玩轉JavaScript元編程

教你玩轉JavaScript元編程 大家好,我是倔強青銅三。我是一名熱情的軟件工程師,我熱衷於分享和傳播IT技術,致力於通過我的知識和技能推動技術交流與創新,歡迎關注我,微信公眾號:倔強青銅三。 JavaScript元編程:深度解析Proxy、Reflect和對象屬性控制 JavaScript元編程超越了典型編程的範疇,為開發人員提供了一套創建高度靈活、高效和響應式代碼庫的工具。讓我們深入探討Pr

vue.js , ecmascript-6 , node.js , 前端 , Javascript

chongdongdedaxiongmao_kxfei - Vue.js:輕量高效的前端框架

Vue.js 是一個用於構建用户界面的漸進式 JavaScript 框架,因其輕量、靈活和易上手的特性備受歡迎。Vue.js 不僅適合小型項目的快速開發,也可用於構建複雜的單頁面應用(SPA)。本文將介紹 Vue.js 的核心特性、項目結構、常用功能及其在現代前端開發中的應用場景。 一、Vue.js 簡介 Vue.js(簡稱 Vue)由尤雨溪於 2014 年推出,是一個專注於視圖層的 JavaSc

vue.js , ecmascript-6 , typescript , 前端 , Javascript

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

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

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

六月的可樂🥤 - SSE請求多種實現方式總結

文前推薦一下👉 前端必備工具推薦網站(圖牀、API和ChatAI、智能AI簡歷、AI思維導圖神器等實用工具): 站點入口:http://luckycola.com.cn/ 什麼是SSE SSE(Server-Sent Events)是一種用於實現服務器主動向客户端推送數據的技術,也被稱為“事件流”(Event Stream)。它基於 HTTP 協議,利用了其長連接特性,在

typescript , HTML , 前端 , html5 , Javascript

Apifox - Less基礎使用秘籍,讓你的CSS更高效!

Less(Leaner Style Sheets 的縮寫) 是一門向後兼容的 CSS 擴展語言。,它擴展了CSS(層疊樣式表)的功能並提供了更靈活、更強大的樣式定義和管理機制。通過使用 Less,開發人員可以編寫可維護、可重用的樣式代碼,並以簡潔的語法實現複雜的樣式效果。本文將介紹 Less 的基本概念和特性,以及如何使用它來簡化 CSS 開發過程。想要學習更多的知識,可訪問 犀牛書 的 Less

less , 開發 , 程序員 , 後端 , 前端

DiracKeeko - [nginx] 一個CORS的漏洞修復

前端項目被掃描出了一個CORS漏洞,記錄一下漏洞的復現和修復。 首先要明確,這個問題出在哪裏。 我負責的系統是一個前後端分離的應用,前端部署使用Nginx做反向代理。對於前端應用來説client是瀏覽器,瀏覽器發起的請求都是通過nginx配置轉發到不同後端的服務器。 舉個例子,某個用户用瀏覽器瀏覽頁面,發起了4個請求: front.domain/api/auth/login - auth服務

cors , Nginx , 前端

麒寧 - 3分鐘搞定:瀏覽器本地存儲 Web Storage

寫在前面 瀏覽器本地存儲包括兩個對象:sessionStorage 和 localStorage,它們都是 Storage 的實例對象。 window.localStorage instanceof Storage; // true Web Storage 的基本使用 查-訪問數據:getItem() 方法。 增改-添加、修改數據:setItem() 方法。 刪-刪除數據:removeItem()

面試小抄 , sessionstorage , localstorage , 前端 , Javascript

肥皂泡 - vite+vue3+element-plus自定義主題變量的配置説明

先上配置,具體參數後面説 vite.config.ts 文件 // vite.config.ts import { defineConfig } from 'vite' import ElementPlus from 'unplugin-element-plus/vite' // 用於 API 組件樣式 import Components from 'unplugin-vue-components

vite , vue3 , element-plus

山頭人漢波 - 前端學 Ruby:唐詩項目部署優化

前言 本篇文章和 Ruby 關係不大,只是涉及到部署問題 前文花了不少時間從零到部署唐詩項目,當時因為篇幅問題留下了不少的坑 例如可以採用 docker-compose 來代替兩個容器互相訪問、使用 shell 命令在本地部署,本文並未對其進行改造,因為傳統部署 Ruby on Rails 的弊端很明顯,需要運維經驗。為快速部署 Rails 引用,筆者尋覓到了 fly.io。本文將在唐詩項目基礎上

ruby-on-rails , 部署 , ruby

SnowWolfArden - Day 92/100 原型鏈的繼承屬性

1、JS中的繼承 當談到繼承時,JavaScript 只有一種結構:對象。每個實例對象(object)都有一個私有屬性(稱之為 proto )指向它的構造函數的原型對象(prototype)。 該原型對象也有一個自己的原型對象(__proto__),層層向上直到一個對象的原型對象為 null。根據定義,null 沒有原型,並作為這個原型鏈中的最後一個環節。 2、繼承屬性 JavaScript

原型鏈 , Javascript

HZFEStudio - New 操作符的原理

完整高頻題庫倉庫地址:https://github.com/hzfe/awesome-interview 完整高頻題庫閲讀地址:https://febook.hzfe.org/ 相關問題 new 操作符做了什麼 new 操作符的模擬實現 回答關鍵點 構造函數 對象實例 new 操作符通過執行自定義構造函數或內置對象構造函數,生成對應的對象實例。 知識點深入 1. new 操作符做了什麼

面試 , new , es5 , 前端 , Javascript

巴斯光年 - javascript模塊化【RequireJS 】

一、模塊化的由來 在沒有模塊化思想之前,我們總是將大量的邏輯代碼寫在一起,這樣的代碼雜亂無章,沒有條理性,不便於維護,不利用複用。並且很多代碼重複,邏輯重複。甚至造成全局變量污染,也不方便保護私有數據。 為了解決上面的問題,模塊化的編程思想應運而生。 模塊化的基本思想就是:==閉包自調用函數== 對閉包瞭解不夠的同學,請先查看《 JS閉包全面解析》一文。 二、模塊規範 想要了解

模塊化 , requirejs , Javascript

Shenfq - 前端模塊化的前世

隨着前端項目的越來越龐大,組件化的前端框架,前端路由等技術的發展,模塊化已經成為現代前端工程師的一項必備技能。無論是什麼語言一旦發展到一定地步,其工程化能力和可維護性勢必得到相應的發展。 模塊化這件事,無論在哪個編程領域都是相當常見的事情,模塊化存在的意義就是為了增加可複用性,以儘可能少的代碼是實現個性化的需求。同為前端三劍客之一的 CSS 早在 2.1 的版本就提出了 @import 來實現模塊

前端模塊化 , seajs , commonjs , requirejs , Javascript

新茶十九 - forceWebGL 和 forbidenWebGL

高德地圖中 forceWebGL 和 forbiddenWebGL 這兩個參數的區別、用法和注意事項。 這是一個非常具體且重要的問題,因為它直接關係到高德地圖渲染引擎的選擇。 🆚 核心區別對比 特性 window.forceWebGL = true window.forbiddenWebGL = true

vue.js , 高德地圖 , API , webgl , 前端開發

heath_learning - 解決vue項目導入js報does not provide an export named 'defanlt’錯誤問題

問題描述 使用webpack打包的umd格式的js插件導入到vue2項目中無法使用,報錯如下: SymtaxError: The reguested module '/xxxin js’does not provide an export named 'defanlt’ vue-cli版本不同現象: vue-cli 4.5.15會報’does not provide an exp

ecmascript-6 , es6module , vue-cli3 , commonjs , webpack

零一行者 - 從實際營銷活動案例看 H5 與 WebView 的交互

從實際案例看 H5 與 WebView 交互 現在運營需要設計一個活動頁面,這個頁面需要支持如下功能: img src="https://img-blog.csdnimg.cn/direct/9cf7eeedd91d48088c3c1695941521cf.jpeg" width="375px"/ img src="https://img-blog.csdnimg.cn/direct/a78

vue.js , uniapp , webview , Javascript

WangLanguager - 多智能體強化學習(MARL)介紹和代碼示例

多智能體強化學習(MARL)介紹 多智能體強化學習(Multi-Agent Reinforcement Learning, MARL)是強化學習的一個分支,涉及多個智能體在同一環境中學習和決策。MARL 主要關注以下幾個方面: 環境交互: 多個智能體同時與環境交互,它們的行為不僅影響自身的獎勵,也會影響其他智

強化學習 , yyds乾貨盤點 , tensorflow , 前端開發 , 代碼示例 , Javascript

Sam Poder - The What, When, Why And How Of Next.js’ New Middleware Feature

“Middleware” isn’t a new term in computing. It is often used as a term to describe a piece of software that holds two systems together. You could call it “glue” for software, and essentially, that’s

Guides , API , next.js , Javascript

Michelle Barker - New CSS Features In 2022

Container queries enable us to style an element depending on the size of its parent — a crucial difference from media queries, which only query the viewport. This has long been a problem for respons

Guides , Css , Browsers

wadelau - ?Hanjst漢吉斯特改進+enSafeExpression安全表達式等

Hanjst漢吉斯特模版語言及模版引擎,近期持續改進升級。 這次改進主要是增加了對安全輸出表達式兼容,由於涉及到對軟件開發過程中的效率和軟件運行效率的平衡和取捨,所以多寫了幾句,以描述這個權衡利弊對思考過程。距離上次更新:?Hanjst漢吉斯特升級:+showImageAsync及性能改進等(https://ufqi.com/blog/hanjst-... ),時間過得並不算長,希望Hanj

模板引擎 , html5 , Javascript