收藏 / 列表

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

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

前端 , Javascript

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

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

教程 , 知識 , 前端 , Javascript

你好啊你好 - 摩天輪(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

PatWu16 - PWA離線應用實踐

上篇文章整理了PWA離線應用的技術脈絡和注意事項,本篇文章將記錄使用Vue + Workbox + localforage 實現離線應用的實踐過程。 一、Vue工程改造 Vue CLI 提供了一個官方的 PWA 插件,可以快速為 Vue 項目添加 PWA 支持。運行以下命令安裝插件: // 在vue工程目錄下執行如下命令 vue add pwa 安裝完成後,插件會自動生成以下文件: src/

pwa , HTML , 前端 , Javascript

倔強青銅三 - NodeJS項目架構設計,看這一篇就足夠了!

NodeJS項目架構設計,看這一篇就足夠了! 前言 大家好,我是倔強青銅三。我是一名熱情的軟件工程師,我熱衷於分享和傳播IT技術,致力於通過我的知識和技能推動技術交流與創新,歡迎關注我,微信公眾號:倔強青銅三。 1. 🧩 整潔架構簡介 Clean Architecture(整潔架構)由Robert C. Martin(Uncle Bob)提出,它強調應用程序內部關注點的分離。該架構提倡業務邏輯

express , node.js , typescript , 前端 , Javascript

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

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

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

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

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

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

六月的可樂🥤 - 免費在線圖片編輯網站推薦

🔥發現神器!「可樂改圖」——一站式在線圖片編輯平台,讓工作更高效!🚀 大家好!今天我要給大家安利一個我最近發現的寶藏工具——「可樂改圖」,一個集多功能於一身的在線圖片編輯平台,簡直是職場人士和創作者的福音!🎉 官網地址: https://luckycola.com.cn 一、🌟產品介紹🌟 「可樂改圖」是一款簡單易用的在線圖片編輯神器,它不僅涵蓋了“壓縮圖片”、“圖片格式轉換”

圖片壓縮 , 圖片處理

Apifox - JavaScript 閉包是什麼:深入瞭解

閉包是指在一個函數內部創建另一個函數,並且內部函數可以訪問外部函數的變量、參數以及其他內部函數,即使外部函數已經執行完畢。這種機制使得內部函數保留了對外部作用域的引用,即使外部作用域已經不再活躍。 為什麼閉包重要? 閉包在 JavaScript 中具有重要的用途和價值。它們可以用於創建私有變量、封裝邏輯、避免全局污染等方面。另外,閉包還允許你在函數之外操作局部變量,從而為代碼提供更大的靈活性和可

編程 , 閉包 , 後端 , 前端 , Javascript

肥皂泡 - js沒有原型鏈的對象

一次偶然操作,處理http接口返回的數據時,判斷這個對象是否有某個key,用了hasOwnProperty const { data } = await getDataFromAjax() console.log(data.hasOwnProperty('key1')) 結果報錯,data.hasOwnProperty undefined 這個錯誤解決不是重點,用in和Object.hasOwn都

原型 , Javascript

山頭人漢波 - 前端學 Ruby:唐詩API項目

前言 我想了半天,該做什麼項目,基於筆者的數據庫知識羸弱,怕一方面做前端一方面做後端會搞得四不像,又累時間又長。所以就想以做純 API 為目的,只做接口會不會更快一些呢 正文 筆者打算做一個全唐詩的 API 項目,此項目只為學習 ruby on rails web 開發並部署至服務器,會逐步從零開始到部署上線,部署手段會有些原始,不過沒事,下個項目筆者會升級部署手段 先新建一個 API 項目 ra

實戰 , ruby-on-rails , ruby , 前端

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

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

原型鏈 , Javascript

HZFEStudio - Babel 的原理

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

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

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

接上一篇文章《js實現數據單向綁定》 上篇文章中用原生js實現了數據的單向綁定。本篇文章繼續介紹如何用js實現數據的雙向綁定。綁定的方式模仿vue中的v-model指令。 創建標籤 div id="div1" input type="text" v-model="name" br 姓名:{{name}} /div 創建一個輸入框,使用v-model屬性綁定變量name,注意這裏只是模

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

小皇帝James - 編寫babel的插件

前言 Babel 是一個通用的多功能的 JavaScript 編譯器,讓一些新版本的語法或者語法糖可以在低版本的瀏覽器上跑起來。 它有三個主要處理步驟 Parse - Transform - Generate。 在 Transform 轉換過程中通過將插件(或預設)應用到配置文件來啓用代碼轉換。 AST 編寫 Babel 插件非常複雜,需要有相當的基礎知識,在講插件之前必須得提起 AS

ast , plugin , babel , 前端 , Javascript

limingcan - JS繼承面試的時候怎麼説?答應我,不要再死記硬背了好嗎?

前言 JS繼承這塊,ES6已經有class很香的語法糖實現了,ES6之前那些實現繼承的方法真的又多又長,説句心裏話,能不學真的不想再學,但是沒辦法,面試還是要搞你呀,所以這兩天看回ES6之前的繼承,發現還是蠻有意思的。寫這篇文章也是對自己的一個梳理總結,也希望能幫助到大家弄懂繼承這塊,這樣就不需要再死記硬背八股文,面試自由發揮就好。 JS的繼承,核心就是靠原型鏈完成。如果大家對原型鏈還不是很

面試 , 繼承 , 原型鏈 , 前端 , Javascript

Shenfq - 下一代的模板引擎:lit-html

前面的文章介紹了 Web Components 的基本用法,今天來看看基於這個原生技術,Google 二次封存的框架 lit-html。 其實早在 Google 提出 Web Components 的時候,就在此基礎上發佈了 Polymer 框架。只是這個框架一直雷聲大雨點小,內部似乎也對這個項目不太滿意,然後他們團隊又開發了兩個更加現代化的框架(或者説是庫?): lit-html、lit-ele

模板引擎 , webcomponents , HTML , 前端

新茶十九 - 高德地圖的柵格圖,2D地圖,瓦片圖有什麼區別

高德地圖的“柵格圖”、“2D地圖”和“瓦片圖”這三個概念經常被混用,但它們描述的是不同層面的東西。 簡單來説: 瓦片圖是技術實現方式。 柵格圖是地圖數據的展現形式(與矢量圖相對)。 2D地圖是地圖的顯示模式(與3D地圖相對)。 下面我用一個清晰的表格和詳細解釋來説明它們的區別和聯繫。 🆚 核心概念對比 維度

vue.js , 高德地圖 , 柵格 , 3d , 前端開發

aqiongbei - 手動點擊與代碼中調用click方法兩者的區別

問題描述 在看事件循環相關視頻的時候發現其中有一個例子不理解,查了資料才明白其中的緣由,遂以志之。問題是這樣的: button id="button"button/button button.addEventListener("click", () = { Promise.resolve().then(() = console.log("Microtask 1")); consol

eventloop , 事件循環 , 同步 , 前端 , Javascript

瘋狂的技術宅 - 2020 年 Chrome 開發者峯會的亮點

2020 年的Chrome 開發者峯會和往年有所不同,今年是在線上召開的,每次談話大約十分鐘,討論規模更大。雖然我沒有在第一時間觀看會議的直播,但是看回放也不會錯過這些亮點。 所有的回放在這裏:https://developer.chrome.com/... 通過“Core Web Vitals”簡化了性能指標 我們都知道 Chrome 有大量的性能指標,可以用它們來跟蹤關於網站性能的所有內容。儘

chrome , pwa , Css , 前端 , Javascript

LYX6666 - 解決lodash由於依賴錯誤導致無法啓動的問題

目錄 問題描述 嘗試的解決辦法 真正的解決辦法 結論 一、 問題描述 一個很久沒接觸的老項目,前兩天想看一下里面一個功能,結果前端起不來了。 先上報錯: Error: node_modules/@types/lodash/common/object.d.ts:1026:46 - error TS1005: '?' expected. 1026 : K extend

node.js , localstorage , typescript , npm , 前端

零一行者 - 從實際營銷活動案例看 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

華為雲開發者聯盟 - 雲小課 | “VPC連接”知多少

摘要:華為雲提供了豐富的網絡服務,可滿足多種網絡互連場景。 同Region的兩個VPC怎麼連通?” “跨Region的兩個VPC又怎麼連通?” “VPC內的ECS搭建了一個應用,需要訪問Internet,怎麼弄?” “某客户的業務一部分在香港,一部分在大陸,怎麼經濟可靠的連接起來?” “某客户既有本地的數據中心,又想把一部分業務放到雲上,怎麼玩?” …… …… 網絡域大家族提供了豐富的雲產

idc , internet-explorer , 華為雲 , 私有云 , 網絡

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

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

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