收藏 / 列表

b2proxy 頭像

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

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

php , 數據庫 , Android , 前端

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

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

六月的可樂🥤 - 免費在線圖片編輯網站推薦

🔥發現神器！「可樂改圖」——一站式在線圖片編輯平台，讓工作更高效！🚀 大家好！今天我要給大家安利一個我最近發現的寶藏工具——「可樂改圖」，一個集多功能於一身的在線圖片編輯平台，簡直是職場人士和創作者的福音！🎉 官網地址: https://luckycola.com.cn 一、🌟產品介紹🌟 「可樂改圖」是一款簡單易用的在線圖片編輯神器，它不僅涵蓋了“壓縮圖片”、“圖片格式轉換”

圖片壓縮 , 圖片處理

lxlu 頭像

肥皂泡 - nuxt3 最新踩坑記錄

版本nuxt3.14 依賴vite+element-plus+scss nuxt文檔不清晰，版本問題也很多，要自己琢磨。 element-plus適配 ele集成用的推薦@element-plus/nuxt element-plus版本如果不是=2.8.8,要手動升級,不然!global assignments告警讓人奔潰 ele主題 // 全局樣式 css: ['~

nuxt.js , nuxtjs , nuxt3

johanazhu 頭像

山頭人漢波 - 從淺入深瞭解Koa2源碼

在前文我們介紹過什麼是 Koa2 的基礎 簡單回顧下 什麼是 koa2 NodeJS 的 web 開發框架 Koa 可被視為 nodejs 的 HTTP 模塊的抽象 源碼重點 中間件機制 洋葱模型 compose 源碼結構 Koa2 的源碼地址：https://github.com/koajs/koa 其中 lib 為其源碼 可以看出，只有四個文件：application.js、cont

koa2 , node.js , 源碼分析 , 前端 , Javascript

_6085362b65292 頭像

HZFEStudio - 瀏覽器事件循環

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

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

biubiu_5deda9568bbf1 頭像

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

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

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

limingcan562 頭像

limingcan - JS繼承面試的時候怎麼説？答應我，不要再死記硬背了好嗎？

前言 JS繼承這塊，ES6已經有class很香的語法糖實現了，ES6之前那些實現繼承的方法真的又多又長，説句心裏話，能不學真的不想再學，但是沒辦法，面試還是要搞你呀，所以這兩天看回ES6之前的繼承，發現還是蠻有意思的。寫這篇文章也是對自己的一個梳理總結，也希望能幫助到大家弄懂繼承這塊，這樣就不需要再死記硬背八股文，面試自由發揮就好。 JS的繼承，核心就是靠原型鏈完成。如果大家對原型鏈還不是很

面試 , 繼承 , 原型鏈 , 前端 , Javascript

linyuyizhizou_678b9fdc436f1 頭像

小帆聊前端 - 深度解讀前端包管理器：npm、cnpm、yarn、pnpm 的技術博弈與選型指南

引言：被依賴包支配的前端日常 "為什麼我本地能運行的項目，到服務器就報錯？" "node\_modules 文件夾怎麼佔用了 10GB 磁盤空間？" "安裝依賴為什麼要等 5 分鐘？" 這些前端開發中的經典靈魂拷問，都指向同一個核心問題 —— 包管理器的選擇與使用。從 2010 年 npm 誕生至今，前端包管理生態經歷了多次技術迭代，形成了 npm、cnpm、yarn、pnpm 四分天下的格局。它

yarn , 知識 , npm , 前端 , Javascript

shenfq 頭像

Shenfq - 前端模塊化的前世

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

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

user_4jsjtpci 頭像

star - caller和callee的區別

caller caller是函數的屬性，返回一個函數的引用，這個函數調用了當前的函數。 特點 1 這個屬性只有當函數在執行時才有用 2 如果在javascript程序中，函數是由頂層調用的，則返回null var a = function() { alert(a.caller); } var b = function() { a(); } b(); 上面的代碼中，b調用了a，那麼a.c

函數 , function , Javascript

gkymfrg1 頭像

ohoherror - forEach和map的異同

forEach和map都是用於迭代集合或數組的方法，但是forEach和map的主要區別在於它們的返回值和使用方式。 不同點： forEach方法是沒有返回值的，它只是對集合或數組進行迭代和操作。 map方法會返回一個新的數組，該數組包含通過對原始數組中的每個元素應用一個函數處理後得到的結果。 相同點： 兩者都可以用於遍歷集合或數組中的每個元素進行操作。 兩者都可以通過傳遞一個回調函

循環 , foreach , map , 前端 , Javascript

o2team 頭像

凹凸實驗室 - 一個學習 Koa 源碼的例子

作者： MarkLin 學習目標： 原生 node 封裝 中間件 路由 Koa 原理 一個 nodejs 的入門級 http 服務代碼如下， // index.js const http = require('http') const server = http.createServer((req, res) = { res.writeHead(200) res.

