收藏 / 列表

b2proxy 頭像

675173ff-65c2-413a-b556-576966012357 - 住宅代理的價值與未來：真實身份下的網絡自由

在網絡世界裏，身份幾乎等同於權力。一個IP地址，不僅決定了你能訪問什麼內容，也決定了你能否順利完成某項任務。 而在今天這個一切都“被識別”的互聯網時代，住宅代理（Residential Proxy），正成為越來越多企業和開發者的“隱形基礎設施”。 為什麼住宅代理越來越重要？ 過去，我們習慣使用數據中心代理（Datacenter Proxy）去爬取數據、測試網站或訪問受限內容。 它們速度

php , 數據庫 , Android , 前端

feng_fanfan 頭像

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

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

教程 , 知識 , 前端 , Javascript

nihaoanihao 頭像

你好啊你好 - div + transform 實現旋轉圖片並得到期望的佔位盒子

效果圖 使用示例 script setup lang="ts" import RotatedImage from "**/RotatedImage.vue"; import { ref } from "vue"; const value = ref(50); const clockwise = ref(true); const src = ref( "https://naive-ui.os

vue.js , Css , HTML , 前端 , Javascript

wupeng_5a4de5c290b9d 頭像

PatWu16 - PWA離線應用實踐

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

pwa , HTML , 前端 , Javascript

jueqiangqingtongsan 頭像

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

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

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

wanzuqiudeshangba 頭像

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

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

flexbox , typescript , 後端 , 前端 , Javascript

chongdongdedaxiongmao_kxfei 頭像

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

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

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

danjuanfe 頭像

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

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

promise , 前端 , Javascript

linong 頭像

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

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

ast , typescript , babel , 前端 , Javascript

liuyuedekele 頭像

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

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

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

apifox 頭像

Apifox - 理解 GET 和 POST：HTTP 請求方法的比較

Post 請求和 Get 請求是 HTTP 協議中兩種最常用的請求方法。它們有一些相似之處,但也存在一些重要的區別。 Get 請求 Get 請求是 HTTP 協議中的一種請求方法,通常用於從服務器獲取資源。使用 Get 請求時,參數會附加在 URL 的末尾,多個參數之間用 符號分隔。 Get 請求的一些特點: 可以從服務器獲取資源。 參數暴露在 URL 中,存在安全隱患。 受到 URL

post , HTTP , 後端 , get , 前端

dirackeeko 頭像

DiracKeeko - [JS] javascript中的原型鏈02 prototype&constructor

這是構造函數和構造函數的prototype之間的關係 Person.prototype.constructor === Person; // true 那麼對Person創建的實例對象p1 p1.__proto__.constructor === Person; // true 在瀏覽器控制枱中輸入如下代碼 function Person(name) { this.name = name;

原型 , constructor , 原型鏈 , 前端 , Javascript

ning_643b67be37ac3 頭像

麒寧 - 3分鐘搞定：瀏覽器本地存儲 Web Storage

寫在前面 瀏覽器本地存儲包括兩個對象：sessionStorage 和 localStorage，它們都是 Storage 的實例對象。 window.localStorage instanceof Storage; // true Web Storage 的基本使用 查-訪問數據：getItem() 方法。 增改-添加、修改數據：setItem() 方法。 刪-刪除數據：removeItem()

面試小抄 , sessionstorage , localstorage , 前端 , Javascript

johanazhu 頭像

山頭人漢波 - 前端學 Ruby：安裝Ruby、Rails

Ruby 是什麼 Ruby 是一個注重均衡的語言，它的發明者松本行弘，混合了他喜歡的多門語言（Perl、Smalltalk、Eiffel、Ada 和 Lisp），創造出了一種兼具函數式編程和命令式編程特色的新語言 他“試着讓 Ruby 更自然，而不是更簡單”，讓一切符合生活常規 除此之外，他還提到： Ruby 就像人的身體一樣，表面上看來簡單，但是內部卻相當複雜 如何安裝 ruby 筆者所用的電腦

ruby-on-rails , ruby , 後端 , 前端

snowwolfarden 頭像

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

_6085362b65292 頭像

HZFEStudio - 瀏覽器事件循環

完整高頻題庫倉庫地址：https://github.com/hzfe/awesome-interview 完整高頻題庫閲讀地址：https://febook.hzfe.org/ 相關問題 什麼是瀏覽器事件循環 瀏覽器為什麼需要事件循環 Node.js 中的事件循環 回答關鍵點 任務隊列 異步 非阻塞 瀏覽器需要事件循環來協調事件、用户操作、腳本執行、渲染、網絡請求等。通過事件循環，瀏覽器

事件循環 , node.js , 瀏覽器 , 前端性能 , Javascript

biubiu_5deda9568bbf1 頭像

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

接上一篇文章《js實現數據單向綁定》 上篇文章中用原生js實現了數據的單向綁定。本篇文章繼續介紹如何用js實現數據的雙向綁定。綁定的方式模仿vue中的v-model指令。 創建標籤 div id="div1" input type="text" v-model="name" br 姓名：{{name}} /div 創建一個輸入框，使用v-model屬性綁定變量name，注意這裏只是模

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

u_16213608 頭像

mob64ca13fe62db - 最新基準測試：Apache Kafka、Apache Pulsar和RabbitMQ哪個最快？_開源_Alok Nikhil

terminal-bench與Apache Kafka：評測事件流處理方案 引言 事件流處理是現代數據架構的核心組件，而Apache Kafka作為分佈式事件流平台，已成為行業標準。本文將介紹如何使用terminal-bench（t-bench）評測基於Apache Kafka的事件流處理方案，幫助開發人員和運維人員快速評估系統性能、

事件流 , 流處理 , 前端開發 , apache , Javascript

u_15903730 頭像

WangLanguager - 多智能體強化學習（MARL）介紹和代碼示例

多智能體強化學習（MARL）介紹 多智能體強化學習（Multi-Agent Reinforcement Learning, MARL）是強化學習的一個分支，涉及多個智能體在同一環境中學習和決策。MARL 主要關注以下幾個方面： 環境交互： 多個智能體同時與環境交互，它們的行為不僅影響自身的獎勵，也會影響其他智

強化學習 , yyds乾貨盤點 , tensorflow , 前端開發 , 代碼示例 , Javascript

sam-poder 頭像

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

Michelle Barker - Building A Dynamic Header With Intersection Observer

The Intersection Observer API is a JavaScript API that enables us to observe an element and detect when it passes a specified point in a scrolling container — often (but not always) the viewport — t

performance , API , Javascript , ui

u_17350491 頭像

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

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

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

u_17141077 頭像

g天命風流 - 併發編程之變量的線程安全分析的詳細解析

4.4 變量的線程安全分析 成員變量和靜態變量是否線程安全？ 如果它們沒有共享，則線程安全 如果它們被共享了，根據它們的狀態是否能夠改變，又分兩種情況 如果只有讀操作，則線程安全 如果有讀寫操作，則這段代碼是臨界區，需要考慮線程安全 局部變量是否線程安全？ 局部變量是線程安全的 但局部變量引用的對象則未必 如果該對象沒有逃離方法的作用訪問，它是

d3 , 線程安全 , JAVA , 前端開發 , Javascript

u_17072679 頭像

前端小巷子 - Vue腳手架模式與環境變量

Vue腳手架模式與環境變量 在真實項目裏，「如果每次切換環境都手動改代碼，不僅低效，還極易把測試地址帶到線上。Vue CLI 把「模式 + 環境變量」做成了一套約定大於配置的體系，只要理解規則，就能讓同一份源碼在任意環境自動作出正確的行為。 一、模式（mode） Vue CLI 把「運行命令」抽象成三種默認模式： development：對應 vue-cli

環境變量 , API , bash , 前端開發 , Javascript