收藏 / 列表

b2proxy 頭像

675173ff-65c2-413a-b556-576966012357 - IP代理的工作原理詳解：隱藏真實身份的互聯網中間層

在現代互聯網世界中，IP代理（Proxy IP） 已成為跨境電商、數據採集、隱私保護、AI訓練和廣告驗證等領域不可或缺的基礎工具。它讓用户能夠繞過地理限制、保護隱私、提高訪問穩定性。那麼，IP代理究竟是如何工作的？為什麼它能隱藏真實身份？本文將從原理、類型與應用三個角度，深入解析IP代理的工作機制。 一、什麼是IP代理？ IP代理，也被稱為“代理服務器”（Proxy Server），是一種位於客户

前端 , Javascript

feng_fanfan 頭像

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

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

教程 , 知識 , 前端 , Javascript

nihaoanihao 頭像

你好啊你好 - 邊緣吸附組件（vue)

效果Gif圖 使用方式 script lang="ts" setup import EdgeDockable from "***/EdgeDockable.vue"; /script template !-- localStorage 存儲位置時所需要的 key="AI" -- EdgeDockable localStorageKey="AI" template #collap

vue3 , 前端 , Javascript

wupeng_5a4de5c290b9d 頭像

PatWu16 - PWA離線應用實踐

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

pwa , HTML , 前端 , Javascript

jueqiangqingtongsan 頭像

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

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

vue.js , ecmascript-6 , node.js , 前端 , 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

liuyuedekele 頭像

六月的可樂🥤 - 智能API代碼示例生成工具AiRestful

一、產品介紹 AiRestful是一款基於智能AI的,幫助小白快速生成任意編程語言的API接口調用示例代碼的編程工具.它的特點是:簡單易用、集成支持、多主流編程語言覆蓋.它是面向學生、編程愛好者、編程小白的實用工具. AiRestful官網: 點擊直達AiRestful官網 二、如何使用 AiRestful是簡單易用的,只需要三步即可為您生成您需要的編程語言的代碼示例. 1、第一步(必須): 根

restful , 人工智能 , 深度學習 , 前端 , Javascript

apifox 頭像

Apifox - 從零開始學習 GraphQL：入門指南和教程

認識 GraphQL 前段時間，GraphQL 出現並掀起了一陣熱潮。但是 GraphQL 跟 REST 是兩種不同的東西，所以也需要一定的學習成本，導致大部分人都沒有選擇去學習它，今天就帶大家簡單過一遍 GraphQL 吧，希望大家能有所收穫。 知識擴展：GraphQL 和 REST 對比 GraphQL 好在哪？ 首先來説説 GraphQL 到底好在哪： GraphQL 速度快並且穩定

graphql-tools , grpc , graphql , graphql-js , graphql-java

lxlu 頭像

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

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

原型 , Javascript

johanazhu 頭像

山頭人漢波 - 前端學 Ruby：熟悉 Ruby 語法

寫在前面 我們當然希望能在本地中執行代碼，如果你還沒有隻是看看，還沒安裝 ruby，可以在 try ruby 或者 replit 在線編寫代碼 本文目錄 Ruby 是什麼 基本語法 變量 算術操作 位運算符 打印輸出 註釋 條件語句：控制流 循環/迭代器 數據結構 String Integer/Float Array Hash Set Range 函數（方法） 面向對

ruby-on-rails , ruby , 前端

snowwolfarden 頭像

SnowWolfArden - Day 56/100 AngularJS 依賴注入

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

angularjs , 前端 , 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

thjjames 頭像

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

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

全選 , table , vue3 , selection , Javascript

limingcan562 頭像

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

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

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

shenfq 頭像

Shenfq - 前端模塊化的前世

隨着前端項目的越來越龐大，組件化的前端框架，前端路由等技術的發展，模塊化已經成為現代前端工程師的一項必備技能。無論是什麼語言一旦發展到一定地步，其工程化能力和可維護性勢必得到相應的發展。 模塊化這件事，無論在哪個編程領域都是相當常見的事情，模塊化存在的意義就是為了增加可複用性，以儘可能少的代碼是實現個性化的需求。同為前端三劍客之一的 CSS 早在 2.1 的版本就提出了 @import 來實現模塊

