收藏 / 列表

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

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

android-studio , 前端 , Javascript

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

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

教程 , 知識 , 前端 , Javascript

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

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

工具 , 小説

PatWu16 - PWA離線應用實踐

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

pwa , HTML , 前端 , Javascript

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

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

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

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

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

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

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

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

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

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

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

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

肥皂泡 - js 正則實現過濾html字符串,給h1和h2標籤添加id,實現錨點功能

正則要求: 沒有id屬性的h1/2標籤,支持過濾嵌套標籤生成string作為錨點id h[12]: 匹配 h1 或 h2 標籤的開始。 (?![^]*\bid=): 使用負向前瞻,確保標籤中沒有 id 屬性。 [^]*: 匹配 h1 或 h2 標籤中的其他屬性(如果有的話)。 ([\s\S]*?): 捕獲標籤內部的所有字符,包括空格和換行符。 .*? 是非貪婪模式,表示儘可能少地匹配字

正則表達式 , Javascript

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

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

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

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實現數據單向綁定

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

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

羊先生 - 使用Cursor開發Strapi5插件bag-strapi-plugin

🎯 為什麼開發 bag-strapi-plugin? 問題的起源 在使用 Strapi 5 開發多個項目後,我發現每個項目都需要重複實現一些通用功能: 用户認證系統 - JWT Token 管理、密碼加密、登錄註冊 API 安全保護 - 簽名驗證、限流防刷、加密傳輸 驗證碼功能 - 圖形驗證碼、短信驗證碼 菜單管理 - 後台菜單的數據庫設計和 CRUD 加密工具 - AES、RSA、

node.js , ai開發 , cursor , strapi , 前端

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

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

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

limingcan - 有了這些方法,webpack你也可以自己配

前言 通過上篇文章——弄懂這幾個概念後,我對webpack有了更新的理解 的講解,我們大致瞭解了: 使用webpack過程中出現的一些概念 結合打包過程中出現的概念,淺析了webpack打包流程,讓大家對打包流程有個大致的理解 我們都知道,我們在實際開發過程中,使用webpack無非就是為了最後輸出瀏覽器能運行的css、img、js、html等前端資源。 那麼,為了更貼近實際,我們這篇文章

構建工具 , webpack5 , challenge , 前端 , Javascript

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

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

模板引擎 , webcomponents , HTML , 前端

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

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

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

JackySummer - 【解讀 ahooks 源碼系列】 (開篇)如何獲取和監聽 DOM 元素

前言 由於在工作中自定義 Hook 場景寫的較多,當實現某個通用場景功能時,可能沒想過有已實現好的 Hook 封裝或者壓根沒想去從 Hooks 庫裏面找,但是社區好的實現使用起來是可以提高開發效率和減少 bug 率的。 公司項目中有依賴庫 ahooks,但我用的次數不多,於是有了想詳細瞭解 ahooks 的打算,更主要是為了更加熟練抽離與實現一些場景 Hook,學習如何更好的自定義 Hook,便有

react , hooks , 前端 , Javascript

star - 繼承的幾種方式

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

面試小抄 , 繼承 , Javascript

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

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

react , 生命週期 , 前端

凹凸實驗室 - 蒲公英 · JELLY技術週刊 Vol.35: Flash 四宗罪?

蒲公英 · JELLY技術週刊 Vol.35 Flash 曾是 Web 邁向新世代的福音書,它為這個世界帶來了繽紛色彩,但也如伊甸園的蘋果,閃耀着智慧的光芒,卻四災隨行。誕生 1995 年至今 25 年,這個潘多拉魔盒終於要被人們關上並塵封入土,然以史為鑑可知興替,flash 緣起為何?為何被高高捧起又跌入凡塵?只是過時,亦或是 web 初心不在?這些都值得我們去思考。 登高遠眺 天高地迥,覺宇

命令行 , 視頻 , Flash , 算法 , Javascript

安歌 - Leetcode 算法題解系列 - 二叉樹的層序遍歷

本專題旨在分享刷Leecode過程發現的一些思路有趣或者有價值的題目。【當然是基於js進行解答】。 (這道題應該算是二叉樹的基礎題,建議還是學一下,不難且經典) 題目相關 原題地址: https://leetcode-cn.com/probl... 題目描述: 從上到下按層打印二叉樹,同一層的節點按從左到右的順序打印,每一層打印到一行,例如,給定二叉樹: [3,9,2

leetcode , 算法 , 二叉樹 , Javascript

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

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

fiddler , yarn , typescript , 前端 , Javascript