收藏 / 列表

b2proxy 頭像

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

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

前端 , Javascript

feng_fanfan 頭像

Feng_Fanfan - 前端工程師復健筆記-JavaScript 核心深度複習-作用域與詞法環境

作用域與詞法環境 這是一個非常核心的JavaScript概念。我們來詳細地解釋一下全局作用域、函數作用域和塊級作用域的區別。 核心概念：作用域 作用域 就是變量、函數和對象的可訪問性範圍。換句話説，它決定了代碼中不同部分的變量可見性。 1. 全局作用域 定義：在任何函數或代碼塊 {} 之外定義的變量或函數，都擁有全局作用域。 生命週期：從定義開始，直到頁面關閉。 訪問性：在腳本中的任何地

教程 , 知識 , 前端 , Javascript

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

wupeng_5a4de5c290b9d 頭像

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

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

three.js , 前端 , Javascript

jueqiangqingtongsan 頭像

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

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

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

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

前端蛋卷 - 面試官：講一下如何終止一個 Promise 繼續執行

我們知道 Promise 一旦實例化之後，狀態就只能由 Pending 轉變為 Rejected 或者 Fulfilled， 本身是不可以取消已經實例化之後的 Promise 了。 但是我們可以通過一些其他的手段來實現終止 Promise 的繼續執行來模擬 Promise 取消的效果。 Promise.race 我們都知道 Promise.race 方法接收多個 Promise ，一旦這些 Pro

promise , 前端 , Javascript

liuyuedekele 頭像

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

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

typescript , HTML , 前端 , html5 , Javascript

lxlu 頭像

肥皂泡 - js 正則實現過濾html字符串，給h1和h2標籤添加id，實現錨點功能

正則要求： 沒有id屬性的h1/2標籤，支持過濾嵌套標籤生成string作為錨點id h[12]: 匹配 h1 或 h2 標籤的開始。 (?![^]*\bid=): 使用負向前瞻，確保標籤中沒有 id 屬性。 [^]*: 匹配 h1 或 h2 標籤中的其他屬性（如果有的話）。 ([\s\S]*?): 捕獲標籤內部的所有字符，包括空格和換行符。 .*? 是非貪婪模式，表示儘可能少地匹配字

正則表達式 , Javascript

johanazhu 頭像

山頭人漢波 - 前端學Ruby：全棧論壇（地宮）項目二

接上文前端學Ruby：全棧論壇（地宮）項目一，休息一晚後，我們繼續 各個模型建立了我們想要的 筆者是前端出身，對數據庫的理解僅限於用 node + mysql （mongodb）做過微型博客。除此之外，數據庫的知識點就無了，以下寫的不好的，多多擔待 文章模型與用户模型結合 文章模型與用户模型的結合，一個人必須要先登錄後才能寫文章，其次，一個人可以有很多文章，但當他註銷後，文章就沒了 先在 arti

ruby-on-rails , ruby , 後端

snowwolfarden 頭像

SnowWolfArden - Day 56/100 AngularJS 依賴注入

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

angularjs , 前端 , Javascript

_6085362b65292 頭像

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

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

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

biubiu_5deda9568bbf1 頭像

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

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

模塊化 , requirejs , Javascript

yangxiansheng_5a1b9b93a3a44 頭像

羊先生 - 🎉Vue3+Vite2.6+TypeScript+ant-design-vue+egg.js 一鍵構建管理前後台管理系統

Bag快速開發管理系統、門户網站、博客系統框架，提供基礎的框架，快速搭建企業產品，響應式開發，你可以將它應用在任何需要服務端管理的應用。如：開發管理系統的 API 接口、門户網站博客、企業內部的業務管理、ERP、CMS、APP 的後台等 技術選型 Bag管理系統採用Vue3、Vue-Router4、Vuex4、Ant-Design-Vue、Vite、TypeScript、Egg.js、Mysq

vite , MySQL , eggjs , vue3 , typescript

thjjames 頭像

小皇帝James - 前端腳手架（簡易版）搭建攻略

簡介 腳手架CLI(command-line-interface)是一類快速形成工程化目錄的工具。 開發過程中，如果需要新建前端項目，我們經常都會用到腳手架來創建工程，通過命令行式的交互，可快速選擇選項並完成初始項目的搭建。而CV大法往往會帶來很多重複的刪減工作，且會導致項目分散、架構不統一等等弊端。 常見的主流框架都有自己的腳手架： create-vite @vue/cli create

腳手架cli , 工具 , 前端工程化 , 前端 , Javascript

limingcan562 頭像

limingcan - 帶着這種思想，我快速高效的學會了webpack“開發環境配置”

