tag 前端

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

@前端 / 博客 RSS 訂閱

hello888 頭像

洛陽醉長安行 - mui 移動端側邊欄菜單組件導致頁面無法滾動問題

無法滾動設置如下css能解決 .mui-scroll-wrapper{ overflow: auto !important; } 如點擊外面遮罩層關閉不了側欄，需要添加一個div class="mui-off-canvas-backdrop"/div在同級就能解決 !-- 側欄內容-- div class="mui-content mui-scroll-wrapper" ... /d

移動端 , Css , mui , 前端 , html5

收藏 評論

zhouxiaojie_5e8fe4f9879df 頭像

周曉傑 - mpvue不維護了，已經成型的mpvue項目怎麼辦

mpvue作為美團技術團隊的一個KPI產品，莫名其妙突然就不維護了，隨着node版本和項目依賴不斷更新，你會發現你原先的項目可能突然跑不起來了，此時你需要mpvue的替代品，沒錯，我要説的就是uni-app。 只需幾步，你可以很輕鬆的把mpvue項目遷移到uni-app。 先去官網按步驟建好項目 https://uniapp.dcloud.io/quickstart 1、 把mpvue項目裏src

小程序 , uni-app , mpvue , 前端

收藏 評論

musicfe 頭像

雲音樂技術團隊 - 淺嘗IM方案在H5活動場景中的應用

本文作者：入雲 前言 説起 IM，大家應該都或多或少了解過一些，一般被熟知是在一些聊天場景裏應用的比較多；而一般情況下我們常接觸的業務中大多是做一些接口的查詢提交之類的操作，用正常的 Ajax 請求就足以滿足需求，比較難接觸到 IM 這種方案。 但如果涉及到一些需要頻繁更新數據的業務場景，使用常規接口查詢難免會給服務端造成比較大的性能開銷，並且數據更新的延遲也會很大；嘗試使用 IM 則可以讓我們在

im , websocket , h5頁面 , 前端

收藏 評論

imwty 頭像

imwty - Mac上最簡單配置多版本Nodejs環境

背景 Nodejs版本更新非常迅速，截止目前（2023年2🈷️）已經更新到了19.17.0，筆者查了下官網列出的歷史版本，足足有73頁之多。而我們經常需要維護一些多年前的舊項目，因為一些依賴的原因導致最新版本的Node不一定兼容，所以也就出現了我們需要根據項目去切換Node版本的問題了。 安裝Nodejs 筆者使用的是Mac系統，本文將以Mac操作系統為例進行多版本Nodejs的安裝

node.js , macbook , npm , 前端

收藏 評論

liweihao_5f8e96c308646 頭像

李偉豪 - UniApp/小程序開發新姿勢：告別繁瑣的接口管理，像調用本地函數一樣請求 HTTP 接口

前言 在小程序開發中，我們通常面臨兩種後端選擇： 雲開發 (TCB)：使用 wx.cloud.callFunction，體驗很好，像調本地函數一樣。 傳統 HTTP 後端 (Node.js/Java/Go/PHP...)：使用 wx.request。 絕大多數企業級項目，依然在使用傳統 HTTP 後端。 於是，我們不得不面對那熟悉的“封裝地獄”： 封裝 request.js，處理

小程序 , API , rpc , 接口 , 前端

收藏 評論

opentiny 頭像

OpenTiny社區 - 2025年OpenTiny年度人氣貢獻者評選正式開始

前言 攜手共創，致敬不凡！ 2025年，OpenTiny持續在前端開源領域紮根，每一位開發者都是推動項目共同前行的寶貴力量。從bug修復，到技術探討；從參與開源活動，到輸出技術文章；從使用項目，到參與共建，每一步跨越，都凝聚了開發者的智慧與汗水。 致敬所有在OpenTiny社區裏默默付出、積極貢獻、引領創新的傑出個人，我們正式啓動“OpenTiny年度貢獻者評選”活動！快為你喜愛的人氣貢獻者

