收藏 / 列表

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

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

php , 數據庫 , Android , 前端

Feng_Fanfan - 前端工程師復健筆記-JavaScript 核心深度複習-原型與繼承

我們來深入、系統地詳解 JavaScript 的原型與繼承。這是 JavaScript 中最核心、最獨特的特性之一。 第一部分:核心概念 - 為什麼需要原型? JavaScript 在誕生之初,被設想為一種簡單的腳本語言,並未打算引入類的概念。為了實現對象之間的屬性和方法共享,從而節省內存並建立繼承關係,設計了基於原型的繼承模型。 第二部分:理解 __proto__ 與 prototype 這是

教程 , 知識 , 前端 , 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 , 前端

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

前端蛋卷 - 什麼?前瞻斷言和後瞻斷言居然可以這麼牛?

JavaScript 中的前瞻斷言(lookahead)和後瞻斷言(lookbehind)相信用過的小夥伴就知道它的威力了,在一些特定的需求場景下,可以做到四兩撥千斤的作用,今天讓我們來盤點一下在 JavaScript 正則表達式中這兩個秘密武器吧。 前瞻斷言和後瞻斷言,在其他語言的正則表達式中也存在,這個特性不是 JavaScript 的專屬 概念定義 不管是前瞻斷言還是後瞻斷言,最終目的都是尋

前瞻 , 正則表達式 , 前端 , Javascript

六月的可樂🥤 - SSE請求多種實現方式總結

文前推薦一下👉 前端必備工具推薦網站(圖牀、API和ChatAI、智能AI簡歷、AI思維導圖神器等實用工具): 站點入口:http://luckycola.com.cn/ 什麼是SSE SSE(Server-Sent Events)是一種用於實現服務器主動向客户端推送數據的技術,也被稱為“事件流”(Event Stream)。它基於 HTTP 協議,利用了其長連接特性,在

typescript , HTML , 前端 , html5 , Javascript

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

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

原型 , Javascript

山頭人漢波 - 移動端法門:自適應方案和高清方案

筆者從畢業開始做前端到現在,90% 的項目是移動端打交道,所以當簡歷上寫了“移動H5”幾個字時,必會被問到自適應方案與高清方案 ”自適應“講的是一套UI(例如750*1334),在多端下展示近乎一樣的效果;而”高清“是因為 DPR 提升而所做的各種精度適配 這篇文章講講筆者理解的自適應方案和高清方案 先説結論 自適應方案 rem 適配思路 選擇一

佈局 , sass , 前端 , Javascript

HZFEStudio - 移動端自適應的常見手段

完整高頻題庫倉庫地址:https://github.com/hzfe/awesome-interview 完整高頻題庫閲讀地址:https://febook.hzfe.org/ 相關問題 介紹 meta 的 viewport 值 rem 和 vw 的值是根據什麼計算的 1px 顯示問題 如何適配劉海屏 回答關鍵點 viewport 相對單位 媒體查詢 響應式圖片 移動端開發的主要痛點是

移動端 , 前端工程化 , 面試 , 移動端適配 , 前端

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

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

模塊化 , requirejs , Javascript

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

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

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

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

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

原型鏈 , 前端 , Javascript

Shenfq - JavaScript 異步編程史

前言 早期的 Web 應用中,與後台進行交互時,需要進行 form 表單的提交,然後在頁面刷新後給用户反饋結果。在頁面刷新過程中,後台會重新返回一段 HTML 代碼,這段 HTML 中的大部分內容與之前頁面基本相同,這勢必造成了流量的浪費,而且一來一回也延長了頁面的響應時間,總是會讓人覺得 Web 應用的體驗感比不上客户端應用。 2004 年,AJAX 即“Asynchronous JavaScr

promise , async-await , generator , 前端 , Javascript

star - 繼承的幾種方式

實現一個父類 // 定義一個動物類 function Animal (name) { // 屬性 this.name = name || 'Animal'; // 實例方法 this.sleep = function(){ console.log(this.name + '正在睡覺!'); } } // 原型方法 Animal.prototype.eat = funct