前端模塊化 , seajs , commonjs , requirejs , Javascript

Itstars 頭像

新茶十九 - 高德地圖的柵格圖，2D地圖，瓦片圖有什麼區別

高德地圖的“柵格圖”、“2D地圖”和“瓦片圖”這三個概念經常被混用，但它們描述的是不同層面的東西。 簡單來説： 瓦片圖是技術實現方式。 柵格圖是地圖數據的展現形式（與矢量圖相對）。 2D地圖是地圖的顯示模式（與3D地圖相對）。 下面我用一個清晰的表格和詳細解釋來説明它們的區別和聯繫。 🆚 核心概念對比 維度

vue.js , 高德地圖 , 柵格 , 3d , 前端開發

aqiongbei 頭像

aqiongbei - javascript中的動態集合NodeList&HTMLCollection

不知道你有沒有在控制枱見到過類似這樣的輸出 我們會發現，同樣都是獲取元素的代碼，為啥一個是NodeList，一個是HTMLCollection。 那麼這倆是啥？又有啥區別，本篇文章我們就聊聊這個。 NodeList NodeList對象是節點的集合(類數組)。通常是由屬性，如Node.childNodes 和 方法（如document.querySelectorAll） 返回的

dom , 前端 , Javascript

jianzhuangdeyaling 頭像

用户bPdeUmS - PostCSS 插件系統：如何使用 PostCSS 插件優化 CSS 工作流

PostCSS 是一個功能強大的 CSS 處理工具，廣泛應用於現代前端開發中。它本身並不是一個 CSS 預處理器，而是一個工具集，可以通過插件系統來處理、優化、和增強 CSS 代碼。PostCSS 的核心非常輕量，但插件系統卻讓它極具擴展性，可以實現自動添加瀏覽器前綴、轉換現代 CSS 特性、支持變量、嵌套、甚至可以檢查和修復代碼質量等功能。 本文將專注於如何使用 PostCSS 插件優化 CSS

postman , postcss , typescript , 前端 , Javascript

evilboy 頭像

瘋狂的技術宅 - JavaScript中的回調函數看這篇就夠了

回調函數是每個前端程序員都應該知道的概念之一。回調可用於數組、計時器函數、promise、事件處理中。 本文將會解釋回調函數的概念，同時幫你區分兩種回調：同步和異步。 回調函數 首先寫一個向人打招呼的函數。 只需要創建一個接受 name 參數的函數 greet(name)。這個函數應返回打招呼的消息： function greet(name) { return `Hello, ${name}!

回調函數 , 前端 , Javascript

liuyuxuan6666 頭像

LYX6666 - 解決lodash由於依賴錯誤導致無法啓動的問題

目錄 問題描述 嘗試的解決辦法 真正的解決辦法 結論 一、 問題描述 一個很久沒接觸的老項目，前兩天想看一下里面一個功能，結果前端起不來了。 先上報錯： Error: node_modules/@types/lodash/common/object.d.ts:1026:46 - error TS1005: '?' expected. 1026 : K extend

node.js , localstorage , typescript , npm , 前端

renzhongdaoyuan_59170ca258c53 頭像

零一行者 - 從實際營銷活動案例看 H5 與 WebView 的交互

從實際案例看 H5 與 WebView 交互 現在運營需要設計一個活動頁面，這個頁面需要支持如下功能: img src="https://img-blog.csdnimg.cn/direct/9cf7eeedd91d48088c3c1695941521cf.jpeg" width="375px"/ img src="https://img-blog.csdnimg.cn/direct/a78

vue.js , uniapp , webview , Javascript

huaweiclouddeveloper 頭像

華為雲開發者聯盟 - DCI架構是如何解決DDD戰術建模缺點的？

摘要：將DCI架構總結成一句話就是：領域對象（Object）在不同的場景（Context）中扮演（Cast）不同的角色（Role），角色之間通過交互（Interactive）來完成具體的業務邏輯。 本文分享自華為雲社區《實現DCI架構》，作者：元閏子 。 前言 在面向對象編程的理念裏，應用程序是對現實世界的抽象，我們經常會將現實中的事物建模為編程語言中的類/對象（“是什麼”），而事物的行為則

面向對象編程 , 華為雲 , 運維 , 對象