tag 前端

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

@前端 / 博客 RSS 訂閱

ekko_5cd3886c312b8 頭像

Durant - CSS之BFC

1. BFC特性 區塊格式化上下文（Block Formatting Context，BFC）是 Web 頁面的可視 CSS 渲染的一部分，是塊級盒子的佈局過程發生的區域，也是浮動元素與其他元素交互的區域。 個人理解：在一個BFC區域裏，不管內部元素怎麼倒騰，始終不影響該區域外部元素。 2. 如何創建BFC 參閲MDN文檔説明： 區塊格式化上下文 3. 為何創建BFC 格式化上下文影響佈局，通常，

bfc , Css , 前端

收藏 評論

jizaodebangbangtang 頭像

文心快碼 - 我用文心快碼開發了一款「積木工坊」：用AI讓每個孩子都成為小小建築師

作者簡介 詹林峯，全棧開發工程師，積極擁抱 Vibe Coding，專注探索 AI IDE 與全棧開發全流程的深度融合 —— 從前端界面實現、移動端適配到後端邏輯開發、數據庫優化，將 AI 賦能提效落地於每一個環節。作品「積木工坊」入圍“CCF程序員大會碼力全開：AI加速營”活動決賽，並獲得“最佳商業價值獎” 。 初衷：在這個數字化的時代，我想做一件有意義的事——讓每一個孩子都能平等地獲得

教程 , 知識 , 人工智能 , 後端 , 前端

收藏 評論

u_16213721 頭像

mob64ca14196783 - 前端數據本地存儲介紹

前端本地存儲（Cookie、LocalStorage、SessionStorage） 在前端開發中，本地存儲用於在瀏覽器中持久化或臨時存儲數據，常見場景包括保存用户登錄狀態、記住用户偏好、緩存臨時數據等（如小米官網手機端頭部廣告的 “關閉後不再顯示” 功能）。本文將詳細梳理Cookie、LocalStorage、SessionStorage及輔助工

狀態模式 , 字符串 , 數據 , 後端開發 , 前端 , Json , Python

收藏 評論

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

收藏 評論

lijinhuaboke 頭像

此顏差矣。 - 封裝 WebRTC 低延遲視頻流與 WebSocket 實時狀態驅動的大屏可視化

Vue3 ：封裝 WebRTC 低延遲視頻流與 WebSocket 實時狀態驅動的大屏可視化 在工業互聯網和智慧安防領域，實時監控大屏是核心業務場景之一。本文將分享在最近的“油罐車作業智能監控系統”中，如何利用 Vue3 + TypeScript 技術棧，實現低延遲的 WebRTC 視頻流播放，以及基於 WebSocket 的全鏈路作業狀態實時同步。 一、 業務背景與要求 我們公司需要開發一個監控

前端

收藏 評論

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 , 前端

收藏 評論

codechen8848 頭像

codechen8848 - 告別手寫禮簿！一款開源免費的電子紅白喜事禮簿系統！

大家好，我是 Java陳序員。 無論是兒女結婚的喜宴，還是親友離世的白事，禮金記賬都是繞不開的環節。 傳統手寫禮簿，不僅考驗書寫速度和細心程度，還面臨着“記重了、算錯了、丟了賬本”的風險，既費人力又不省心。 而市面上的電子記賬工具，要麼依賴網絡，要麼數據存在雲端，總擔心隱私泄露。 今天，給大家推薦一款純本地運行的電子禮簿系統，不用連網、不用註冊、數據加密存儲、安全又好用，紅白喜事都適配！ 關注

前端

收藏 評論

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 , 前端

收藏 評論

u_16099255 頭像

IT獨行俠 - Vue 3.0筆記——組合式API（介紹）

在 Vue3.x 版本Composition API 出現之前使用的 Vue2.x 版本的都是一些選項式的API，如有data，methods，computed 和 watch 等這些選項，在data選項中來去定義一個變量為msg，在 methods ，computed 等這些選項中來去用一下，或者要來進行一個排查，排查變量msg的問題，可能需要

vue.js , API , Vue , 後端開發 , 前端 , Javascript , Python

收藏 評論

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

收藏 評論