收藏 / 列表

b2proxy 頭像

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

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

android-studio , 前端 , Javascript

feng_fanfan 頭像

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

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

教程 , 知識 , 前端 , 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 - chrome-devtools-mcp 工具試用記錄

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

chrome-devtools , 前端

jueqiangqingtongsan 頭像

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

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

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

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

肥皂泡 - javascript 正則 高級用法

先簡單看幾個常用基礎標識符 ^ 匹配一個輸入或一行的開頭， /^a/ // 匹配"an A"，而不匹配"An a" $ 匹配一個輸入或一行的結尾 /a$/ // 匹配"An a"，而不匹配"an A" *匹配前面元字符0次或多次 /ba*/ // 匹配b,ba,baa,baaa,... +匹配前面元字符1次或多次 /ba+/ // 匹配ba,baa,baaa,... ? 匹配前面元字符0次

regexp , 正則表達式 , Javascript

johanazhu 頭像

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

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

ruby-on-rails , ruby , 後端

snowwolfarden 頭像

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

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

原型鏈 , Javascript

_6085362b65292 頭像

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

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

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

biubiu_5deda9568bbf1 頭像

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

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

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

yangxiansheng_5a1b9b93a3a44 頭像

羊先生 - 關於前端壓縮字體的方法

我在編寫一個撰寫日常的網站，需要用到自定義字體，在網上找到一ttf的字體，發現體積很大，需要進行壓縮 如何壓縮 目前我們的字體是.ttf字體，其實我們需要把字體轉換成.woff字體 WOFF本質上是包含了基於SFNT的字體（如TrueType、OpenType或其他開放字體格式），且這些字體均經過WOFF的編碼工具壓縮，以便嵌入網頁中。[[3]](https://zh.wikipedia.org/

字體 , 壓縮工具 , Javascript

thjjames 頭像

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

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

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

limingcan562 頭像

limingcan - 不幸中帶點萬幸的2022，該何去何從的2023

本文參與了 SegmentFault 思否年度徵文「一名技術人的 2022」，歡迎正在閲讀的你也加入。 前言 手指在鍵盤上滴答滴答敲着，臉龐感受着窗外清風輕輕的拍打，身體正接受着陽光的沐浴。在手指按下鍵盤的瞬間，我扭了扭脖子，伸了伸懶腰，看向電腦右上角的日期，距離2022年結束，還有23天。 不幸中又帶點幸運的2022 在疫情的衝擊下，大環境都很低迷，對於大部分人來説，這是不幸的。在這片低迷的氛圍

2022-年度總結 , 職業規劃 , 前端

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 源碼系列的第四篇，往期文章： 【解讀 ahooks 源碼系列】（開篇）如何獲取和監聽 DOM 元素：useEffectWithTarget 【解讀 ahooks 源碼系列】DOM篇（一）：useEventListener、useClickAway、useDocumentVisibility、useDrop、useDrag 【解讀 ahooks 源碼系列】DOM篇

react , hooks , 前端

user_4jsjtpci 頭像

star - 繼承的幾種方式

實現一個父類 // 定義一個動物類 function Animal (name) { // 屬性 this.name = name || 'Animal'; // 實例方法 this.sleep = function(){ console.log(this.name + '正在睡覺！'); } } // 原型方法 Animal.prototype.eat = funct

面試小抄 , 繼承 , Javascript

gkymfrg1 頭像

ohoherror - componentWillUpdate可以直接修改state的值嗎

不應該在 componentWillUpdate 生命週期方法中直接修改 state 的值，因為這樣做可能導致錯誤。 在 componentWillUpdate 生命週期方法中，仍然可以訪問當前組件的 state 和 props，但是更改它們的值可能會導致不可預見的結果。這是因為該生命週期方法觸發時，組件的狀態正在被更新，如果在此時更改狀態會導致組件進入無限循環的狀態。 如果需要更改狀態，建議使用

react , 生命週期 , 前端

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

安歌 - 詳解JS的繼承（三）-- 圖解Es6的Extend

前言 距離上一篇js的繼承系列已經過去了四年，時不時還有新的讀者評論和回覆，開心之餘也想着更新一下內容，因為當時的內容裏沒有涉及到es6的 extend 實現，所以現在抽空補上。 當然，如果是0基礎的同學或者對於基本的繼承有些遺忘的同學，可以先回顧一下前兩篇： 詳解js中的繼承（一） 詳解js中的繼承（二） 正文 基礎回顧 預備知識 為了使後面的學習過程更絲滑，在開始之前，一起再回顧一下這個構造

ecmascript-6 , extend , 繼承 , Javascript

jianzhuangdeyaling 頭像

用户bPdeUmS - 深入理解 Fiddler：網絡調試的強大工具

在現代 Web 開發中，網絡調試和請求分析是開發者日常工作中不可或缺的部分。Fiddler 是一款功能強大的網絡調試代理工具，它能夠幫助開發者捕獲、查看和修改 HTTP(S) 請求和響應，提供了極大的便利。無論是調試 API、分析網絡性能，還是解決前端與後端的通信問題，Fiddler 都能為開發者提供詳細的信息和靈活的操作。本文將專注於 Fiddler 的核心功能、使用場景以及最佳實踐，幫助你更高

fiddler , yarn , typescript , 前端 , Javascript