tag 響應式

標籤
貢獻27
81
12:15 PM · Nov 05 ,2025
kayo5994 頭像 u_15912723 頭像 u_16017771 頭像 flydean 頭像 mosquito_612af76da10ff 頭像 yangxiansheng_5a1b9b93a3a44 頭像 t1duz 頭像 webinfoq 頭像 u_17543943 頭像 liuyue_5e7eb6745e089 頭像 u_16213591 頭像 noearorg 頭像

@響應式 / 博客 RSS 訂閱

flydean 頭像

flydean - netty系列之:netty初探

簡介 我們常用瀏覽器來訪問web頁面得到相關的信息，通常來説使用的都是HTTP或者HTTPS協議，這些協議的本質上都是IO，客户端的請求就是In，服務器的返回就是Out。但是在目前的協議框架中，並不能完全滿足我們所有的需求。比如使用HTTP下載大文件，可能需要長連接等待等。 我們也知道IO方式有多種多樣的，包括同步IO，異步IO，阻塞IO和非阻塞IO等。不同的IO方式其性能也是不同的，而ne

netty , JAVA , reactivex , 響應式 , nio

收藏 評論

liuyue_5e7eb6745e089 頭像

劉悦的技術博客 - 天人合一物我相融，站點升級漸進式Web應用PWA(Progressive Web Apps)實踐

原文轉載自「劉悦的技術博客」https://v3u.cn/a_id_216 PWA（Progressive web apps，漸進式 Web 應用）使用現代的 Web API 以及傳統的漸進式增強策略來創建跨平台 Web 應用程序，説白了，PWA可以讓我們的站點以原生APP的形式運行，但相比於安裝原生APP應用，訪問PWA顯然更加容易和迅速，還可以通過鏈接來分享PWA應用。 有許多知名的網絡平台已

pwa , 響應式設計 , tornado , 響應式 , 前端

收藏 評論

_607c00baa52ff 頭像

懟懟 - 【vue】MVVM、雙向綁定

MV*模式 MVC MVP MVVM 1 MVC 一個應用分為三部分 模型 (Model)：數據保存 應用程序的數據、控制與修改這些數據的業務規則 Model改變時：通知View，為View提供查詢Model相關狀態的能力，為Controller提供訪問封裝在Model內部的應用程序功能的能力。 視圖 (View)：用户界面

vue.js , 雙向綁定 , 代理 , mvvm , 響應式

收藏 評論

u_16213651 頭像

mob64ca14089531 - 3D多邊形背景動畫

arwes作為未來主義科幻UI框架，其背景動畫系統為界面注入了獨特的科技感與動態美學。本文將深入解析三大核心背景組件——Dots（點陣）、GridLines（網格線）和MovingLines（動態線條）的實現原理與應用方法，幫助開發者快速構建沉浸式視覺體驗。 背景動畫系統架構 arwes背景動畫基於Canvas API實現，通過@arwes/bgs核心包提供基礎繪製能

響應式 , ci , 前端開發 , Javascript , ui

收藏 評論

qinglong_62898aa51988d 頭像

清隆 - 細説Vue2的響應式原理

