收藏 / 列表

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

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

android-studio , 前端 , Javascript

Feng_Fanfan - 前端工程師復健筆記-JavaScript 核心深度複習-Promise及有關函數

Promise 詳解及常用方法對比 1. Promise 原理詳解 1.1 Promise 基本概念 Promise 是 JavaScript 中用於處理異步操作的對象,它代表一個異步操作的最終完成(或失敗)及其結果值。 // Promise 的三種狀態 const promise = new Promise((resolve, reject) = { // Pending 狀態(進行中)

教程 , 知識 , 前端 , Javascript

你好啊你好 - 小説關鍵字節點搜索

網頁地址 源碼地址 視頻介紹 https://www.bilibili.com/video/BV1MJ4BzMEHX/?aid=115378525050...

工具 , 小説

PatWu16 - chrome-devtools-mcp 工具試用記錄

谷歌 Chrome 開發者工具 MCP 服務器公佈,它允許 AI 代理在瀏覽器中直接調試、測試和修復代碼,彌補了以往 AI 編碼工具無法直接觀察代碼在瀏覽器中運行情況的缺陷,更多內容查看官方博客、Github倉庫,其在發佈的短時間內即引起廣泛關注,npm下載量陡升: 調試工具提供的能力: 試用記錄,僅供參考:   

chrome-devtools , 前端

倔強青銅三 - 教你玩轉JavaScript元編程

教你玩轉JavaScript元編程 大家好,我是倔強青銅三。我是一名熱情的軟件工程師,我熱衷於分享和傳播IT技術,致力於通過我的知識和技能推動技術交流與創新,歡迎關注我,微信公眾號:倔強青銅三。 JavaScript元編程:深度解析Proxy、Reflect和對象屬性控制 JavaScript元編程超越了典型編程的範疇,為開發人員提供了一套創建高度靈活、高效和響應式代碼庫的工具。讓我們深入探討Pr

vue.js , ecmascript-6 , node.js , 前端 , Javascript

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

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

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

前端蛋卷 - 快來看看 ECMAScript 2024 (ES15) 發佈了什麼新特性

2024 年 6 月 26 日,第 127 屆 Ecma 大會批准了 ECMAScript 2024 語言規範,這意味着它現在正式成為標準。 https://github.com/tc39/ecma262/releases 1. Group By 分組 Map.groupBy() 將可迭代對象分組為一個新的 Map,Map中的 key由回調提供: Map.groupBy([0, -5, 3, -

ecmascript , 前端 , Javascript

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

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

typescript , HTML , 前端 , html5 , Javascript

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

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

原型 , Javascript

山頭人漢波 - 前端學Ruby:前言

人與人的區別不是”受過教育“和”沒受過教育“,而是”喜歡閲讀“和”不喜歡閲讀“ ——《納瓦爾寶典》 寫在前面,筆者是一名前端,現在來學習 ruby,打算寫一系列的文章,將自己學習 ruby on rails 的經驗分享出來,於是就有了這一系列文章:「前端學Ruby:七天筆記」 第一天 安裝 Ruby、Rails 第二天 熟悉 Ruby 語法 第三天 熟悉 Rails 第四天 唐詩API 項目 第五

ruby-on-rails , ruby , rubygems , 前端

SnowWolfArden - Day 56/100 AngularJS 依賴注入

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

angularjs , 前端 , Javascript

HZFEStudio - New 操作符的原理

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

面試 , new , es5 , 前端 , Javascript

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

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

模塊化 , requirejs , Javascript

羊先生 - Vue項目打包完後如何自動上傳至服務器

寫在開頭 我先説下一下,為啥要寫這個,由於之前在寫不見面開標5.0系統,修改完bug後,然後前端通過npm run build打包後生成文件,然後在通過FTP工具上傳至服務器,整個過程,我還需要手動拷貝到服務器,如果一天打包好幾次,就要手動拷貝好幾次,非常繁瑣 前端部署項目方案 前端部署 通過npm run build,構建前端靜態資源文件 只需上傳構建後的資源文件,然後上傳至服務器指

前端構建 , vue.jswebpackvuegridlayout , webpack

小皇帝James - 表格Table實現前端全選所有功能

前言 最近兩家公司都遇到了全選全頁+批量操作的功能場景,即點擊全選所有的時候需要勾選所有數據包括非當前頁的。 方案 如果純前端分頁可以參考 antdv.table,一般主流的組件庫都給封裝好了。 後端分頁一種方案是: 基於組件庫的現有能力,全選所有時設置 pageSize 為無窮大並調用列表接口得到全量數據賦值給 selectedRowKeys 即可。但是這套方案最大的問題在於

全選 , table , vue3 , selection , Javascript

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

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

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

小帆聊前端 - 前端設計模式深度解讀:從混沌到有序,寫出可維護的代碼

前端設計模式深度解讀:從混沌到有序,寫出可維護的代碼 前言:你是否也被這些代碼問題折磨過? "這個彈窗組件改一處就崩三處,到底誰寫的?" "為什麼同樣的表單驗證邏輯,每個頁面都要複製粘貼?" "狀態管理越來越亂,新增功能要改五六個地方?" "接手的項目像一團亂麻,根本不敢動核心邏輯?" 前端開發中,"能跑就行" 的代碼在初期或許能快速交付,但隨着項目迭代,維護成本會指數級增長。設計模式不是銀彈,卻

設計模式 , 前端

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 - 來學一個值錢的知識,Chrome插件如何優雅的捕獲頁面的請求結果

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

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

star - 簡單請求和複雜請求

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

xmlhttprequest

ohoherror - 遍歷數組的for..of循環語法

for..of循環首先會向被訪問對象請求一個迭代器對象,然後通過調用迭代器對象的next()方法來遍歷所有返回值。數組有內置的@@iterator,因此for..of可以直接應用在數組上。我們使用內置的@@iterator來手動遍歷數組,看看它是怎麼工作的: var myArray = [ 1, 2, 3 ]; var it = myArray[Symbol.ite

for循環 , 前端

凹凸實驗室 - 一個學習 Koa 源碼的例子

作者: MarkLin 學習目標: 原生 node 封裝 中間件 路由 Koa 原理 一個 nodejs 的入門級 http 服務代碼如下, // index.js const http = require('http') const server = http.createServer((req, res) = { res.writeHead(200) res.

node.js , koa.js , Javascript

安歌 - 淺談 Virtual DOM

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

virtual-dom , 前端 , Javascript

用户bPdeUmS - TypeScript 中的類型推斷詳解:為什麼我們應該信任 TypeScript 的推斷能力?

在 TypeScript 中,類型推斷(Type Inference)是一個強大且被廣泛使用的特性。它允許開發者在許多情況下省略顯式的類型註解,從而簡化代碼,同時仍然享受強類型系統帶來的安全性和可靠性。然而,對於初學者或經驗不足的開發者來説,常常會疑惑:我真的可以完全信任 TypeScript 的類型推斷嗎?它的邊界和侷限性是什麼? 本文將聚焦於這個問題,通過深入解析 TypeScript 的類型

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