vue.js , 前端 , Javascript

收藏 評論

u_14587 頭像

bugouhen - Vue--內置組件 - 前端筆記的個人空間 -

動態組件 語法 有些場景會需要在兩個組件間來回切換，比如 Tab 界面, 可通過component動態組件實現 !-- Home為組件名 -- component is="Home"/component component :is="'Home'"/component !-- currentTab 改變時組件也改變 -- co

vue.js , 緩存 , Css , ci , 前端開發 , HTML , 前端 , Javascript

收藏 評論

fantasticlbp 頭像

杭城小劉 - Weex 底層原理與 APM

從 Vue 組件庫（Vue Lib）到 Weex 渲染為 iOS 原生 UIKit 元素，核心是 “Virtual DOM → 跨線程通信 → Native DOM 構建 → 佈局計算 → 原生 View 渲染 → 事件反向綁定” 的完整鏈路。Weex 作為中間層，主要完成 7 大核心工作，接下去看看詳細內容 一、核心步驟 從 Vue Lib 到 Weex 原生 UIKit 元素的完整流程。 首先

weex , apm , 前端框架 , ios , 前端

收藏 評論

immerse 頭像

沉浸式趣談 - 熱點面試題：JS 中 call, apply, bind 概念、用法、區別及實現？

前言 極度投入，深度沉浸，邊界清晰 前端小菜雞一枚，分享的文章純屬個人見解，若有不正確或可待討論點可隨意評論，與各位同學一起學習~ 歡迎關注 『前端進階圈』 公眾號 ，一起探索學習前端技術...... 公眾號回覆 加羣 或 掃碼, 即可加入前端交流學習羣，長期交流學習...... 公眾號回覆 加好友，即可添加為好友 熱點面試題：JS 中 call, apply, bind 概念、用法

call , apply , 面試問題 , bind , 前端

收藏 評論

hui_61e3b3803b922 頭像

xachary - 基於 CSS Grid 的簡易拖拉拽 Vue3 組件，從代碼到NPM發佈（2）- NPM發佈、在線示例

這裏分享一下本開源項目是如何構建組件庫及其如何發佈到NPM上的，還有組件庫與在線示例的構建有什麼差異。 請大家動動小手，給我一個免費的 Star 吧~ 大家如果發現了 Bug，歡迎來提 Issue 喲~ github源碼 NPM 示例地址 文檔 版本更新信息 拖動 調整大小 拖入 嵌套 有限的嵌套 關於構建 與構建有關的文件，主要有： └─ dist - 構建的組件

組件庫 , vue3 , 拖拽 , typescript , 前端

收藏 評論

chengxuyuanyouyage 頭像

程序員優雅哥 - Vue3 企業級優雅實戰 - 組件庫框架 - 8 搭建組件庫 cli

前面的文章分享了組件庫的開發、example、組件庫文檔，本文分享組件庫 cli 開發。 1 為什麼要開發組件庫 cli 回顧一個新組件的完整開發步驟： 1 在 packages 目錄下創建組件目錄 xxx： 1.1 使用 pnpm 初始化 package.json，修改 name 屬性； 1.2 在該目錄中創建 src 目錄和 index.ts 文件； 1.3 在 src 目錄下創建 types

vite , 組件庫 , vue3 , cli , 前端

收藏 評論

xuexishiwokuaile_612449e36bade 頭像

凌覽 - 2025年，我和AI合夥開發了四款小工具

年終倒計時的鐘聲已經敲響，剛好借這個節點，把2025年我折騰過的那些事兒一次性覆盤。 這一年，我把 AI 當成副業合夥人，偷偷攢了 4 款小工具： 密碼管家——替你記住所有“記不住”的密碼 桌面萌寵——電腦桌面添加一個桌寵 去水印下載鴨——一鍵解析某音、小某書、某手等主流的平台無水印視頻、圖片 小易拼豆——拼豆豆圖紙生成器，手工圈的新外掛 它們不是什麼改變世界的核彈，卻讓我在下班後的

