收藏 / 列表

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

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

php , 數據庫 , Android , 前端

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

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

教程 , 知識 , 前端 , Javascript

你好啊你好 - 強化 Naive UI n-message-provider 的 to 屬性,實現自由指向

效果 使用示例 script setup lang="ts" import ToMessage from "**/NaiveMessage"; function a() { ToMessage("#a", "測試消息a", { duration: 0, closable: true }); } function b() { ToMessage("#b", "測試消息b", { dura

vue.js , vue3 , 前端

PatWu16 - DragControls拖拽插件優化:從指定平面到任意平面

現狀:Threejs官方demo提供了DragControls.js平面拖拽控件,但只能拖拽Object在垂直於相機法線的平面上移動 目標場景:在六面體空間盒子中沿着六面體平面拖拽物體,並且需要限制在盒子內部 已知:空間盒子大小,對象所在的平面 方案設計: 將Object拖拽依賴的信息放在userData中,示例如下 基於拖拽控件,改造部分關鍵代碼,實現目標 // 模型對

three.js , 前端 , Javascript

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

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

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

玩足球的傷疤 - JavaScript與TypeScript的對比:深入理解兩者的異同

JavaScript 和 TypeScript 是當今最流行的兩種編程語言,尤其在前端開發中,它們佔據着主導地位。雖然這兩種語言在表面上看起來很相似,但它們有着顯著的差異,尤其是在類型系統、開發體驗、代碼維護性等方面。本文將深入探討 JavaScript 和 TypeScript 的差異,幫助開發者理解何時選擇使用 JavaScript 或 TypeScript,以及如何在項目中有效地運用它們。

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

chongdongdedaxiongmao_kxfei - Vue.js:輕量高效的前端框架

Vue.js 是一個用於構建用户界面的漸進式 JavaScript 框架,因其輕量、靈活和易上手的特性備受歡迎。Vue.js 不僅適合小型項目的快速開發,也可用於構建複雜的單頁面應用(SPA)。本文將介紹 Vue.js 的核心特性、項目結構、常用功能及其在現代前端開發中的應用場景。 一、Vue.js 簡介 Vue.js(簡稱 Vue)由尤雨溪於 2014 年推出,是一個專注於視圖層的 JavaSc

vue.js , ecmascript-6 , typescript , 前端 , Javascript

前端蛋卷 - 快來看看 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

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

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

ast , typescript , babel , 前端 , Javascript

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

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

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

Apifox - 用 Apifox 的 Mock 功能模擬常見業務數據的最佳方法

Apifox 擁有強大的Mock 功能,兼容 Mock.js 語法的同時還提供 Nunjucks 和自定義腳本支持,能夠滿足不同場景需求。 今天給大家分享一些常見業務場景的 Mock 使用技巧,當然,實現的方法不唯一。在開始之前,你需要將 Apifox 的當前環境切換為「本地 Mock」或「雲端 Mock」環境。 模擬簡單數據 要模擬一些簡單的數據,只需在 「返回響應」 裏定義字段,系統便會自動使

mock.js , mock , 前端性能 , 程序員 , 前端

DiracKeeko - [前端基礎] HTTP請求GET與POST

開發中同事問了我一個問題 Q: GET請求能不能用request body來傳遞數據? 這個問題的場景是,他們的前後端溝通需要攜帶複雜的參數,用POST方法的request body(key value)的形式傳參會更加明瞭,但又覺得不夠語義化,所以想到了GET + request body。 A: HTTP規範rfc2616中是沒有對GET方法的使用body做限制( HTTP 規範並

post , HTTP , get , 前端

麒寧 - 3分鐘搞定:獲取 URL 查詢參數值

3分鐘搞定:獲取 URL 查詢參數值 在前端開發工作中,利用 URL 進行參數傳遞是一項十分常見的方法。在頁面跳轉時,通過 URL 攜帶某些信息,如狀態、id、區分頁面來源的字段值等。因此,學習瞭解如何獲取 URL 查詢參數值是很重要的。 js 代碼手擼 利用 JavaScript 代碼手擼一個函數,對 URL 查詢參數進行解析。這是方式靈活度高,可以進行更多個性化的操作。 const getSe

前端 , Javascript , url

山頭人漢波 - Koa2從零到腳手架

什麼是 Koa2 由 Express 原班人馬打造的新生代 Node.js Web 框架,它的代碼很簡單,沒有像 Express 那樣,提供路由、靜態服務等等,它是為了解決 Node 問題(簡化了 Node 中操作)並取代之,它本身是一個簡單的中間件框架,需要配合各個中間件才能使用 文檔 中文文檔 (野生) 最簡單的 Koa 服務器 const Koa = require('koa') cons

koa2 , node.js , 前端

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

HZFEStudio - ES5、ES6 如何實現繼承

完整高頻題庫倉庫地址:https://github.com/hzfe/aweso... 完整高頻題庫閲讀地址:https://febook.hzfe.org/ 相關問題 關於 ES5 和 ES6 的繼承問題 原型鏈概念 回答關鍵點 原型鏈繼承 構造函數繼承 ES6 類繼承 繼承是指子類型具備父類型的屬性和行為,使代碼得以複用,做到設計上的分離。JavaScript 中的繼承主要通過原型鏈和

ecmascript-6 , 繼承 , 原型鏈 , 前端 , Javascript

巴斯光年 - javascript模塊化【RequireJS 】

一、模塊化的由來 在沒有模塊化思想之前,我們總是將大量的邏輯代碼寫在一起,這樣的代碼雜亂無章,沒有條理性,不便於維護,不利用複用。並且很多代碼重複,邏輯重複。甚至造成全局變量污染,也不方便保護私有數據。 為了解決上面的問題,模塊化的編程思想應運而生。 模塊化的基本思想就是:==閉包自調用函數== 對閉包瞭解不夠的同學,請先查看《 JS閉包全面解析》一文。 二、模塊規範 想要了解

模塊化 , requirejs , Javascript

WangLanguager - GloVe介紹和代碼示例

GloVe 介紹 GloVe(Global Vectors for Word Representation)是一種用於生成詞嵌入的模型,由斯坦福大學的研究團隊於 2014 年提出。與 Word2Vec 的局部上下文窗口方法不同,GloVe 通過全局詞共現矩陣來捕捉詞與詞之間的關係。 GloVe 的基本原理 GloVe 的核心思想是利用詞

yyds乾貨盤點 , 自然語言處理 , 詞向量 , 前端開發 , Javascript , Python

Sam Poder - The Case For Prisma In The Jamstack

The Jamstack approach originated from a speech given by Netlify’s CEO Matt Biilmann at Smashing Magazine’s very own Smashing Conf in 2016. Jamstack sites serve static pre-rendered content through a

next.js , Jamstack , serverless , Javascript

Michelle Barker - A Guide To Modern CSS Colors With RGB, HSL, HWB, LAB And LCH

There’s more to color on the web than meets the eye, and it’s about to get a lot more interesting! Today, we’ll take a look at the best ways to use colors in a design system, and what we can expect

Techniques , Tools , Css , Colors , Design Systems

轉角處的湯姆 - 前端代碼規範:讓你的代碼更易維護和協作

在前端開發中,隨着團隊的不斷擴大和項目的逐步複雜化,統一的代碼規範變得越來越重要。無論是小型團隊,還是跨國團隊,良好的代碼規範能夠提升開發效率、減少bug的產生,並確保代碼易於維護和擴展。今天,我們就來聊一聊前端代碼規範的制定與執行。 為什麼要有前端代碼規範? 提高可讀性和一致性 規範化的代碼有助於保持代碼風格的一致性,無論是單人開發還

開發者 , 代碼風格 , 前端開發 , 代碼規範 , Javascript

雲端築夢者 - Kafka到底有多高可靠?(RNG NB)

kafka的高可靠性的核心是保證消息在傳遞過程中不丟失,涉及如下核心環節: 消息從生產者可靠的發送至Broker;—網絡、本地丟數據。 發送Broker的消息可靠持久化;—PageCache緩存落盤、單點崩潰、主從同步跨網絡。 消費者從Broker消費到消息且最好只消費一次。—跨網絡消息傳輸。

數據 , 持久化 , 分佈式 , kafka , 前端開發 , Javascript

Zara Cooper - How To Build A Localized Website With Hugo And Strapi

Localizing your site can benefit your business or organization in several ways. By translating your content or site, you expand the markets you target. Adapting your product to the language and cult

Headless , Tools , cms , hugo

IT開發者筆記 - IDE工具RAD Studio 13 Florence重磅發佈:64 位 IDE + AI 組件全面升級!

近日,Embarcadero正式宣佈推出RAD Studio 13 Florence,同時發佈了Delphi 13與C++Builder 13。這一版本帶來了全新的 64 位 RAD Studio IDE、更新的C++Builder Clang 編譯器、全新Delphi 語言擴展、AI 組件與 AI 助手,並對現有功能進行了全面增強,重點聚焦在質量與開發體驗優化。 RAD Studio 13的

Delphi