前言 我們在使用webpack時，經常會看到類似以下結構： build ├── webpack.common.js └── webpack.dev.js └── webpack.prod.js 很多時候，webpack的配置我們基本複製粘貼過來的，沒有想過為什麼我們要把配置文件拆解成這麼多。因此，當我們自己去學習配置webpack時，我們經常會出現以下等問題： 開發環境構建速度慢 打包後頁面

構建工具 , webpack5 , 架構 , webpack , 前端

shenfq 頭像

Shenfq - 在命令行裏也能用 React

用過 React 的同學都知道，React 作為一個視圖庫，在進行 Web 開發的時候需要安裝兩個模塊。 npm install react --save npm install react-dom --save react 模塊主要提供了組件的生命週期、虛擬 DOM Diff、Hooks 等能力，以及將 JSX 轉換為虛擬 DOM 的 h 方法。而 react-dom 主要對外暴露一個 rend

react , terminal , 前端 , Javascript

aqiongbei 頭像

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

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

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

jackysummer 頭像

JackySummer - 【解讀 ahooks 源碼系列】DOM篇（一）

前言 本文是 ahooks 源碼系列的第二篇，下面鏈接是第一篇 DOM 篇的前置講解： 【解讀 ahooks 源碼系列】（開篇）如何獲取和監聽 DOM 元素 後續的文章將會直入主題，每篇文章解讀四至六個 Hooks 源碼實現。 useEventListener 優雅的使用 addEventListener。 官方文檔 用法 import React, { useState, useRe

react , hooks , 前端 , Javascript

user_4jsjtpci 頭像

star - caller和callee的區別

caller caller是函數的屬性，返回一個函數的引用，這個函數調用了當前的函數。 特點 1 這個屬性只有當函數在執行時才有用 2 如果在javascript程序中，函數是由頂層調用的，則返回null var a = function() { alert(a.caller); } var b = function() { a(); } b(); 上面的代碼中，b調用了a，那麼a.c

函數 , function , Javascript

gkymfrg1 頭像

ohoherror - CommonJS和ESM (ES6模塊）的區別

CommonJS和ESM (ES6模塊)都是JavaScript模塊標準，但是它們有一些區別，主要包括以下幾個方面: 語法差異：CommonJS使用require語法引入模塊，而ESM使用import語法引入模塊。 加載方式：CommonJS使用同步加載方式，即遇到require就執行代碼，並等待結果返回後再繼續執行；而ESM使用異步加載方式，它是通過Promise的方式異步加載模塊，遇到i

commonjs , 前端

o2team 頭像

凹凸實驗室 - 蒲公英 · JELLY技術週刊 Vol 27: 平平無奇 React 17

蒲公英 · JELLY技術週刊 Vol.27 這個熱鬧的十月終於要走到尾聲，React 17 歷經 4 個 RC 版本之後，也於數天前正式發佈了，而同在幾天前發佈的 CRA 4.0 也已經完成了 React 17 的支持。雖然沒有任何新特性，看似“平平無奇”的 React 17 卻依舊令人神搖目奪，作為承前啓後的重要版本，React 17 這樣的版本升級或許會引領開源框架的新潮流。 登高遠眺 天

react , node.js , rust , create-react-app , Javascript

linlinma 頭像

安歌 - Leetcode 算法題解系列 - 二叉樹的層序遍歷

本專題旨在分享刷Leecode過程發現的一些思路有趣或者有價值的題目。【當然是基於js進行解答】。 （這道題應該算是二叉樹的基礎題，建議還是學一下，不難且經典） 題目相關 原題地址: https://leetcode-cn.com/probl... 題目描述: 從上到下按層打印二叉樹，同一層的節點按從左到右的順序打印，每一層打印到一行，例如，給定二叉樹: [3,9,2

leetcode , 算法 , 二叉樹 , Javascript

jianzhuangdeyaling 頭像

用户bPdeUmS - PostCSS 插件系統：如何使用 PostCSS 插件優化 CSS 工作流

PostCSS 是一個功能強大的 CSS 處理工具，廣泛應用於現代前端開發中。它本身並不是一個 CSS 預處理器，而是一個工具集，可以通過插件系統來處理、優化、和增強 CSS 代碼。PostCSS 的核心非常輕量，但插件系統卻讓它極具擴展性，可以實現自動添加瀏覽器前綴、轉換現代 CSS 特性、支持變量、嵌套、甚至可以檢查和修復代碼質量等功能。 本文將專注於如何使用 PostCSS 插件優化 CSS

postman , postcss , typescript , 前端 , Javascript