tag 前端

標籤
貢獻1,041
1043
06:37 AM · Oct 27 ,2025
tuzixiansen_63d4d65909d62 頭像 opentiny 頭像 qaz666 頭像 invalidnull 頭像 dirackeeko 頭像 junxiudetuoba 頭像 jdcdevloper 頭像 smileZAZ 頭像 yayu 頭像 icecreamlj 頭像 beishangdejianjidan_cqxuxf 頭像 xixindehongjiu 頭像

@前端 / 博客 RSS 訂閱

wuyagege 頭像

雲綺棠兮 - Vue將後端返回的數據中的字段替換成想要的數據

res.data.data.list = [ { id:"1", name:"Lily", project:"math" }, { id:"2", name:"Lucy", project:"English" }, { id:"3,

vue.js , replace , foreach , 前端

收藏 評論

diyxiaoshitou 頭像

diyxiaoshitou - info There appears to be trouble with your network connection

使用 npx create-react-app 項目名 新建項目時，報錯； yarn add v1.22.4 info No lockfile found. [1/4] 🔍 Resolving packages... info There appears to be trouble with your network connection. Retrying... info There app

react , create-react-app , 前端

收藏 評論

defanqie 頭像

門思科技 - LoRaWAN 網關到底能傳多遠？

在物聯網項目中，LoRaWAN 網關的通信距離始終是用户最關心的問題之一。而真正的答案並非一個固定數值，而是由鏈路預算、參數配置以及部署環境共同作用的動態結果。基於大量項目經驗，LoRaWAN 網關在典型場景中的覆蓋範圍大致為：城市環境 3–5 公里、樓宇環境穿透 15 層以上、開闊區域可達 20 公里以上。本文將從理論到實測，為你係統解析這一問題。 一、鏈路預算：決定通信距離上限的理論基礎 鏈路

Css , typescript , 前端 , Javascript

收藏 評論

daimaxieshen 頭像

瓏墨 - 【吃透】JS代理（Proxy）

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

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

收藏 評論

u_16213675 頭像

mob64ca140e4022 - k8s 親和、反親和、污點、容忍_12027329的技術博客

Kubernetes節點親和性與污點容忍：實現Web服務與數據庫的分組部署 在Kubernetes（K8s）中，節點親和性（Node Affinity）用於控制Pod調度到特定節點組，而污點容忍（Toleration）允許Pod在有污點的節點上運行。這可以幫助實現資源隔離，例如將Web服務和數據庫服務部署到不同的節點組，以提高性能、安全性和可靠性。

Pod , kubernetes , 數據庫 , Css , 前端開發 , HTML , 前端

收藏 評論

u_16213705 頭像

mob64ca14157da7 - 熟練掌握HDFS的Shell訪問和JavaAPI訪問

以下是一個關於HDFS操作的技術文章大綱，主題聚焦於三種客户端操作方式：命令行操作、網頁界面操作（通過9870端口）和Java代碼操作。 1. 引言 介紹Hadoop分佈式文件系統（HDFS）的基本概念和重要性。 概述三種操作方式：命令行（client1）、網頁界面（client2）和Java API（client3）。

hdfs , hadoop , JAVA , 前端開發 , 前端 , Javascript

收藏 評論

u_16099200 頭像

數據探索者 - JS課堂案例--黑馬前端js課程_js98.vip

文章目錄 1. 麥克風錄取音頻 1.1 麥克風權限獲取 1.1.1 MediaStream 對象 API 屬性 1.1.2 多次調用getUserMedia獲取權限 1.2 麥克風停止使用,避免佔用資源 1.3 麥克風使用 1.

API , 開發語言 , 後端開發 , HTML , 前端 , Javascript , Python

收藏 評論

kandole 頭像

kandole - 使用JS控制Cordava熱更新過程[cordova-hot-code-push-plugin]

概要 cordova-hot-code-push-plugin（以下簡稱chcp）本身已經支持自動檢查更新、下載、安裝，具體內容可以搜索“cordova熱更新”，或查看官方wiki。本文主要介紹如何使用chcp提供的JS API控制整個熱更新過程，包括其中一些注意事項。本文僅針對安卓，iOS暫未驗證。 需求背景 顯示更新內容（彈窗） 可手動檢查更新（點擊按鈕） 存在的問題 chcp提供的A

熱更新 , cordova , 前端 , Javascript

收藏 評論

wenjinhua 頭像

前端子金 - 詳解node中引入模塊的原理

1. 模塊機制 1.1 commonjs規範 1.2 node的模塊實現（node中引入模塊的過程） 1.2.1 優先從緩存中加載 1.2.2 路徑分析 1.2.3 文件定位 1.2.4 模塊編譯 1.3 核心模塊 1.3.1 js核心模塊的編譯過程

node.js , require , 前端

收藏 評論

hometown 頭像

HoMeTown - 【CSS】有意思的BFC：Block Formatting Context（塊格式化上下文）！

前言 大家好，我是HoMeTown，今天想聊一聊CSS中的BFC，很多朋友應該都聽過這個名詞，搞懂BFC可以讓我們理解CSS中一些很詭異的地方，話不多説，直奔主題！ 什麼是BFC BFC是什麼？引用MDN的一段介紹： 塊格式化上下文（Block Formatting Context，BFC） 是 Web 頁面的可視 CSS 渲染的一部分，是塊級盒子的佈局過程發生的區域，也是浮動元素與其他元素交

bfc , Css , 前端

收藏 評論

daoqiangburudelianou 頭像

Novproxy - Novproxy-鏈式代理詳解

鏈式代理（Chained Proxy）把多台代理服務器串成一條“接力賽道”：流量依次穿過每一棒節點，才抵達終點——目標服務器。每過一棒，真實身份就剝掉一層，既像洋葱一樣隱藏來源，又像冗餘鏈路一樣容錯，還可按需切換路徑，兼顧匿名、可靠與靈活。 簡單説，不再是“你 → 代理 → 目標網站”這麼直接，而是變成： 你 → 代理A → 代理B → 代理C → 目標網站 每一跳都隱藏了上一跳的來源，讓追蹤者難

socks5 , 代理 , HTTPS , 前端

收藏 評論

refanbanzhang 頭像

熱飯班長 - 什麼時候不應該使用useEffect？

當你的數據是同步的 差的： 數據來源是同步的，沒有必要使用。 function App() { const [todos, setTodos] = useState([]); useEffect(() = { const str = localStorage.getItem('todos'); const items = JSON.parse(str) ||

react , react-hooks , 前端

收藏 評論

teamwei 頭像

teamwei - Less中函數的高級應用，PC、Web移動端適配的良藥偏方

多端適配 熟悉前端開發的一定會遇到這個問題，屏幕適配！有的項目要求同時適配PC、平板和移動端，那我們應該是寫幾套不同的樣式，還是隻寫一套呢？哪一種才是最好的？ 其實沒有哪一種最好的，還是得根據項目的需求來定，一般情況下我是推薦只寫一套代碼，因為這樣可以降低開發成本和維護難度。那麼就有個問題，一套代碼如何去適配不同設備？尺寸該用什麼單位？px？em？rem？ 我想大部分人的實現無非就那幾種方案： 在

css3 , less , 移動端適配 , 前端 , html5

收藏 評論

u_16213693 頭像

mob64ca141275de - 前端性能優化--圖片懶加載(lazyload image)

前端性能優化：圖片懶加載 + WebP 格式壓縮 前端性能優化是提升網頁加載速度和用户體驗的關鍵策略。其中，圖片通常是頁面加載的瓶頸，因為圖片文件較大且數量多。通過結合圖片懶加載（延遲加載未在視口中的圖片）和 WebP 格式壓縮（使用高效圖像格式減小文件大小），可以顯著減少初始加載時間、節省帶寬並提升用户滿意度。下面我將逐步解釋如何實現這兩種技術，

性能優化 , 頁面加載 , 加載 , Css , 前端開發 , 懶加載 , HTML , 前端

收藏 評論

u_12935 頭像

doscommand - 超大文件上傳方案實現

📝 大文件上傳前端設計文檔 一、方案概述與設計依據 1.1 設計目標 基於文件分塊和斷點續傳機制，實現高效、穩定、可恢復的大文件上傳功能，解決傳統上傳模式下大文件易失敗的問題。 1.2 核心流程（圖示解析） 環節

上傳 , 斷點續傳 , 唯一標識 , 前端開發 , 前端 , Javascript

收藏 評論

opentiny 頭像

OpenTiny社區 - 感謝 Fluent Editor 開源富文本首位貢獻者！

本文由體驗技術團隊Kagol原創。 2024年8月20日，剛開源一週的富文本 Fluent Editor 迎來了第一位貢獻者：zzxming 1、Bug 描述 zzxming 同學修復了 Fluent Editor 富文本表格模塊的一個隱藏 Bug： fix: table module can't save background color #10 缺陷描述：通過表格右鍵菜單設置單元格背景

富文本編輯器 , typescript , 前端

收藏 評論

_607c00baa52ff 頭像

懟懟 - 【js】迭代器與生成器

迭代器(Iterator) 有時也稱為遍歷器 - 迭代器對象 作用 為各種數據結構提供統一的訪問接口 使數據結構的成員按照某種次序排列 統一的迭代方式for...of循環 1.可迭代(iterable) iterable：擁有Symbol.iterator屬性的數據結構是可迭代的 Symbol.iterator：值為迭代器生成函數 原生可迭代的數據結構： Array

iterator , generator , 前端 , Javascript

收藏 評論

nanian_5cd6881d3cc98 頭像

那年 - vue3 點擊下載文件，不打開預覽，已解決

需求背景：vue3項目點擊下載按鈕，下載文件，使用頁面添加a標籤方式會導致不是下載而是打開文件（圖片/pdf） 使用了直接動態添加a標籤的方法，還是會打開預覽 const url = 'http://192.168.60.59:8888/fayuan/head/4b33a2a1-3911-4586-9878-50373a1fb852.jpg' const a = d

vue.js , 下載 , 前端 , Javascript

收藏 評論

opentiny 頭像

OpenTiny社區 - Fluent Editor 富文本開源2個月的總結：增加格式刷、截屏、TypeScript 類型聲明等新特性

本文由體驗技術團隊Kagol原創。 Fluent Editor是一個基於 Quill 2.0 的富文本編輯器，在 Quill 基礎上擴展了豐富的模塊和格式，框架無關、 功能強大、開箱即用。 2024年8月12日，Fluent Editor 正式開源！ 源碼：https://github.com/opentiny/fluent-editor/ 官網：https://opentiny.gi

富文本編輯器 , 前端

收藏 評論

u_16213571 頭像

網絡安全專家 - JavaScript代碼性能優化總結 - ITer在路上的個人博客主頁 -

性能優化的核心目標 減少加載時間，提升執行效率，優化內存管理，改善用户體驗 代碼層面的優化 避免全局變量污染，減少作用域鏈查找 使用 const 和 let 替代 var，減少變量提升帶來的性能損耗 避免頻繁的 DOM 操作，使用文檔片段（DocumentFragment）或虛擬 DOM

性能優化 , 資源加載 , 內存管理 , 前端開發 , 前端 , Javascript

收藏 評論

xianyulee 頭像

閒人 - 利用webpack的 require.context api進行自動導入

require.context api及參數介紹 require.context(dir, useSubdir, regExp) 參數dir：用於動態加載的目錄 參數useSubDir：是否對dir指定的子目錄進行自動導入， type=boolean 參數regExp：匹配文件的正則表達式，可以在文件中加入特定的字符，按照特定的字符去加載對應的文件 eg: re

webpack , require , 前端

收藏 評論

liane 頭像

Liane - iconfont使用及webpack打包字體圖標

一、iconfont使用 官網：https://www.iconfont.cn/ 1、找到需要的icon圖標，添加至購物車 2、購物車中點擊添加至項目，可加入到GitHub的項目中,也可直接下載到本地 3、引用圖標 unicode引用 unicode是字體在網頁端最原始的應用方式，特點是： 兼容性最好，支持ie6+，及所有現代瀏覽器。 支持按字體的方式去動

iconfont , webpack , 前端

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - Fetch+stream實現流式輸出

Fetch API 允許你跨網絡獲取資源，真正好的是，瀏覽器最近增加了將 fetch 響應作為可讀流使用的能力。 這是一個簡單明瞭的fetch+stream輸出的示例： try { // 定義手動停止接口 abortController.value = new AbortController(); // 發送請求 let response = await fetch(u

react , vue.js , HTML , 前端 , Javascript

收藏 評論

dushigemi 頭像

灬都是個謎 - vue3 模板編譯 —— 我竟把 v-if 和 v-for 的優先級改回來了，不信你看 🤣

📰 前言 眾所周知，在 vue3 中 v-if 總是優先於 v-for 生效。 然而，在某些情況下，我們可能更希望 v-for 的優先級更高， 雖然 vue3 並沒有提供直接修改指令優先級的方法，但是我們可以使用 AST（抽象語法樹） 轉換來實現這一點。 🌈 在線演示 📄 vite.config.ts import { defineConfig } from 'vite' im

vue.js , 編譯原理 , 前端

收藏 評論