node.js , koa.js , Javascript

linlinma 頭像

安歌 - 淺談 Virtual DOM

前言 “Virtual Dom 的優勢是什麼？” 這是一個常見的面試問題，但是答案真的僅僅是簡單粗暴的一句“直接操作dom和頻繁操作dom的性能很差”就完事了嗎？如果是這樣的話，不妨繼續深入地問幾個問題： 直接操作Dom的性能為什麼差？ Virtual Dom到底是指什麼？它是如何實現的？ 為什麼Virtual Dom能夠避免直接操作dom引起的問題？ 如果發現自己對這些

virtual-dom , 前端 , Javascript

jianzhuangdeyaling 頭像

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

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

fiddler , yarn , typescript , 前端 , Javascript

evilboy 頭像

瘋狂的技術宅 - 2020 年 Chrome 開發者峯會的亮點

2020 年的Chrome 開發者峯會和往年有所不同，今年是在線上召開的，每次談話大約十分鐘，討論規模更大。雖然我沒有在第一時間觀看會議的直播，但是看回放也不會錯過這些亮點。 所有的回放在這裏：https://developer.chrome.com/... 通過“Core Web Vitals”簡化了性能指標 我們都知道 Chrome 有大量的性能指標，可以用它們來跟蹤關於網站性能的所有內容。儘

chrome , pwa , Css , 前端 , Javascript

gomi 頭像

Gomi - Astro + NextUI 搭建個人博客（導航組件篇）

Astro 簡介 由於我之前的個人博客是Vue3+Quasar+Koa+MySql搭建的，整體就是SPA的思路，作為練手倒是可以鍛鍊前後端各方面的能力。但考慮到後期的遷移和更新等，實在過於麻煩，個人博客其實使用SSR或SSG之類的框架就行了，比如Nextjs，Nuxtjs，Remix等等。於是我接觸到了Astro這個框架，它厲害的是不與任何前端框架進行強行綁定，比如Nextjs是與React強綁定

astro , ssg , ssr , 博客搭建 , 前端

liuyuxuan6666 頭像

LYX6666 - 從零開始，理解觀察者模式(思否出問題了，文章後一半被吞了，正在重新寫)

思否出問題了，寫了一整天的文章，字字斟酌，段段構思，發佈的時候被吞了三分之二，我心態崩了，正在瘋狂碼字，下次再也不用內置編輯器碼字了。 零、前言 很久以前就接觸過觀察者模式，也寫過觀察者模式的文章，但以當時的水平尚不足以準確的理解這個設計模式，以至於文章寫的一片混亂。 這次再次嘗試從設計模式的初衷出發，結合計算機組成原理以及實際的應用來重新學習一邊觀察者模式，希望能糾正一些理解。 一、消息通

觀察者模式 , angular , 回調函數 , Javascript

daimaxieshen 頭像

瓏墨 - 【吃透】JS代理（Proxy）

今天給大家分享如何從根本上吃透js代理，嘎嘎的😍，看下面 咱們首先得知道： 代理是 js 中的對象，它允許你創建對象的代理，同時還可以為標準對象操作定義自定義行為。這意味着，譬如，如果有人試圖從對象中獲取屬性的值，你可以定義一組自定義行為。這使代理變成了一個非常強大的工具，所以讓我們看看它們是如何工作的。get set has 一、js 代理的基礎知識✔ en... 上面聽起來很複雜，所以

es7 , challenge , es6-proxy , 前端 , Javascript

dvqlfbwm 頭像

愛吃雞蛋餅 - 知識訂正：瀏覽器工作原理與事件循環

  現代瀏覽器的複雜程度如同操作系統，只有日益完善的機制才能應對現今越來越複雜的網頁交互。筆者前文曾述JS單線程引起的思考，如今看來錯漏百出，知識內容早已過時。基於現在的知識積累，如今再發一文作為勘誤，希望能加深印象，有所收貨。   如同上文的“JS單線程”，筆者之前所學還是片面的知識，JS的單線程在哪個進程之內，交互操作，代碼執行瀏覽器線程更側重誰都是一知半解。現在重新系統學習了一遍知識後

瀏覽器原理 , 前端 , Javascript

renzhongdaoyuan_59170ca258c53 頭像

零一行者 - 手把手教你繪製小程序海報

海報分享功能在許多應用中應該是很常見的，因為它作為一種常用的應用推廣和拉新的方式。 接下來看個實際的案例，如下： 把任務拆解下： 如何繪製海報 如何把繪製後的海報保存到相冊 繪製海報 用 canvas 來繪製海報。 這裏需要了解基本的 canvas api，不熟悉可以先去了解下相關 Canvas API 定義 canvas 元素 template view class="

小程序 , 海報渲染 , canvas , 前端 , Javascript