收藏 / 列表

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

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

android-studio , 前端 , Javascript

Feng_Fanfan - 前端工程師復健筆記-JavaScript 核心深度複習-作用域與詞法環境

作用域與詞法環境 這是一個非常核心的JavaScript概念。我們來詳細地解釋一下全局作用域、函數作用域和塊級作用域的區別。 核心概念:作用域 作用域 就是變量、函數和對象的可訪問性範圍。換句話説,它決定了代碼中不同部分的變量可見性。 1. 全局作用域 定義:在任何函數或代碼塊 {} 之外定義的變量或函數,都擁有全局作用域。 生命週期:從定義開始,直到頁面關閉。 訪問性:在腳本中的任何地

教程 , 知識 , 前端 , Javascript

你好啊你好 - 強化 Naive UI n-message-provider 的 to 屬性,實現自由指向

效果 使用示例 script setup lang="ts" import ToMessage from "**/NaiveMessage"; function a() { ToMessage("#a", "測試消息a", { duration: 0, closable: true }); } function b() { ToMessage("#b", "測試消息b", { dura

vue.js , vue3 , 前端

PatWu16 - PWA離線應用實踐

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

pwa , HTML , 前端 , Javascript

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

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

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

玩足球的傷疤 - 細説Flexbox 佈局

在響應式設計中,Flexbox 是一種理想的佈局工具。它使得元素能夠根據容器的尺寸自動調整,靈活地填充可用空間。因此,無論是在桌面端還是移動端,Flexbox 都能夠確保佈局自適應、整潔且易於維護。 示例:響應式導航欄 假設我們需要創建一個具有可調節寬度的導航欄,項之間應均勻分佈,並且在小屏幕上時,導航項能夠堆疊在一起: nav class="navbar" a href="#"Home/a

flexbox , typescript , 後端 , 前端 , Javascript

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

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

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

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

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

promise , 前端 , Javascript

linong - 通過 AST 實現組件庫替換升級

年初接到一個任務將 semi-ui 替換到 antd,但是能人力預算不太夠,所以基於工作量和效率選擇了基於 AST 的替換方案。 項目技術棧是 React + tsx 為什麼要使用 AST? AST(Abstract Syntax Tree,抽象語法樹)是一種在計算機科學中表示源代碼語法結構的樹狀數據結構。 通過 AST,可以理解代碼的結構和含義,實現代碼分析、轉換和操作。 基於 AS

ast , typescript , babel , 前端 , Javascript

六月的可樂🥤 - 強烈推薦 Web前端在線代碼IDE(代碼編輯器)

好用代碼在線編輯器推薦 在前端開發的世界裏,一款高效、便捷的代碼編輯器是每位開發者的得力助手。今天,我將以一名前端技術愛好者的身份,為大家介紹一款專注於前端領域的免費在線代碼編輯器——ColaOnlineCoder。它不僅支持在線編輯和預覽HTML、CSS、JavaScript等前端代碼,還集成了豐富的在線前端框架模板,以及強大的AI編程助手能力,為前端開發帶來了前所未有的便捷與可能。 這裏先貼一

css3 , 人工智能 , typescript , 前端 , html5

Apifox - 如何模擬後台API調用場景,很細!

簡介 在開發前後台分離項目並且通過不同團隊來實現的時候,如何將後台設計的 API 準確的傳達到前台,是一個非常重要的工作。為了簡化這個過程,開源社區做了很多努力,比如 protobuf技術,swagger 的誕生, 以及後面 openapi 的演化,都在試圖解決 API 描述和文檔的問題。這些標準某些程度上大大簡化了 API 文檔的撰寫和維護,但是API設計往往比較複雜,所以另外還有一些痛點沒有解

api文檔 , postman , 前後端分離 , 後端 , 前端

DiracKeeko - [JS] javascript中的原型鏈01 prototype&__proto__

先給出名詞的定義: 1、實例對象-被new出來對象稱之為實例對象 例如: const p1 = new Person() p1就是實例對象 2、普通對象-未經new,直接聲明的對象是普通對象 例如:const p2 = { name: "John" } p2就是普通對象 3、prototype, 中文翻譯:原型對象 4、__proto__ ,中文翻譯:原型 (英文可以讀作dunder

原型鏈 , 前端 , Javascript

麒寧 - 3分鐘搞定:獲取 URL 查詢參數值

3分鐘搞定:獲取 URL 查詢參數值 在前端開發工作中,利用 URL 進行參數傳遞是一項十分常見的方法。在頁面跳轉時,通過 URL 攜帶某些信息,如狀態、id、區分頁面來源的字段值等。因此,學習瞭解如何獲取 URL 查詢參數值是很重要的。 js 代碼手擼 利用 JavaScript 代碼手擼一個函數,對 URL 查詢參數進行解析。這是方式靈活度高,可以進行更多個性化的操作。 const getSe

前端 , Javascript , url

山頭人漢波 - Koa2從零到腳手架

什麼是 Koa2 由 Express 原班人馬打造的新生代 Node.js Web 框架,它的代碼很簡單,沒有像 Express 那樣,提供路由、靜態服務等等,它是為了解決 Node 問題(簡化了 Node 中操作)並取代之,它本身是一個簡單的中間件框架,需要配合各個中間件才能使用 文檔 中文文檔 (野生) 最簡單的 Koa 服務器 const Koa = require('koa') cons

koa2 , node.js , 前端

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

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

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

模塊化 , requirejs , Javascript

mob64ca13fe62db - stageMode模式 INSTALL_PARSE_FAILED_USESDK_ERROR stage setting

這章中使用的示例,會延續上一章創建的Rails應用chapter2,但是我們會創建一個新的controller。在終端下執行: script/generate controller chapter3 index get_time repeat reverse

機器學習 , xhtml , HTTP , ViewUI , 人工智能 , HTML , Javascript

WangLanguager - Word2Vec介紹和代碼示例

Word2Vec 介紹 Word2Vec 是一種用於生成詞嵌入(word embeddings)的模型,由 Google 的研究團隊於 2013 年提出。它能夠將詞彙映射到一個低維度的向量空間,使得相似的詞在向量空間中距離較近。 Word2Vec 的兩種主要模型 Skip-Gram:給定一個詞,預測其上下文中的詞。適用於處理稀

yyds乾貨盤點 , 加載 , 自然語言處理 , 詞向量 , 前端開發 , Javascript

Sam Poder - Using SWR React Hooks With Next.js’ Incremental Static Regeneration (ISR)

If you’ve ever used Incremental Static Regeneration (ISR) with Next.js, you may have found yourself sending stale data to the client. This occurs when you are revalidating the page on the server. Fo

react , API , Tools , next.js , Javascript

Michelle Barker - Sustainable Web Development Strategies Within An Organization

Sustainability is rightly becoming more widely discussed within the web development industry, just as it is an increasing concern in the wider public consciousness. Many countries around the world h

performance , optimization , User Interaction

轉角處的湯姆 - JavaScript 中的閉包:理解與應用

在 JavaScript 的世界中,閉包是一個非常重要且常用的概念。它不僅是 JavaScript 中的核心特性之一,也是許多複雜編程模式的基礎。無論是為了解決數據封裝問題,還是為了實現一些高效的異步編程模式,閉包都發揮着至關重要的作用。在本文中,我們將詳細探討閉包的概念、工作原理及常見應用,幫助你更好地理解並運用閉包。 目錄 什麼是閉包? 閉包的工

詞法 , 作用域 , 數據封裝 , 前端開發 , Javascript

g天命風流 - 併發編程之常見線程安全類以及一些示例的詳細解析

常見線程安全類 String Integer StringBuffer Random Vector Hashtable java.util.concurrent 包下的類 這裏説它們是線程安全的是指,多個線程調用它們同一個實例的某個方法時,是線程安全的。也可以理解為 Hashtable table = new Hashtable()

項目代碼 , 線程安全 , JAVA , 前端開發 , Javascript

前端小巷子 - 前端虛擬長列表

前端虛擬長列表 當一次性渲染十萬條 DOM 節點時,瀏覽器會瞬間陷入「卡頓—白屏—崩潰」三連擊。虛擬長列表(Virtual Scroller)把「按需渲染」做到極致:只繪製可見區域並加少量緩衝,讓巨量數據在低端設備也能保持 60 FPS。 一、問題本質:渲染成本與滾動成本的矛盾 渲染成本等於節點數量乘以單個節點複雜度,滾動成本等於佈局重排乘以樣式重繪。瀏覽器單幀預算約 16

複雜度 , 重繪 , Math , 前端開發 , Javascript