什麼是響應式 在 Vue 開發中，我們修改了數據，所有用到這份數據的視圖都會更新。 響應式概括來説就是數據驅動視圖的自動更新 舉個例子，本文也將以下面這段代碼來講解與實現響應式 HTML div id="app" {{ obj.message }} /div JS let data = { obj: { message: 'Hello Vue!', }, } new Vue(

vue2 , vue.js , 響應式 , 前端 , Javascript

收藏 評論

u_16864929 頭像

瘋狂迪霸戈 - Vue2 與 Vue3 區別

1. 架構設計差異 Vue2 的 Options API Vue2 採用 Options API 組織代碼，通過不同的選項（data、methods、computed 等）來定義組件： // Vue2 Options API export default { data() { return { count: 0, message: 'Hel

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

收藏 評論

u_16017771 頭像

wangfang呀 - Vue 響應式原理：你以為的“頁面自己動”，其實幕後全是黑科技！

哈嘍，各位小夥伴，歡迎來到我是wangfang呀的博客！我是我是wangfang呀，雖然還在編程的“菜鳥”階段，但我已經迫不及待地想和大家分享我一路上踩過的坑和學到的小技巧。如果你也曾為bug頭疼，那麼你來對地方了！今天的內容希望能夠給大家帶來一些靈感和幫助。 前言   第一次寫 Vue 時，很多人都會驚歎：“咦，data 裏一改值，頁面就自己刷新了！”。

數組 , Vue , 後端開發 , JAVA , 響應式

收藏 評論

Itstars 頭像

新茶十九 - Vue 3 深入瞭解，那些很少有人知道的實用特性和技巧

1. 深層響應式控制 shallowRef - 淺層 Ref import { shallowRef, triggerRef } from 'vue' const state = shallowRef({ count: 0, nested: { value: 1 } // 這個變化不會被自動追蹤 }) // 只有直接賦值會觸發更新 state.value = { c

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

收藏 評論

liane 頭像

Liane - Vue3-Vue2實現數據響應式的區別

Vue2實現響應式的核心： 對象：通過defineProperty對對象的已有屬性值的讀取和修改進行劫持（監視/攔截） 數組：通過重寫數組更新數組一系列更新元素的方法來實現元素修改的劫持 let data = { name: 'Liane', age: 18 } //模擬組件實例 let _this = {} //Object.defaineProperty()用法 for(le

vue.js , 代理 , defineproperty , vue3 , 響應式

收藏 評論

kayo5994 頭像

kayo5994 - Vue 響應式原理剖析 —— 從實例化、渲染到數據更新（上）

概況 最近對一個基於 Vue 項目的 Sentry Issue 進行治理時，發現了大量 Issue 都是 Vue 內部邏輯引起的，為了更好地去解決問題，因此也複習了一遍 Vue2 的原理。 相比起 Vue3 更清晰的項目結構和實現，Vue2 中各個部分的實現存在較多的耦合，也導致其邏輯梳理起來較為複雜。其中「響應式」的部分是最為複雜也是最重要的一環，實際項目中大部分的 Issue 也與其相關，如

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

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - 通過Proxy和Reflect實現vue的響應式原理

vue3通過Proxy+Reflect實現響應式，vue2通過defineProperty來實現 Proxy Proxy是什麼 Proxy是ES6中增加的類，表示代理。 如果我們想要監聽對象的操作過程，可以先創建一個代理對象，之後所有對於對象的操作，都由代理對象來完成，代理對象可以監聽到我們對於原對象進行了哪些操作。 Proxy怎麼使用 Proxy是一個類，通過new關鍵字創建對象，傳入原對

vue.js , ecmascript-6 , 響應式 , 前端 , Javascript

收藏 評論

u_16017771 頭像

wangfang呀 - Vue 的 provide / inject：讓數據在組件樹裏“隱形穿梭”

哈嘍，各位小夥伴，歡迎來到我是wangfang呀的博客！我是我是wangfang呀，雖然還在編程的“菜鳥”階段，但我已經迫不及待地想和大家分享我一路上踩過的坑和學到的小技巧。如果你也曾為bug頭疼，那麼你來對地方了！今天的內容希望能夠給大家帶來一些靈感和幫助。 前言 場景痛點 祖孫隔着十幾層，props drilling 傳得人崩潰？

默認值 , 後端開發 , JAVA , 響應式 , ide

收藏 評論

u_15912723 頭像

讓世界更美好 - 巧用CSS三角函數：解鎖動態佈局新維度

在傳統網頁設計中，我們常常需要依賴JavaScript來實現複雜的動態佈局效果。但隨着現代CSS的發展，尤其是CSS Values and Units Level 4規範中引入的sin()、cos()和tan()等數學函數，我們現在可以直接使用純CSS創建出更加智能和靈活的佈局方案。 為什麼要在佈局中使用三角函數？ 三角函數能夠描述元素間的相對位置關係和週期性變化。通

yyds乾貨盤點 , 三角函數 , Css , 響應式 , 前端開發 , HTML

收藏 評論

u_12195 頭像

jojo - Vue3核心之響應式_6月月更_Python研究所

文章目錄 Vue 3 完全指南：響應式原理、組合式 API 與實戰優化 一、Vue 3 核心原理深度解析 1.1 響應式系統：從 Object.defineProperty 到 Proxy 1.2 虛擬 DOM 與 Diff 算法優化 1.3 組件渲染流程 二、組合式 API

API , Vue , Css , 響應式 , 前端開發 , HTML

收藏 評論

y0i1w 頭像

🦄Y0i1w - 百行代碼實現 Vue 2 響應式

百行代碼實現 Vue 2 響應式 如果覺得可以就關注一下公眾號吧~

vue.js , 原理 , 響應式

收藏 評論

kayo5994 頭像

kayo5994 - Vue 響應式原理剖析 —— 從實例化、渲染到數據更新（下）

在上一篇文章中，梳理了 Vue 實例化和渲染的基本邏輯，並且介紹了訂閲者模式這種設計模式，Vue 的「響應式」實現本質上也是一個訂閲者模式，但是由於 Vue 需要考慮更加複雜的情況，並且需要在其中作出大量優化操作，因此具體實現也會複雜很多。通過上面對訂閲者模式的介紹，觀察目標類，觀察者管理類，觀察者是訂閲者模式中的三個基本要素，Vue 內部也會有對應的實現，下面通過更詳細地説明 Vue「響應式」的

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

收藏 評論

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

收藏 評論

chendeli 頭像

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

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

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

收藏 評論

flydean 頭像

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

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

websocket , netty , JAVA , 響應式

收藏 評論

wxp686 頭像

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

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

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

收藏 評論

kayo5994 頭像

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

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

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

收藏 評論

u_16769727 頭像

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

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

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

收藏 評論

u_17028302 頭像

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

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

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

收藏 評論

chokcoco 頭像

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

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

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

收藏 評論