收藏 / 列表

b2proxy 頭像

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

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

php , 數據庫 , Android , 前端

feng_fanfan 頭像

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

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

教程 , 知識 , 前端 , 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 - chrome-devtools-mcp 工具試用記錄

谷歌 Chrome 開發者工具 MCP 服務器公佈，它允許 AI 代理在瀏覽器中直接調試、測試和修復代碼，彌補了以往 AI 編碼工具無法直接觀察代碼在瀏覽器中運行情況的缺陷，更多內容查看官方博客、Github倉庫，其在發佈的短時間內即引起廣泛關注，npm下載量陡升： 調試工具提供的能力： 試用記錄，僅供參考：   

chrome-devtools , 前端

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

前端蛋卷 - 快來看看 ECMAScript 2024 (ES15) 發佈了什麼新特性

2024 年 6 月 26 日，第 127 屆 Ecma 大會批准了 ECMAScript 2024 語言規範，這意味着它現在正式成為標準。 https://github.com/tc39/ecma262/releases 1. Group By 分組 Map.groupBy() 將可迭代對象分組為一個新的 Map，Map中的 key由回調提供： Map.groupBy([0, -5, 3, -

ecmascript , 前端 , 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 頭像

山頭人漢波 - 前端學Ruby：全棧論壇（地宮）項目二

接上文前端學Ruby：全棧論壇（地宮）項目一，休息一晚後，我們繼續 各個模型建立了我們想要的 筆者是前端出身，對數據庫的理解僅限於用 node + mysql （mongodb）做過微型博客。除此之外，數據庫的知識點就無了，以下寫的不好的，多多擔待 文章模型與用户模型結合 文章模型與用户模型的結合，一個人必須要先登錄後才能寫文章，其次，一個人可以有很多文章，但當他註銷後，文章就沒了 先在 arti

ruby-on-rails , ruby , 後端

_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

yangxiansheng_5a1b9b93a3a44 頭像

羊先生 - console的隱藏知識點，你get到了嘛？

常見用法 console.log( ) | info( ) | debug( ) | warn( ) | error( ) console.log("console log") console.info("console info") console.debug("console debug") console.warn("console warn") console.error("conso

console , 調試 , 前端 , html5 , Javascript

thjjames 頭像

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

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

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

limingcan562 頭像

limingcan - 弄懂這幾個概念後，我對webpack有了新的理解

前言 隨着vite的誕生，webpack似乎漸漸的被大家拋棄。前陣子我也用vue@3.x + vite@4.x開發了一個後台管理系統，體驗了一把，確實有被vite飛快的啓動速度給驚豔到。 但是畢竟webpack已經誕生了許久，也經過市場的一些考驗，並且它有着豐富的插件，豐富的功能，一些大型的項目也使用過它，目前來説，它是一個相對於vite來説更穩定的打包工具。 基於以下原因： 有些公司由於歷史

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

linyuyizhizou_678b9fdc436f1 頭像

小帆聊前端 - JS 原型鏈深度解讀：從混亂到通透，掌握 90% 前端面試核心

JS 原型鏈深度解讀：從混亂到通透，掌握 90% 前端面試核心 前言：你是否也被這些原型鏈問題折磨過？ " 為什麼obj.toString()能調用卻不在自身屬性裏？" "prototype和__proto__到底有什麼區別？" " 用class定義的類和原型鏈是什麼關係？" "修改原型對象為什麼會影響所有實例？" 作為 JavaScript 的核心機制，原型鏈是理解繼承、對象關係和內置方法的基礎

原型鏈 , 前端 , Javascript

shenfq 頭像

Shenfq - 前端模塊化的前世

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

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

jamesfancy 頭像

邊城 - 揭密 Vue 的雙向綁定

Vue 中需要輸入什麼內容的時候，自然會想到使用 input v-model="xxx" / 的方式來實現雙向綁定。下面是一個最簡單的示例 div id="app" h2What's your name:/h2 input v-model="name" / divHello {{ name }}/div /div new Vue({ el: "#app",

vue.js , 雙向綁定

user_4jsjtpci 頭像

star - 簡單請求和複雜請求

簡單請求與複雜請求的概念 在涉及到CORS（跨域）的請求中，我們會把請求分為簡單請求和複雜請求。滿足以下條件的請求即為簡單請求： 請求方法：GET、POST、HEAD 除了以下的請求頭字段之外，沒有自定義的請求頭,是可以有其它標準請求頭的 Accept Accept-Language Content-Language Content-Type DPR Do

xmlhttprequest

gkymfrg1 頭像

ohoherror - async/await實現原理

async/await是ES2017帶來的異步編程語法糖，實現了讓異步代碼看起來像同步代碼的效果。 async/await 的本質是基於Promise，它並不是一種新的異步處理方式，而是Promise 的一種新的語法封裝升級。 下面是 async/await 的實現原理： async 函數本質上是一個 Generator 函數，返回一個 Promise 對象。 await 表達式本質上是一個 Pr

es7 , async , 前端

o2team 頭像

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

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

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

linlinma 頭像

安歌 - 詳解JS的繼承（三）-- 圖解Es6的Extend

前言 距離上一篇js的繼承系列已經過去了四年，時不時還有新的讀者評論和回覆，開心之餘也想着更新一下內容，因為當時的內容裏沒有涉及到es6的 extend 實現，所以現在抽空補上。 當然，如果是0基礎的同學或者對於基本的繼承有些遺忘的同學，可以先回顧一下前兩篇： 詳解js中的繼承（一） 詳解js中的繼承（二） 正文 基礎回顧 預備知識 為了使後面的學習過程更絲滑，在開始之前，一起再回顧一下這個構造

ecmascript-6 , extend , 繼承 , Javascript

jianzhuangdeyaling 頭像

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

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

fiddler , yarn , typescript , 前端 , Javascript

evilboy 頭像

瘋狂的技術宅 - 深入理解 JavaScript 回調函數

作者：Nilesh Sanyal 翻譯：瘋狂的技術宅 原文：https://dzone.com/articles/ja... 未經允許嚴禁轉載 JavaScript回調函數是成為一名成功的 JavaScript 開發人員必須要了解的一個重要概念。但是我相信，在閲讀本文之後，你將能夠克服以前使用回調方法遇到的所有障礙。 在開始之前，首先要確保我們對函數的理解是紮實的。 快速回顧：Java

回調函數 , callback , Javascript