tag 前端

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

@前端 / 博客 RSS 訂閱

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

收藏 評論

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

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

收藏 評論

febobo 頭像

刀哥 - 夢迴前端-數據類型篇

關於夢迴前端 每天一個重要的知識點，以問答的形式進行反推，利用碎片時間來完成自我提升 Day1 數據類型篇 説在前面 JS是典型的弱類型(動態)語言, 意味着你不用提前聲明變量的類型，在程序運行過程中，類型會被自動確定, 也意味着你可以使用同一個變量保存不同類型的數據 請簡述Js中有哪些數據類型? Js中每一個值都屬於某一種數據類型, 根據最新的語言標準，一共有8種類型 Boolean N

前端工程化 , 面試 , 前端優化 , 前端性能 , 前端

收藏 評論

xiaoqianduan_58b28cfebff36 頭像

null仔 - 「交流分享」從入門到放棄之計算機網絡

前言 計算機網絡對於程序員的重要性,想必不用多提～最近在梳理這方面的知識,由點成面,需要一個過程。 梳理了幾個點,借鑑了很多大佬的文章。(站在巨人的肩膀上!) 發出來大家一起學習進步一哈～之後會陸續梳理更新。 啊~枯燥的計算機網絡！ 我用 nodejs 對下面的其中幾個點做了簡單的實踐,進一步驗證原理,加深印象和理解。 HTTP/2 帶來了什麼 HTTPS 連接到底發生了什麼 什麼是中間人攻擊

前端性能 , 前端

收藏 評論