收藏 / 列表

675173ff-65c2-413a-b556-576966012357 - 提升代理 IP 穩定性的五個核心技巧

在跨境電商、廣告驗證、數據採集以及 AI 模型訓練等技術場景中,代理 IP 的穩定性決定了項目的運行效率與安全性。一個穩定的代理能讓系統持續運轉、降低封禁風險;而不穩定的代理則可能造成數據丟失、任務中斷、甚至賬户異常。 那麼,如何真正提升代理 IP 的穩定性? 本文將從五個關鍵角度入手,帶你全面掌握優化代理連接的實用方法。 一、優化網絡環境,確保本地連接穩定 很多人忽視了一個事實:代理

android-studio , 前端 , Javascript

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

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

教程 , 知識 , 前端 , 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 - DragControls拖拽插件優化:從指定平面到任意平面

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

three.js , 前端 , Javascript

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

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

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

chongdongdedaxiongmao_kxfei - 探索 Java 中的 Stream API:優雅處理集合的利器

Java 8 引入了一個功能強大的工具——Stream API,極大地簡化了對集合的操作。傳統上,Java 程序員習慣使用 for 循環來遍歷集合並進行過濾、映射等操作,這種方式雖然直觀但代碼冗長且難以維護。Stream API 通過流式編程的方式,使得我們能夠以更簡潔和優雅的方式操作集合。 本文將介紹 Java Stream API 的基本概念及其常見的使用場景,幫助你更好地掌握這一工具。 一、

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

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

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

promise , 前端 , Javascript

六月的可樂🥤 - Vue3項目中集成AI對話功能的實戰經驗分享

前言 最近在項目中需要集成AI對話功能,經過調研後選擇了ai-suspended-ball-chat這個Vue3組件庫。使用了一段時間後,想從技術使用者的角度分享一下真實的體驗和踩過的坑,希望對有類似需求的開發者有所幫助。 項目背景與選擇理由 我們的項目是一個企業級的管理後台,需要為用户提供智能客服和代碼助手功能。在選擇方案時,主要考慮了以下幾個因素: 開發效率:不想從頭開發聊天UI和

vue.js , 人工智能 , 前端 , html5 , Javascript

Apifox - 深入淺出:Bearer Token 是什麼及其工作原理

在當前數字化時代,網絡安全尤為關鍵。隨着技術快速進步,需求日益增長,保障應用程序中用户數據的安全成為開發者們的首要任務。其中,Bearer Token 作為一種高效的驗證策略,在防止未授權訪問中發揮着不可或缺的作用。 解析 Bearer Token Bearer Token,一種基於文本的安全令牌,主要用於在網絡請求中驗證用户身份。"Bearer" 這一名稱意味着,任何擁有該令牌的實體都被授權訪問

bearer-token , API , token , authentication , 後端

DiracKeeko - [Vue] vue-cli3中chainWebpack和configureWebpack的區別

chainWebpack 的底層是 webpack-chain。採用的是命令式 Webpack 配置。 configureWebpack 的底層是 webpack-merge。configureWebpack 的值可以是Object也可以是Function。(若是Function這個Function的返回值也應是一個Object) 且直接設置的Object和函數返回的Object都是配置子集

vue.js , vue-cli3 , webpack , vue-cli , 前端

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

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

原型 , Javascript

山頭人漢波 - 移動端法門:自適應方案和高清方案

筆者從畢業開始做前端到現在,90% 的項目是移動端打交道,所以當簡歷上寫了“移動H5”幾個字時,必會被問到自適應方案與高清方案 ”自適應“講的是一套UI(例如750*1334),在多端下展示近乎一樣的效果;而”高清“是因為 DPR 提升而所做的各種精度適配 這篇文章講講筆者理解的自適應方案和高清方案 先説結論 自適應方案 rem 適配思路 選擇一

佈局 , sass , 前端 , Javascript

SnowWolfArden - Function instanceof Object和Object instanceof Function都true

1、需求 在看原型鏈。沒想明白Function和Object的關係。就查了下。 2、原則 js之父在設計js原型、原型鏈的時候遵從以下兩個準則: 準則1:原型對象(即Person.prototype)的constructor指向構造函數本身 準則2:實例(即person)的__proto__和原型對象指向同一個地方 3、關係 null- Object.prototype - Functio

原型鏈 , Javascript

HZFEStudio - New 操作符的原理

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

面試 , new , es5 , 前端 , Javascript

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

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

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

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

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

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

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

新茶十九 - forceWebGL 和 forbidenWebGL

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

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

heath_learning - 記錄一次vue-cli創建vue項目失敗,一直卡着不動問題

問題描述:使用 vue create a-test 命令創建項目一直卡着安裝依賴失敗,報錯:ERROR Failed to get response from https://registry.npm.taobao.org/binary-mirror-config,命令行出現如下信息: Failed to check for updates ✨ Creating project in

vue.js , registry , vue-cli , npm

aqiongbei - javascript中的動態集合NodeList&HTMLCollection

不知道你有沒有在控制枱見到過類似這樣的輸出 我們會發現,同樣都是獲取元素的代碼,為啥一個是NodeList,一個是HTMLCollection。 那麼這倆是啥?又有啥區別,本篇文章我們就聊聊這個。 NodeList NodeList對象是節點的集合(類數組)。通常是由屬性,如Node.childNodes 和 方法(如document.querySelectorAll) 返回的

dom , 前端 , Javascript

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

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

chrome , pwa , Css , 前端 , Javascript

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

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

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

零一行者 - 封裝 uniapp 請求庫的最佳實踐

背景 在前端開發中,HTTP 請求是與服務器進行數據交互的核心手段。無論是獲取數據還是提交數據,前端應用幾乎都離不開 HTTP 請求。在 uniapp 中,uni.request 是官方提供的用於發起 HTTP 請求的基礎 API。然而,直接使用 uni.request 存在一些問題和不足,比如: 代碼冗餘:每次發起請求時都需要編寫類似的配置代碼,導致代碼重複。 缺乏統一管理:沒有統一的地方

uniapp , Ajax , 前端 , Javascript

華為雲開發者聯盟 - 事件Event:帶你體驗鴻蒙輕內核中一對多、多對多任務同步

摘要:本文通過分析鴻蒙輕內核事件模塊的源碼,深入掌握事件的使用。 本文分享自華為雲社區《鴻蒙輕內核M核源碼分析系列十二 事件Event》,原文作者:zhushy 。 事件(Event)是一種任務間通信的機制,可用於任務間的同步。多任務環境下,任務之間往往需要同步操作,一個等待即是一個同步。事件可以提供一對多、多對多的同步操作。本文通過分析鴻蒙輕內核事件模塊的源碼,深入掌握事件的使用。本文中所

iot , 事件 , 開源 , 任務管理器 , harmonyos