收藏 / 列表

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

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

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

vue3 , 前端 , Javascript

chongdongdedaxiongmao_kxfei 頭像

chongdongdedaxiongmao_kxfei - 深入 JavaScript：前端開發的核心語言

JavaScript 是一種廣泛應用於前端開發的編程語言，最早由 Netscape 公司在 1995 年推出。作為一種輕量、解釋性和多範式的編程語言，JavaScript 支持事件驅動、面向對象和函數式編程。它不僅是網頁交互的核心技術之一，還隨着 Node.js 的出現，逐漸滲透到了後端開發。本文將帶你瞭解 JavaScript 的核心概念、特點及常見應用場景，幫助你掌握這門現代化的編程語言。 一

react , ecmascript-6 , typescript , 前端 , Javascript

danjuanfe 頭像

前端蛋卷 - 二分查找法時間複雜度推算

我們知道當一個算法的循環次數每次減少一半時，時間複雜度通常會變成 是 ${O(logn)}$ ，我們可以用二分查找算法作為示例來推算這個時間複雜度的計算過程。 問題背景 假設我們有一個有序數組，我們要在這個數組中查找一個特定的元素。如果元素存在，我們返回其索引；否則返回 -1。 算法步驟 比較目標值與數組的 中間元素。 如果目標值等於中間元素，返回其索引。 如果目標值小於中間元素，則在左半

時間複雜度 , 二分查找 , 數據結構與算法 , 前端

liuyuedekele 頭像

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

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

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

lxlu 頭像

肥皂泡 - nuxt3 最新踩坑記錄

版本nuxt3.14 依賴vite+element-plus+scss nuxt文檔不清晰，版本問題也很多，要自己琢磨。 element-plus適配 ele集成用的推薦@element-plus/nuxt element-plus版本如果不是=2.8.8,要手動升級,不然!global assignments告警讓人奔潰 ele主題 // 全局樣式 css: ['~

nuxt.js , nuxtjs , nuxt3

johanazhu 頭像

山頭人漢波 - 從淺入深瞭解Koa2源碼

在前文我們介紹過什麼是 Koa2 的基礎 簡單回顧下 什麼是 koa2 NodeJS 的 web 開發框架 Koa 可被視為 nodejs 的 HTTP 模塊的抽象 源碼重點 中間件機制 洋葱模型 compose 源碼結構 Koa2 的源碼地址：https://github.com/koajs/koa 其中 lib 為其源碼 可以看出，只有四個文件：application.js、cont

koa2 , node.js , 源碼分析 , 前端 , Javascript

_6085362b65292 頭像

HZFEStudio - Babel 的原理

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

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

biubiu_5deda9568bbf1 頭像

巴斯光年 - js實現數據單向綁定

如果你在學習一種前端框架，如vue、angular等，那麼你一定不會對數據的單向綁定陌生。 何為數據的單向綁定？ 傳統開發模式下，如使用jQuery開發，我們想將一個變量顯示到html中，首先要定義一個變量name，然後通過jq代碼操作dom將變量放到HTML中，如果name發生修改，還要再次通過jq代碼操作dom將新的變量值放到HTML中。這就是傳統的MVC框架，其中的Model和View是我們

vue.js , 雙向綁定 , 前端 , Javascript

limingcan562 頭像

limingcan - 有了這些方法，webpack你也可以自己配

前言 通過上篇文章——弄懂這幾個概念後，我對webpack有了更新的理解 的講解，我們大致瞭解了： 使用webpack過程中出現的一些概念 結合打包過程中出現的概念，淺析了webpack打包流程，讓大家對打包流程有個大致的理解 我們都知道，我們在實際開發過程中，使用webpack無非就是為了最後輸出瀏覽器能運行的css、img、js、html等前端資源。 那麼，為了更貼近實際，我們這篇文章

構建工具 , webpack5 , challenge , 前端 , Javascript