面試小抄 , 繼承 , Javascript

ohoherror - 數組轉化為樹

將一個數組轉換為一棵樹可以通過遞歸實現。假設我們有一個包含父節點與子節點關係的數組,如下所示: const arr = [ { id: 1, name: 'A', parent_id: null }, { id: 2, name: 'B', parent_id: 1 }, { id: 3, name: 'C', parent_id: 2 }, { id: 4, na

數組 , 樹形結構 , 前端 , Javascript

凹凸實驗室 - 招聘 | Taro 團隊招人啦!

Taro 團隊招人啦!我們是一支熱愛開源和創新的團隊,不斷探索新技術、新體驗和新突破。我們正在尋找對前端開發充滿熱情的工程師,加入我們的 Taro 項目團隊。如果你對跨平台應用開發充滿激情,並具備以下技能和經驗,我們熱切期待你的加入! 工作職責 參與 Taro 框架開發,同時在跨端和全棧等技術方向攻克難題; 參與跨團隊合作,完成整體項目規劃、設計和開發工作,同時參與項目組件開發、平台優化和業

開源 , taro , 前端

安歌 - 淺談 Virtual DOM

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

virtual-dom , 前端 , Javascript

用户bPdeUmS - TypeScript 中的類型推斷詳解:為什麼我們應該信任 TypeScript 的推斷能力?

在 TypeScript 中,類型推斷(Type Inference)是一個強大且被廣泛使用的特性。它允許開發者在許多情況下省略顯式的類型註解,從而簡化代碼,同時仍然享受強類型系統帶來的安全性和可靠性。然而,對於初學者或經驗不足的開發者來説,常常會疑惑:我真的可以完全信任 TypeScript 的類型推斷嗎?它的邊界和侷限性是什麼? 本文將聚焦於這個問題,通過深入解析 TypeScript 的類型

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

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

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

回調函數 , callback , Javascript

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

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

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

LYX6666 - 釘釘企業內部應用SSO單點登錄實戰及踩坑過程

前言 之前一直因為騰訊的文檔可讀性差而吐槽,而這次對接釘釘開放平台時也遇到了很多問題。 一句話概括原因:當前(2025年)正值釘釘兩代API切換的過程中,新舊API同時存在,造成釘釘官方文檔內容分散,來不及更新,且第三方博客新舊共存。初次接觸時無從下手,API調用時因為版本不對可能導致問題。 本文基於最新的API及文檔,儘可能全面的描述釘釘SSO流程。 SSO SSO(Single Sign-On

釘釘 , sso , springboot , JAVA , 後端

瓏墨 - 【吃透】JS代理(Proxy)

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

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

愛吃雞蛋餅 - 知識訂正:瀏覽器是如何渲染頁面的?

一.瀏覽器是如何渲染頁面的?   當瀏覽器的網絡線程收到 HTML 文檔後,會產生一個渲染任務,並將其傳遞給渲染主線程的消息隊列。在事件循環機制的作用下,渲染主線程取出消息隊列中的渲染任務,開啓渲染流程。   整個渲染流程分為多個階段,分別是: HTML 解析(Parse HTML)、樣式計算(Computed Style)、佈局(Layout)、分層(Layer)、繪製(Paint)、

瀏覽器原理 , 前端 , Javascript

零一行者 - 封裝 uniapp 請求庫的最佳實踐

背景 在前端開發中,HTTP 請求是與服務器進行數據交互的核心手段。無論是獲取數據還是提交數據,前端應用幾乎都離不開 HTTP 請求。在 uniapp 中,uni.request 是官方提供的用於發起 HTTP 請求的基礎 API。然而,直接使用 uni.request 存在一些問題和不足,比如: 代碼冗餘:每次發起請求時都需要編寫類似的配置代碼,導致代碼重複。 缺乏統一管理:沒有統一的地方

uniapp , Ajax , 前端 , Javascript