人工智能 , 後端 , 前端

收藏 評論

u_16213653 頭像

mob64ca14092155 - JavaScript 平方數顯示

Math對象 js提供的一些數學方法 PI屬性不需要加括號 console.log(Math.PI) 最大值 console.log(Math.max(12, 5, 7, 99, 103, 1)) 最小值 console.log(Math.min(12, 5, 7, 99, 103

JavaScript 平方數顯示 , 開發語言 , Math , 前端開發 , 前端 , Javascript

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - 看，這些 plugins 常用又簡單

前面文章中 體驗了webpack的打包 、解析css資源 、處理圖片字體等文件 接下來看看 plugins 有什麼作用吧~ 項目路徑如下，和上一篇 處理圖片字體等文件 項目保持一致 demo ├─ src │ ├─ css │ │ ├─ index.css │ │ └─ file.css │ ├─ img │ │ ├─ portrait.png │ │

plugin , webpack , 前端 , Javascript

收藏 評論

junxiudetuoba 頭像

伊伊DK - 拒絕同質化！從“源碼”到“原創”，構建有競爭力的代練平台？

在代練行業看似紅海的今天，真正成功的平台屈指可數。市場上充斥着大量基於同質化源碼搭建的“殭屍平台”——功能雷同、體驗相似、毫無特色。如果你決心不只是“又做一個代練平台”，而是要打造一個有真正競爭力的原創產品。 功能創新：在源碼基礎上做 “獨家增量” 源碼提供的是 “基礎功能骨架”，原創則是在骨架上添 “獨家血肉”—— 不用推翻源碼，而是圍繞核心痛點做 “微創新”，讓功能成為你的

php , 後端 , 前端

收藏 評論

nulidexiaocongmang 頭像

MangoGoing - CSS 技術沉澱

基礎理論 元素的顯示與隱藏 根據不同的需求選擇隱藏方案 如果希望元素不可見，同時不佔據空間，輔助設備無法訪問，同時不渲染，使用script標籤隱藏 script type="text/html" img src="./img/55.png" / /script 獲取數據的方法使用 document.querySelector('script').innerHTML 如果希望元素不可

css技巧 , HTML , 前端

收藏 評論

nine_59f82397ef519 頭像

Nine - Webpack小技巧-公共組件引用路徑簡化

日常開發中，我們會常常把一些功能提取出來，包裝成一個公共模塊或者組件，供不同地方使用，但是隨着項目不斷變大，項目目錄不斷變深，我們引用公共組件的路徑越來越長！ 例如：引用一個公共模塊 import Menu from '../../../../../components/Menu'; // 這裏路徑太深，很容易寫錯 我們該怎麼優化尼？ 解決方案1：使用webpack的resolve.alias屬性

webpack3 , webpack , webpack入門 , webpack2 , 前端

收藏 評論

obkoro1 頭像

OBKoro1 - 160行代碼仿Vue實現極簡雙向綁定[詳細註釋]

前言 現在的前端面試不管你用的什麼框架，總會問你這個框架的雙向綁定機制，有的甚至要求你現場實現一個雙向綁定出來，那對於沒有好好研究過這方面知識的同學來説，當然是很難的，接下來本文用160行代碼帶你實現一個極簡的雙向綁定機制。如果喜歡的話可以點波贊/關注，支持一下，希望大家看完本文可以有所收穫。 本文是在面試題：你能寫一個Vue的雙向數據綁定嗎？的基礎上仔細研究+改動，並添加了詳細註釋，而成的。

vue.js , 前端框架 , 雙向綁定 , 前端 , Javascript

收藏 評論

xc_xiang 頭像

Alan - 跨域方案總結

平時在開發中總是會遇到各種跨域問題，一直沒有很好地瞭解其中的原理，以及其各種實現方案。今天在這好好總結一下。 本文完整的源代碼請猛戳github博客，建議大家動手敲敲代碼。 1、什麼是跨域？為什麼會有跨域？ 一般來説，當一個請求url的協議、域名、端口三者之間任意一個與當前頁面地址不同即為跨域。 之所以會跨域，是因為受到了同源策略的限制，同源策略要求源相同才能正常進行通信，即協議、域名、端口

cors , postmessage , 跨域 , 前端

收藏 評論

bygpt 頭像

ByGPT - 【FE TIKU 前端面試題庫】性能優化

本文首發 http://fetiku.com/docs/advanc... 1 DNS 預解析 DNS 解析也是需要時間的，可以通過預解析的方式來預先獲得域名所對應的 IP link rel="dns-prefetch" href="//shudong.wang" 2 緩存 緩存對於前端性能優化來説是個很重要的點，良好的緩存策略可以降低資源的重複加載提高網頁的整體加載速度 通常瀏覽器緩

面試 , frontend , 前端

收藏 評論

marks 頭像

Marks - 10分鐘徹底搞懂前端頁面性能監控

本文首發於知乎《10分鐘徹底搞懂前端頁面性能監控》，搬運轉載請註明出處，否則追究版權責任。 前言 前端頁面性能是一個非常核心的用户體驗指標。本文介紹阿里UC 嶽鷹全景監控平台 如何設計一個通用、低侵入性、自動上報的頁面性能監控方案。主要採用的是Navigation Timing API以及sendBeacon等方法。 為什麼要監控頁面性能？ 一個頁面性能差的話會大大影響用户體驗。用户打開頁面等待的

前端性能 , 監控工具 , HTML , 前端 , Javascript

收藏 評論

russell221 頭像

鐵皮飯盒 - 🚆新手前端不要慌! 給你✊10根救命稻草🍃

🧨放假了特意給大家坐火車打發時間寫了這篇工具收集類的小文, 讓大家輕輕鬆鬆學知識, 😊"鐵皮飯盒"祝大家十一快樂, 吃開心玩開心! 新手階段的前端面臨的最大問題就是: "😥這個咋做?", 這個階段的前端自己實現交互功能基本是不可能的, 那怎麼體現價值呢? 我給個建議: "不會寫還不會用嗎?", 其實js發展這麼多年,常見的功能在github上都是可以找到的, 下面我就給大家拿出我收藏多年的"

插件 , jquery插件 , jquery , 前端 , Javascript

收藏 評論

smalike 頭像

smalike - 不可不知的 WEB 前端網站優化—— 雅虎 34 條軍規

不可不知的 WEB 前端網站優化—— 雅虎 34 條軍規 不得不説現在依然適用於大部分的網站 當年雅虎推薦了一套優化網站加載速度的34條法則（包括Yslow規則22條），以下是詳細説明。 1. Minimize HTTP Requests 減少 HTTP 請求 圖片、css、script、flash 等等這些都會增加 http 請求數，減少這些元素的數量就能減少響應時間。把多個JS、CSS在可能

前端優化 , 前端性能 , 前端 , Web

收藏 評論

ruizhengyun 頭像

前端早8點 - 前端初級新人，如何撕去菜鳥標籤

原文地址：https://github.com/ruizhengyu... 作為前端新人，我們常以菜鳥自居，主要是專業程度不高，還有就是自謙。其實，作為菜鳥的我們也想撕掉這類標籤，我們也努力，可還是學不好前端，是真的不適合做這行還是方法不對，沒人告訴我們？如果你覺得自己還處在菜鳥階段的迷茫區，那可以看看本篇文章，希望看完之後你能得到想要的。如果你要闡述你的想法，請在評論區留下你的文字。

前端工程化 , 前端性能 , 前端設計 , 前端

收藏 評論