linyuyizhizou_678b9fdc436f1 頭像

小帆聊前端 - 深度解讀前端包管理器：npm、cnpm、yarn、pnpm 的技術博弈與選型指南

引言：被依賴包支配的前端日常 "為什麼我本地能運行的項目，到服務器就報錯？" "node\_modules 文件夾怎麼佔用了 10GB 磁盤空間？" "安裝依賴為什麼要等 5 分鐘？" 這些前端開發中的經典靈魂拷問，都指向同一個核心問題 —— 包管理器的選擇與使用。從 2010 年 npm 誕生至今，前端包管理生態經歷了多次技術迭代，形成了 npm、cnpm、yarn、pnpm 四分天下的格局。它

yarn , 知識 , npm , 前端 , Javascript

u_11365839 頭像

尼羲 - canvas畫板之畫筆的多種效果

基礎單色 畫筆的基礎實現，除了點與點之間的連接，還需要注意兩點 首先是在鼠標移動時計算當前移動的速度，然後根據速度計算線寬，這個是為了實現鼠標移動快，線寬就變窄，移動慢，線寬就恢復正常這個效果 為了避免直線連接點效果不好，我會採用貝塞爾曲線進行連接 /** * 鼠標移動時添加新的座標 * @param positi

yyds乾貨盤點 , 鼠標移動 , 二維 , i++ , 前端開發 , Javascript

user_4jsjtpci 頭像

star - 簡單請求和複雜請求

簡單請求與複雜請求的概念 在涉及到CORS（跨域）的請求中，我們會把請求分為簡單請求和複雜請求。滿足以下條件的請求即為簡單請求： 請求方法：GET、POST、HEAD 除了以下的請求頭字段之外，沒有自定義的請求頭,是可以有其它標準請求頭的 Accept Accept-Language Content-Language Content-Type DPR Do

xmlhttprequest

gkymfrg1 頭像

ohoherror - React的渲染原理

React的渲染原理可以用Virtual DOM和Reconciliation兩個概念來解釋： 1. Virtual DOM Virtual DOM是React用來描述真實DOM樹的一個JS對象樹，其結構和真實的DOM樹是一一對應的，通過Virtual DOM可以方便地操作和管理DOM樹，提高了組件的渲染效率。 它的基本原理是在組件狀態（state）發生變化時，React不直接操作真實的DOM樹

react , virtual-dom , 前端

o2team 頭像

凹凸實驗室 - 蒲公英 · JELLY技術週刊 Vol.35: Flash 四宗罪？

蒲公英 · JELLY技術週刊 Vol.35 Flash 曾是 Web 邁向新世代的福音書，它為這個世界帶來了繽紛色彩，但也如伊甸園的蘋果，閃耀着智慧的光芒，卻四災隨行。誕生 1995 年至今 25 年，這個潘多拉魔盒終於要被人們關上並塵封入土，然以史為鑑可知興替，flash 緣起為何？為何被高高捧起又跌入凡塵？只是過時，亦或是 web 初心不在？這些都值得我們去思考。 登高遠眺 天高地迥，覺宇

命令行 , 視頻 , Flash , 算法 , Javascript

linlinma 頭像

安歌 - 淺談 Virtual DOM

前言 “Virtual Dom 的優勢是什麼？” 這是一個常見的面試問題，但是答案真的僅僅是簡單粗暴的一句“直接操作dom和頻繁操作dom的性能很差”就完事了嗎？如果是這樣的話，不妨繼續深入地問幾個問題： 直接操作Dom的性能為什麼差？ Virtual Dom到底是指什麼？它是如何實現的？ 為什麼Virtual Dom能夠避免直接操作dom引起的問題？ 如果發現自己對這些

virtual-dom , 前端 , Javascript

jianzhuangdeyaling 頭像

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

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

postman , postcss , typescript , 前端 , Javascript

gomi 頭像

Gomi - Astro + NextUI 搭建個人博客（導航組件篇）

Astro 簡介 由於我之前的個人博客是Vue3+Quasar+Koa+MySql搭建的，整體就是SPA的思路，作為練手倒是可以鍛鍊前後端各方面的能力。但考慮到後期的遷移和更新等，實在過於麻煩，個人博客其實使用SSR或SSG之類的框架就行了，比如Nextjs，Nuxtjs，Remix等等。於是我接觸到了Astro這個框架，它厲害的是不與任何前端框架進行強行綁定，比如Nextjs是與React強綁定

astro , ssg , ssr , 博客搭建 , 前端

liuyuxuan6666 頭像

LYX6666 - 理解觀察者模式——用Angular的httpClient來解釋觀察者

前言 本文關鍵詞：觀察者模式。 觀察者模式是什麼？ 觀察者模式和回調函數有什麼關係？ 使用httpClient時，加上.subscribe有什麼作用？ Angular的httpClient中如何體現觀察者模式？ 解決了上述問題之後，就寫了這篇文章。 （這篇文章實際上是給上一篇文章填個坑...上一篇寫到回調函數，卻沒有給出實際應用的例子。） 引入問題：httpClient http

觀察者模式 , angular , 回調函數 , 前端 , Javascript

daimaxieshen 頭像

瓏墨 - 【為什麼】使用 reduce 按順序執行 promise 有效？💭

我是月弦笙音，今天給大家分享為什麼使用 reduce（） 按順序解析 promise 有效，嘎嘎的😍，看下面 在不使用對象的情況下編寫異步 js 很像閉着眼睛烤蛋糕。這是可以做到的，但它會很混亂，你最終可能會shao到自己。😂Promise 一、開題展示 我不會説這是必要的，但你明白了。真是太好了😂。不過，有時它需要一點幫助來解決一些獨特的挑戰，比如當你試圖按順序解決一堆承諾時，一個接

ecmascript-6 , promise , challenge , 前端 , Javascript

dvqlfbwm 頭像

愛吃雞蛋餅 - 由瀏覽器緩存機制引起的思考

不管三七二十一，先丟一張流程圖，然後看個一分鐘。 有了大致的流程印象之後，我就來補充説明一下大概流程： PS：面試的時候可以按大概流程來説。 當我們進入頁面或刷新頁面時，瀏覽器會加載資源。 此時，瀏覽器會檢查是否有強緩存，即判斷是否有expires或者cache-control（cache-control優先級更高）。 如果有，則查看是否過期，未過期則從緩存讀取資源進行加

瀏覽器 , 瀏覽器緩存 , Javascript

renzhongdaoyuan_59170ca258c53 頭像

零一行者 - 手把手教你繪製小程序海報

海報分享功能在許多應用中應該是很常見的，因為它作為一種常用的應用推廣和拉新的方式。 接下來看個實際的案例，如下： 把任務拆解下： 如何繪製海報 如何把繪製後的海報保存到相冊 繪製海報 用 canvas 來繪製海報。 這裏需要了解基本的 canvas api，不熟悉可以先去了解下相關 Canvas API 定義 canvas 元素 template view class="

小程序 , 海報渲染 , canvas , 前端 , Javascript

u_15903730 頭像

WangLanguager - 矩陣分解（Matrix Factorization）介紹和代碼示例

矩陣分解（Matrix Factorization）介紹 矩陣分解是一種常用的推薦系統技術，旨在通過將用户-物品評分矩陣分解為兩個低維矩陣（用户特徵矩陣和物品特徵矩陣）來發現潛在的用户偏好和物品特性。這種方法能夠有效處理稀疏數據，常用於協同過濾推薦系統。 基本原理 評分矩陣：通常是一個稀疏矩陣，其中行表示用户，列表示物品，元素

yyds乾貨盤點 , 初始化 , 推薦系統 , 矩陣分解 , Css , 前端開發 , HTML