收藏 / 列表

b2proxy 頭像

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

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

php , 數據庫 , Android , 前端

feng_fanfan 頭像

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

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

教程 , 知識 , 前端 , Javascript

nihaoanihao 頭像

你好啊你好 - 小説關鍵字節點搜索

網頁地址 源碼地址 視頻介紹 https://www.bilibili.com/video/BV1MJ4BzMEHX/?aid=115378525050...

工具 , 小説

chongdongdedaxiongmao_kxfei 頭像

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

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

lxlu 頭像

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

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

原型 , Javascript

johanazhu 頭像

山頭人漢波 - 前端學 Ruby：唐詩項目部署優化

前言 本篇文章和 Ruby 關係不大，只是涉及到部署問題 前文花了不少時間從零到部署唐詩項目，當時因為篇幅問題留下了不少的坑 例如可以採用 docker-compose 來代替兩個容器互相訪問、使用 shell 命令在本地部署，本文並未對其進行改造，因為傳統部署 Ruby on Rails 的弊端很明顯，需要運維經驗。為快速部署 Rails 引用，筆者尋覓到了 fly.io。本文將在唐詩項目基礎上

ruby-on-rails , 部署 , ruby

_6085362b65292 頭像

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

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

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

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 - 編寫babel的插件

前言 Babel 是一個通用的多功能的 JavaScript 編譯器，讓一些新版本的語法或者語法糖可以在低版本的瀏覽器上跑起來。 它有三個主要處理步驟 Parse - Transform - Generate。 在 Transform 轉換過程中通過將插件（或預設）應用到配置文件來啓用代碼轉換。 AST 編寫 Babel 插件非常複雜，需要有相當的基礎知識，在講插件之前必須得提起 AS

ast , plugin , babel , 前端 , Javascript

limingcan562 頭像

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

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

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

linyuyizhizou_678b9fdc436f1 頭像

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

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

yarn , 知識 , npm , 前端 , Javascript

shenfq 頭像

Shenfq - JavaScript 異步編程史

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

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

user_4jsjtpci 頭像

star - 事件的阻止冒泡和阻止默認行為

阻止冒泡 w3c的方法是event.stopPropagation()，IE則是使用event.cancelBubble = true; 兼容寫法 div class="parent" div class="child"/div /div script const child = document.querySelector(".child"); child .addEventList

event , Javascript

gkymfrg1 頭像

ohoherror - useEffect底層實現原理，useEffect和useLayoutEffect的區別

useEffect鏈表 通過MountEffect方法把callback/依賴項加入到鏈表中 視圖更新完畢，基於UpdateEffect方法通過effect鏈表中的callback按照要求執行 useEffect和useLayoutEffect 組件渲染過程 1.基於react-app編譯,基於babel-preset-react-app把jsx編譯成createElement

react , hook , 前端

o2team 頭像

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

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

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

linlinma 頭像

安歌 - Leetcode 算法題解系列 - 二叉樹的層序遍歷

本專題旨在分享刷Leecode過程發現的一些思路有趣或者有價值的題目。【當然是基於js進行解答】。 （這道題應該算是二叉樹的基礎題，建議還是學一下，不難且經典） 題目相關 原題地址: https://leetcode-cn.com/probl... 題目描述: 從上到下按層打印二叉樹，同一層的節點按從左到右的順序打印，每一層打印到一行，例如，給定二叉樹: [3,9,2

leetcode , 算法 , 二叉樹 , 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

gomi 頭像

Gomi - 加速你的 Bun 並行開發：bun-tasks 全攻略

加速你的 Bun 並行開發：bun-tasks 全攻略 如果你在 Bun 項目裏需要同時運行多個腳本，又不想為兼容性煩心，bun-tasks 會是最順手的選擇。這個專為 Bun 設計的並行任務運行器，幫你在一條命令中啓動多個任務、智能合併環境變量，並自動識別 package.json 中的腳本。只要先確認環境裏 bun --version 可用，就能即刻體驗 Bun 原生的多任務流程。 為什麼選擇

node.js , bun.js , npm , 前端 , Javascript

liuyuxuan6666 頭像

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

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

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

daimaxieshen 頭像

瓏墨 - JavaScript 引擎如何工作？💭

😘前言：要了解 JavaScript 引擎，你必須瞭解當我們編譯和執行代碼時它的內容。一旦你完全閲讀了這篇文章，你就可以寫出一段優秀的代碼。這篇文章是關於JavaScript引擎的，它將幫助你瞭解JavaScript引擎的性能及其最有價值的功能，嘎嘎嘎，看下面😍。 一、什麼是 JavaScript 引擎？🧐 JavaScript引擎是一個程序，有助於將JavaScript代碼轉換為較低級別的

瀏覽器原理 , challenge , 前端 , html5 , Javascript

dvqlfbwm 頭像

愛吃雞蛋餅 - 由瀏覽器緩存機制引起的思考

不管三七二十一，先丟一張流程圖，然後看個一分鐘。 有了大致的流程印象之後，我就來補充説明一下大概流程： PS：面試的時候可以按大概流程來説。 當我們進入頁面或刷新頁面時，瀏覽器會加載資源。 此時，瀏覽器會檢查是否有強緩存，即判斷是否有expires或者cache-control（cache-control優先級更高）。 如果有，則查看是否過期，未過期則從緩存讀取資源進行加

瀏覽器 , 瀏覽器緩存 , Javascript