tag 響應式

標籤
貢獻30
101
12:15 PM · Nov 05 ,2025
u_16017771 頭像 kayo5994 頭像 u_15912723 頭像 flydean 頭像 mosquito_612af76da10ff 頭像 yangxiansheng_5a1b9b93a3a44 頭像 liuyue_5e7eb6745e089 頭像 webinfoq 頭像 u_17543943 頭像 u_87634 頭像 u_16213591 頭像 chokcoco 頭像

@響應式 / 博客 RSS 訂閱

u_16164933 頭像

謝爾登_ - Vue3 應用實例創建及頁面渲染底層原理

整體流程 完整的創建與渲染流程可以分成這些階段： 創建 App 實例 創建根組件實例 設置響應式狀態 創建渲染器（Renderer） 掛載 Mount vnode - DOM 渲染 數據變更觸發更新 重新渲染 / diff / patch 流程圖大致如下： createApp() ─── app.mount('#ap

vue.js , 渲染器 , app , 響應式 , 前端開發

收藏 評論

u_87634 頭像

新新人類 - Vue學習系列(一)——初識Vue.js核心

Vue.js（通常簡稱 Vue）是尤雨溪開發的一款漸進式 JavaScript 框架，專注於構建用户界面（UI）和單頁應用（SPA），核心特點是 “漸進式”—— 可按需採用核心庫、路由、狀態管理等模塊，無需一次性引入全部功能，適配從簡單組件開發到複雜大型應用的全場景需求。目前最新穩定版為 Vue 3（主推），兼容 Vue 2 的大部分生態，已成為前端主流框架之一，廣泛應用於電商、

vue.js , API , Vue , 響應式 , 前端開發

收藏 評論

u_16213591 頭像

mob64ca13fa2f9e - 一篇通俗易懂的Vue響應式原理解析

Vue 響應式基礎 聲明響應式狀態 ref() 在組合式 API 中，推薦使用ref()函數來聲明響應式狀態： import { ref } from 'vue' const count = ref(0) ref()接收參數，並將其包裹在一個帶有.value屬性的 ref 對象中返回： const count =

vue.js , Vue , 響應式 , 前端開發 , 解包

收藏 評論

mosquito_612af76da10ff 頭像

mosquito - 響應式rem適配方案

説起移動端適配，常常會想到rem,在這裏寫三種rem適配方案： 一、postcss-px2rem 1.安裝PostCSS-px2rem插件 使用npm或yarn安裝postcss-plugin-px2rem插件。在終端中運行以下命令： npm install --save-dev postcss-plugin-px2rem 或者 yarn add postcss-plugin-px2rem

響應式 , rem , 前端

收藏 評論

chokcoco 頭像

chokcoco - 超 Nice 的表格響應式佈局小技巧

今天，遇到了一個很有意思的問題，一名羣友問我，僅僅使用 CSS，能否實現這樣一種響應式的佈局效果： 簡單解析一下效果： 在屏幕視口較為寬時，表現為一個整體 Table 的樣式 而當屏幕視口寬度較小時，原 Table 的每一行數據單獨拆分為一個 Table 進行展示 很有意思的一個響應式佈局，讓信息在小屏幕下得到了一種不錯的展示。 那麼，僅僅使用 CSS 的話，能否實現這樣一個佈局呢？答案

css3 , Css , 響應式 , 前端 , Javascript

收藏 評論

u_17028302 頭像

wx66ece9f42611c - Vue3 響應式神器：ref 與 reactive 終極使用指南

在 Vue3 Composition API 中，ref 和 reactive 是構建響應式數據的核心工具。很多開發者在實際開發中會困惑：到底該用哪個？什麼時候該選 ref，什麼時候該用 reactive？其實答案很明確——尤雨溪早已給出方向：「ref 一把梭，不建議過度依賴 reactive」。本文將從本質區別、實戰場景、避坑指南三個維度，幫你徹底理清兩者的使用邏輯。 一、核心區別

vue.js , 賦值 , 響應式 , 前端開發 , Javascript

收藏 評論

u_16769727 頭像

mb663f5e2410796 - 面試 Vue 框架八股文十問十答第七期

面試 Vue 框架八股文十問十答第七期 相信看了本文後，對你的面試是有一定幫助的！關注專欄後就能收到持續更新！ ⭐點贊⭐收藏⭐不迷路！⭐ 1）Vue template 到 render 的過程 在Vue中，template會被編譯成一個render函數。整個過程包括以下步驟： 模板編譯： Vue通過模板編譯器將template轉換為渲染函數

數據 , 面試 , Vue , 八股 , 後端開發 , JAVA , 響應式

收藏 評論

kayo5994 頭像

kayo5994 - Vue 響應式原理剖析 —— 數據更新常見問題

概況 在 Vue 開發的過程中，多少都會遇到數據更新後，頁面沒有更新渲染這類問題。而在上兩篇文章《Vue 響應式原理剖析 —— 從實例化、渲染到數據更新（上）》和《Vue 響應式原理剖析 —— 從實例化、渲染到數據更新（下）》中，從「實例化」、「渲染」、「數據更新」三條線完整地講述了 Vue「響應式」的工作原理，本文正是基於這些原理去解決一些常見的數據更新相關問題。 對象數據的某些修改無法被檢聽？

框架學習 , vue.js , 觀察者模式 , 框架源碼 , 響應式

收藏 評論

u_16017771 頭像

wangfang呀 - 你用 provide / inject 是在“解耦組件”，還是在“偷偷繞過設計原則”？(第14節)

哈嘍，各位小夥伴，歡迎來到我是wangfang呀的博客！我是我是wangfang呀，雖然還在編程的“菜鳥”階段，但我已經迫不及待地想和大家分享我一路上踩過的坑和學到的小技巧。如果你也曾為bug頭疼，那麼你來對地方了！今天的內容希望能夠給大家帶來一些靈感和幫助。 1️⃣ provide / inject 原理：它解決的不是“傳值”，而是“層級噪音”📡 1.1 它到底

數據 , 後端開發 , JAVA , 響應式 , ide

收藏 評論

wxp686 頭像

wxp686 - 屏幕適配方案——詳細完整版

適用框架：Vue2/Vue3 適用設備：pc端/移動端 適配策略：動態rem+動態scale 方案效果：可讓頁面在不同屏幕下、放大縮小時保持頁面不變形 效果示例： 當屏幕變化時： 當放大縮小時： 安裝(屏幕適配插件) npm i screen-adapter-plugin 適配寫法(推薦)： 寫class樣式時，使用px單位，class內

vue.js , Css , 響應式 , 可視化 , Javascript

收藏 評論

flydean 頭像

flydean - netty系列之:分離websocket處理器

簡介 在上一篇文章中，我們使用了netty構建了可以處理websocket協議的服務器，在這個服務器中，我們構建了特製的handler用來處理HTTP或者websocket請求。 在一個handler中處理兩種不同的請求，對於某些有代碼潔癖的人可能忍受不了。那麼，有沒有可能將普通的HTTP請求和websocket請求使用不同的handler來進行處理呢？答案是肯定的。 netty的消息處理 我們知

websocket , netty , JAVA , 響應式

收藏 評論

chendeli 頭像

陳德立 - VUE2的小段源碼分析

關於前端視圖更新 前言 接到分享任務後一直比較頭疼，不知道分享什麼內容，能夠把此次分享做的比較好。後來偶然在網上看到一篇文章，非常有啓發性，引導我做出了本次的內容 代碼地址：（https://codepen.io/collection/DkxpbE） 代碼寫的很精妙，短短一百多行代碼，還原出來VUE響應式的核心思想。而我花了很長的時間去閲讀這段代碼，感慨我和尤雨溪之間的前端水平還是有不少差距的。

vue.js , 攔截器 , 源碼分析 , 響應式 , 前端

收藏 評論