收藏 / 列表

b2proxy 頭像

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

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

前端 , Javascript

feng_fanfan 頭像

Feng_Fanfan - 前端工程師復健筆記-JavaScript 核心深度複習-原型與繼承

我們來深入、系統地詳解 JavaScript 的原型與繼承。這是 JavaScript 中最核心、最獨特的特性之一。 第一部分：核心概念 - 為什麼需要原型？ JavaScript 在誕生之初，被設想為一種簡單的腳本語言，並未打算引入類的概念。為了實現對象之間的屬性和方法共享，從而節省內存並建立繼承關係，設計了基於原型的繼承模型。 第二部分：理解 __proto__ 與 prototype 這是

教程 , 知識 , 前端 , Javascript

nihaoanihao 頭像

你好啊你好 - 強化 Naive UI n-message-provider 的 to 屬性，實現自由指向

效果 使用示例 script setup lang="ts" import ToMessage from "**/NaiveMessage"; function a() { ToMessage("#a", "測試消息a", { duration: 0, closable: true }); } function b() { ToMessage("#b", "測試消息b", { dura

vue.js , vue3 , 前端

wupeng_5a4de5c290b9d 頭像

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

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

three.js , 前端 , Javascript

jueqiangqingtongsan 頭像

倔強青銅三 - Vite VS Webpack，誰才是最強構建工具

Vite VS Webpack，誰才是最強構建工具 前言 大家好，我是倔強青銅三。是一名熱情的軟件工程師，我熱衷於分享和傳播IT技術，致力於通過我的知識和技能推動技術交流與創新，歡迎關注我，微信公眾號：倔強青銅三。 Vite vs Webpack：哪個更適合您的項目？ 隨着Web應用的不斷髮展，對更快、更高效的開發工具的需求也在日益增長。多年來，Webpack一直是複雜應用的首選打包工具，以其強

vue.js , vite , webpack , 前端 , Javascript

wanzuqiudeshangba 頭像

玩足球的傷疤 - ECMAScript 6 (ES6) 中的模塊系統：從 CommonJS 到 ES6 模塊的演變

ECMAScript 6（通常稱為 ES6 或 ECMAScript 2015）是 JavaScript 語言的一個重大更新，帶來了許多新特性，這些特性極大地增強了語言的功能性和可維護性。其中，模塊系統的引入是 ES6 最重要的特性之一，它徹底改變了 JavaScript 的開發模式，從而推動了 JavaScript 在大型應用程序中的使用。 本文將專注於 ES6 模塊系統，討論它的核心概念、與舊

ecmascript-6 , es6module , commonjs , 前端 , Javascript

chongdongdedaxiongmao_kxfei 頭像

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

danjuanfe 頭像

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

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

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

linong 頭像

linong - 使用 Cursor 修復 Ant Design Pro Components 的 issues

Issue: 🐛 ModalFrom在同時設置了formRef、request和destroyOnClose時，加載過程中關閉ModalForm會報錯 #8858 PR: https://github.com/ant-design/pro-components/pull/9272 最近有個小夥伴在做穩定性建設，整理了一下現有的線上報錯，其中有一個 form.resetFields is n

react , ant-design , typescript , 前端 , Javascript

liuyuedekele 頭像

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

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

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

apifox 頭像

Apifox - 構建最佳 GraphQL API：實踐策略

當我們構建 GraphQL API 時，保持對過去和將來的考量都至關重要。這就要求我們的 API 既要兼容以前的實現，也能適應未來的變革。 一、維持與過去的連續性 保證API與歷史版本的兼容性是API設計中的一個重要方面。開發者必須牢記，在升級或擴展功能時，不能忽視那些仍在使用舊版本應用的用户。儘管這可能會增加開發的複雜性和成本，但能夠避免用户升級時出現問題，這樣能大大減少開發週期中返工的時間和代

graphql-tools , API , graphql , 後端 , graphql-java

dirackeeko 頭像

DiracKeeko - [JS] javascript中的原型鏈01 prototype&__proto__

先給出名詞的定義： 1、實例對象-被new出來對象稱之為實例對象 例如: const p1 = new Person() p1就是實例對象 2、普通對象-未經new，直接聲明的對象是普通對象 例如：const p2 = { name: "John" } p2就是普通對象 3、prototype， 中文翻譯：原型對象 4、__proto__ ，中文翻譯：原型 (英文可以讀作dunder

原型鏈 , 前端 , Javascript

ning_643b67be37ac3 頭像

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

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

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

johanazhu 頭像

山頭人漢波 - 一步一步來：手寫Koa2

之前講過Koa2從零到腳手架，以及從淺入深瞭解Koa2源碼 這篇文章講解如何手寫一個 Koa2 Step 1：封裝 HTTP 服務和創建 Koa 構造函數 之前閲讀 Koa2 的源碼得知， Koa 的服務應用是基於 Node 原生的 HTTP 模塊，對其進行封裝形成的，我們先用原生 Node 實現 HTTP 服務 const http = require('http') const server

koa2 , node.js , 前端 , Javascript

snowwolfarden 頭像

SnowWolfArden - Day 56/100 AngularJS 依賴注入

（一）需求 被問到AngularJS依賴注入的原理時，發現自己掌握的不好，於是總結記錄下。 （二）依賴注入介紹 1、為什麼要有依賴注入？ 減少代碼之間的耦合度，使代碼有很強的可擴展性。 模板功能強大豐富，並且是聲明式的，自帶了豐富的Angular指令； 是一個比較完善的前端MVC框架，包含模板，數據雙向綁定，路由，模塊化，服務，過濾器，依賴注入等所有功能； 依賴注入簡化了組件之間

angularjs , 前端 , Javascript

_6085362b65292 頭像

HZFEStudio - New 操作符的原理

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

面試 , new , es5 , 前端 , Javascript

biubiu_5deda9568bbf1 頭像

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

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

模塊化 , requirejs , Javascript

u_16213608 頭像

mob64ca13fe62db - 最新基準測試：Apache Kafka、Apache Pulsar和RabbitMQ哪個最快？_開源_Alok Nikhil

terminal-bench與Apache Kafka：評測事件流處理方案 引言 事件流處理是現代數據架構的核心組件，而Apache Kafka作為分佈式事件流平台，已成為行業標準。本文將介紹如何使用terminal-bench（t-bench）評測基於Apache Kafka的事件流處理方案，幫助開發人員和運維人員快速評估系統性能、

事件流 , 流處理 , 前端開發 , apache , Javascript

u_15903730 頭像

WangLanguager - Word2Vec介紹和代碼示例

Word2Vec 介紹 Word2Vec 是一種用於生成詞嵌入（word embeddings）的模型，由 Google 的研究團隊於 2013 年提出。它能夠將詞彙映射到一個低維度的向量空間，使得相似的詞在向量空間中距離較近。 Word2Vec 的兩種主要模型 Skip-Gram：給定一個詞，預測其上下文中的詞。適用於處理稀

yyds乾貨盤點 , 加載 , 自然語言處理 , 詞向量 , 前端開發 , Javascript

sam-poder 頭像

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 頭像

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

u_17350491 頭像

轉角處的湯姆 - 前端代碼規範：讓你的代碼更易維護和協作

在前端開發中，隨着團隊的不斷擴大和項目的逐步複雜化，統一的代碼規範變得越來越重要。無論是小型團隊，還是跨國團隊，良好的代碼規範能夠提升開發效率、減少bug的產生，並確保代碼易於維護和擴展。今天，我們就來聊一聊前端代碼規範的制定與執行。 為什麼要有前端代碼規範？ 提高可讀性和一致性 規範化的代碼有助於保持代碼風格的一致性，無論是單人開發還

開發者 , 代碼風格 , 前端開發 , 代碼規範 , Javascript

u_17141077 頭像

g天命風流 - 併發編程之Java 對象頭的詳細解析

Java 對象頭 以 32 位虛擬機為例 普通對象 |--------------------------------------------------------------| | Object Header (64 bits) | |------------------------------------|-------------------------|

word , 項目代碼 , JAVA , 前端開發 , Javascript

u_17072679 頭像

前端小巷子 - 前端虛擬長列表

前端虛擬長列表 當一次性渲染十萬條 DOM 節點時，瀏覽器會瞬間陷入「卡頓—白屏—崩潰」三連擊。虛擬長列表（Virtual Scroller）把「按需渲染」做到極致：只繪製可見區域並加少量緩衝，讓巨量數據在低端設備也能保持 60 FPS。 一、問題本質：渲染成本與滾動成本的矛盾 渲染成本等於節點數量乘以單個節點複雜度，滾動成本等於佈局重排乘以樣式重繪。瀏覽器單幀預算約 16

複雜度 , 重繪 , Math , 前端開發 , Javascript