收藏 / 列表

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

你好啊你好 - 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 - DragControls拖拽插件優化：從指定平面到任意平面

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

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

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

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

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

liuyuedekele 頭像

六月的可樂🥤 - Vue3項目中集成AI對話功能的實戰經驗分享

前言 最近在項目中需要集成AI對話功能，經過調研後選擇了ai-suspended-ball-chat這個Vue3組件庫。使用了一段時間後，想從技術使用者的角度分享一下真實的體驗和踩過的坑，希望對有類似需求的開發者有所幫助。 項目背景與選擇理由 我們的項目是一個企業級的管理後台，需要為用户提供智能客服和代碼助手功能。在選擇方案時，主要考慮了以下幾個因素： 開發效率：不想從頭開發聊天UI和

vue.js , 人工智能 , 前端 , html5 , Javascript

lxlu 頭像

肥皂泡 - vite+vue3+element-plus自定義主題變量的配置説明

先上配置，具體參數後面説 vite.config.ts 文件 // vite.config.ts import { defineConfig } from 'vite' import ElementPlus from 'unplugin-element-plus/vite' // 用於 API 組件樣式 import Components from 'unplugin-vue-components

vite , vue3 , element-plus

johanazhu 頭像

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

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

koa2 , node.js , 前端

_6085362b65292 頭像

HZFEStudio - New 操作符的原理

完整高頻題庫倉庫地址：https://github.com/hzfe/awesome-interview 完整高頻題庫閲讀地址：https://febook.hzfe.org/ 相關問題 new 操作符做了什麼 new 操作符的模擬實現 回答關鍵點 構造函數 對象實例 new 操作符通過執行自定義構造函數或內置對象構造函數，生成對應的對象實例。 知識點深入 1. new 操作符做了什麼

面試 , new , es5 , 前端 , Javascript

biubiu_5deda9568bbf1 頭像

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

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

模塊化 , requirejs , Javascript

yangxiansheng_5a1b9b93a3a44 頭像

羊先生 - 關於require('mkdirp')創建文件夾

mkdirp npm i mkdirp -S // 1.0.4 今天在寫上傳文件時候，查看同步創建文件如是使用了mkdirp包,不過發現網絡有大部分錯誤用法，原因是mkdirp的版本升級了更改了用法 網絡錯誤用法 const mkdirp = require('mkdirp'); await mkdirp(dir) //錯誤用法一 const mkdirp = require('mkdirp');

上傳文件 , node.js , eggjs , 上傳圖片 , 前端

thjjames 頭像

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

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

腳手架cli , 工具 , 前端工程化 , 前端 , 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 - 在命令行裏也能用 React

用過 React 的同學都知道，React 作為一個視圖庫，在進行 Web 開發的時候需要安裝兩個模塊。 npm install react --save npm install react-dom --save react 模塊主要提供了組件的生命週期、虛擬 DOM Diff、Hooks 等能力，以及將 JSX 轉換為虛擬 DOM 的 h 方法。而 react-dom 主要對外暴露一個 rend

react , terminal , 前端 , 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 - forEach和map的異同

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

循環 , foreach , map , 前端 , Javascript

o2team 頭像

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

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

開源 , taro , 前端

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 - 解決lodash由於依賴錯誤導致無法啓動的問題

目錄 問題描述 嘗試的解決辦法 真正的解決辦法 結論 一、 問題描述 一個很久沒接觸的老項目，前兩天想看一下里面一個功能，結果前端起不來了。 先上報錯： Error: node_modules/@types/lodash/common/object.d.ts:1026:46 - error TS1005: '?' expected. 1026 : K extend

node.js , localstorage , typescript , npm , 前端