响应式

Vue.js 源码分析——响应式原理

一、准备工作Vue源码的获取项目地址：https://github.com/vuejs/vueFork一份到自己的仓库，克隆岛本地，可以自己写注释提交到gitbub为什么分析Vue2.6现有的项目不会升级到3.x,2.x还有很长的一段过渡期3.0项目地址：https://github.com/vuejs/vue-next源码目录结构image.png了解Flow官网：https://flow.or
丽__·2024-01-04 01:15

纯Css实现Div高度根据自适应宽度（百分比）调整

纯Css实现Div高度根据自适应宽度（百分比）调整在如今响应式布局的要求下，很多能自动调整尺寸的元素能够做到高宽自适应，如img，通过{width:50%;height:auto;}实现图片高度跟随宽度比例调整
劳伦缇娜·2024-01-03 19:08

快速打通 Vue 3（二）：响应式对象基础

很激动进入了Vue3的学习，作为一个已经上线了三年多的框架，很多项目都开始使用Vue3来编写了这一组文章主要聚焦于Vue3的新技术和新特性如果想要学习基础的Vue语法可以看我专栏中的其他博客Vue（一）：Vue入门与Vue指令Vue（二）：计算属性与watch监听器Vue（三）：Vue生命周期与工程化开发一篇文章快速通关Vuex（适合小白学习）Vue框架前导：详解Ajax快速打通Vue3（一）：基
*Soo_Young*·2024-01-03 17:38

前端学习笔记 2：Vue

前端学习笔记2：VueVue是一个目前最流行的前端响应式框架，关于它的简单介绍可以观看这里。
魔芋红茶·2024-01-03 15:32

Vue-响应式数据

一、ref创建基本类型的响应式数据vue3可以使用ref、reactive去定义响应式数数据。
夏天的冬雪·2024-01-03 15:39

vue面试题八股文简答大全 让你更加轻松的回答面试官的vue面试题

Vue.js基于MVVM模式设计，采用了响应式数据绑定和组件化的架构。在Vue.js中，数据绑定是非常重要的概念，它通过使用观察者模式来追踪数据变化并自动更新DOM。
奶糖 肥晨·2024-01-03 12:00

Vue.observable你有了解过吗？

一、Observable是什么Observable翻译过来我们可以理解成可观察的我们先来看一下其在Vue中的定义Vue.observable，让一个对象变成响应式数据。
蓝斑.json·2024-01-03 11:01

编程语言发展走向探讨

多范式与融合随着编程范式的发展，编程语言越来越倾向于支持多种编程范式，如面向对象编程、函数式编程、响应式编程等。这种多范式的融合使得编程语言更加灵活，能够应对更多种类的编程问题。
IT售前·2024-01-03 11:56

iOS开发常用之响应式框架

响应式框架ReactiveCocoa-ReactiveCocoa受限函数响应式编程激发。
GuangdongQi·2024-01-03 11:02

computed 计算属性，watch 监听属性

computed计算属性会基于响应式依赖被缓存。计算属性默认是只读的。
土井塔克树1412·2024-01-03 11:57

使用zip4j压缩，解压文件以及乱码问题处理

引言大家好，我又来水文了，说句题外话，代码生成器前后端分离响应式主题已经支持权限管理模块生成了，感兴兴趣的朋友可以去尝试下。
小螺旋丸·2024-01-03 10:20

React Grid Layout基础使用

它提供了一个灵活的网格系统，可以帮助开发人员构建响应式的布局，并支持拖拽、调整大小和动画效果。本文将介绍如何使用ReactGridLayout来创建自适应的布局。
Evan不懂前端·2024-01-03 05:28

CSS 纵向底部往上动画

import{ref}from'vue';constisAnimating=ref(false);//控制是否应用动画的响应式状态functionstartAnimation(){//鼠标进入容器时，启动动画
特创数字科技·2024-01-03 01:06

什么是Vue.js的响应式系统（reactivity system）？如何实现数据的双向绑定？

Vue.js的响应式系统是指一种能够跟踪数据变化并实时更新相关界面的机制。它是Vue.js框架的核心特性之一。在Vue.js中，你可以使用数据绑定语法将数据绑定到DOM元素上。
m0_黎明·2024-01-03 01:06

发现前端之美：Vue.js的魅力与入门指南

它的核心思想是通过响应式数据驱动视图，使开发者更轻松地构建动态且易维护的用户界面。
码农阿豪·2024-01-03 00:23

【Bootstrap5学习 day9】

小工具边框类使用边框类为元素添加或删除边框边框圆角使用rounded类为元素添加圆角浮动与清除浮动元素向右浮动使用.float-end类，向左浮动使用.float-start类，.clearfix类用于清除浮动向左浮动向右浮动响应式浮动可以根据屏幕尺寸来设置浮动效果
Dosage de fleurs·2024-01-02 23:08

VUEX的原理

首先要知道vue中的响应式原理，数据在实例初始化时被劫持。VUEX中的数据也是响应式的，我们看下他是怎么做的。当项目引入VUEX功能时，会使用VUE的mixin向全局的VUE实例进行混入。
frank_松·2024-01-02 19:05

CSS 缩减顶部动画

import{ref}from'vue';constisAnimating=ref(false);//控制是否应用动画的响应式状态functionstartAnimation(){//鼠标进入容器时，启动动画
特创数字科技·2024-01-02 17:34

vue3中如何使用vuex

这里我解释一下，我们要明白浏览器的存储和vuex的存储的不同点，首先，浏览器存在本地，vuex存在内存里，所以vuex刷新会丢失，从现在来看，好像存在浏览器里会更好，但是，有个问题时，存在浏览器里不是响应式的啊
香蕉麻花皮·2024-01-02 17:32

vue3学习之路

reactive,ref响应式数据letnum=reactive(0)//reactive中是简单数据类型，不会自动响应到页面中，除非有对象类型要响应才会跟着响应到页面constobj=reactive
码林鼠·2024-01-02 17:30

【Bootstrap学习 day6】

响应式图片使图片根据屏
Dosage de fleurs·2024-01-02 15:20

Vue3中ref和reactive的区别

ref既可以实现基本类型的响应式也可以实现对象或者数组类型的响应式，但是需要在变量后加一个value来修改对应的值才可以生效reactive只能用来实现对象或者数组等类型的响应式，且如果对整个对应进行重新赋值
EntyIU·2024-01-02 10:40

data数据响应式

data数据响应式所有在实例上挂载的属性，都可以在视图中直接使用data中的数据，是经过“数据劫持”的，是“响应式数据”响应式：修改数据，视图会自动更新MV原理：其中一条线的原理，data响应式的原理template
betterangela·2024-01-02 05:40

手写Vue响应式特性

响应性是Vue的一个核心特性，用于监听视图中绑定的数据，当数据发生改变时视图自动更新。人们往往对响应性这个术语有一些误解或困惑，会认为响应性就是类似RX之类的响应性编程。但是在这里只要状态发生改变，系统依赖部分发生自动更新就可以称为响应性。在web应用中，数据的变化如何响应到DOM中，就是Vue解决的问题。假设我们有个需求，b永远等于a的十倍，如果使用命令式编程，可以很简单实现，可以像下面这样实现
正宗咸豆花·2024-01-02 04:30

总结vue中数据更新,但是界面没有更新的情况

1.前言1.学徒一茬一茬的,但是问题都差不多,是时候总结下了2.主要是vue23.大部分问题官网都有答案,所以还是建议先熟悉下vue响应式原理4.只精简出简要能体现错误原因的代码2.注意事项1.官网的这句话非常重要
云高风轻·2024-01-02 04:55

CSS 纵向顶部往下动画

import{ref}from'vue';constisAnimating=ref(false);//控制是否应用动画的响应式状态functionstartAnimation(){//鼠标进入容器时，启动动画
特创数字科技·2024-01-01 22:20

CSS 纵向扩展动画

上干货import{ref}from'vue';constisAnimating=ref(false);//控制是否应用旋转动画的响应式状态functionstartAnimation(){//鼠标进入容器时
特创数字科技·2024-01-01 20:25

2020-03-19时间记录

写创新实践项目写时时发布项目部署服务外包项目填综合素质表vue响应式原理以及渲染机制复盘钉钉面试复习（1）8：00-8：40起床、洗脸、刷牙（2）8：40-15：50吃饭划水（3）15：50-17：10
296b871d5cd0·2024-01-01 19:00

uniapp rpx、px、em、rem、%、vh、vw的区别是什么？

rpx（响应式像素）：rpx是微信小程序独有的单位，解决屏幕自适应的问题。它可以根据屏幕宽度进行自适应，相当于把屏幕宽度分为750份，1份就是1rpx。em：e
emma20080101·2024-01-01 16:25

深入理解Vue.js 3的Reactive方法

在Vue.js中，响应式是指当应用状态发生变化时，视图会自动更新以反映这些变化。reactive是Vue3的Comp
liwp_Stephen·2024-01-01 16:33

V-model指令的详细用法、绑定事件、深度响应式

姓名：{{name}}地址：{{address}}是否同意：{{isOK}}爱好：抽烟喝酒烫头唱跳篮球{{hobbies}}性别：男女{{sex}}学历：小学硕士博士博士后{{xueli}}美食：螃蟹龙虾鸡腿牛排海鲜{{meishi}}修饰符lazy{{msg}}修饰符number{{age+10}}修饰符trim长度：{{city.length}}letvm=newVue({el:'#app',
云瑶糖糖·2024-01-01 11:32

使用vue，网页从后台拿到数据之后，如何让网页实时更新

你可以在Vue实例中使用$set方法来设置响应式的数据并更新视图。例如：vm.$set(vm.items,indexOfItem,newValue)你也可以使用vm.
红廉骑士兽·2024-01-01 10:22

【JS】Object.defineproperty方法

它也是vue2的响应式原理。语法Object.defi
田本初·2024-01-01 09:03

RapidWeaver 9 for Mac：开发精美网页的首选工具

RapidWeaver9forMac是一款专业的网页开发工具，它提供了一系列强大的功能，使得开发人员可以轻松创建出精美、响应式的网页。
招财进宝129·2024-01-01 09:16

iOS开发常用的第三方库

1.Hue颜色扩展相关2.Snapkitautolayout布局3.Realm数据库4.RxSwift响应式5.Hero转场动画6.Lottie设计师动画7.Alamofire网络8.messageKit
松花江以南·2024-01-01 08:07

响应式编程之Reactive streams

前言上文简单介绍了响应式编程和Reactor的使用，今天开始深入了解一下响应式编程的规范，为开始学习Reactor源码做准备Reactivestreams上文也简单提到过，响应式的扩展库有很多比如RxJava
pq217·2024-01-01 08:07

vue2 v-model—绑定事件—深度响应式

1st.v-model指令的详细用法在表单标签中，v-model双向绑定的用法有所区别。首先在data中定义好数据：data:{name:"张三",sex:'男',address:'南京市雨花台区',isOK:true,hobbies:['睡觉','打游戏'],city:"苏州",foods:['巧克力','西瓜','米饭']}文本框：使用v-model-value（简写v-model）直接双向绑
uuz·2024-01-01 08:34

Vue2 - Vue.observable 介绍

目录1，介绍2，使用场景和Vue实例的区别1，介绍官网参考可以让一个对象变成响应式数据。在Vue内部就是用它来处理传递给Vue的data对象，或是在单文件组件中data()返回的对象。
下雪天的夏风·2024-01-01 07:47

vue2与vue3数组的区别

Vue2.x和Vue3.x在数组方面有一些不同之处，主要涉及到Vue3.x中对响应式系统的改进。
蛋黄派i·2024-01-01 06:43

前端废物的自救之路（2）Ant Design Vue实现登录页面及表单校验功能

前端废物的自救之路（2）AntDesignVue实现登录页面及表单校验功能前言由于后台没有要求响应式，本来我是打算使用ElementUI（以下简称element）作为后台的UI框架的——因为Element
NoelleMu·2024-01-01 04:50

Vue学习计划-Vue3--初识Vue3，vite创建Vue3项目

1.Vue3简介性能的提升打包大小减少41%初次渲染快55%，更新渲染快133%内存减少54%源码的升级使用Proxy代替defineProperty实现响应式重写虚拟DOM的实现和Tree-Shaking
化作繁星·2024-01-01 01:20

Vue3的proxy

vue3.0中,使用proxy替换了原来遍历对象使用Object.defineProperty方法给属性添加set/get  vue的核心能力之一是监听用户定义的状态变化并响应式刷新DOM vue2是通过替换状态对象属性的
Z_B_L·2024-01-01 00:55

2019-04-17

freeCodeCamp2018年新版课程学完慕课的课程后建议在fcc里刷完响应式web设计栏目，实战页面至少要能做出两三个。这时你基本已经能做出一些算是好看的页面了，开始步入正题。
天青lenk·2023-12-31 22:17

Angular学习笔记50：响应式表单动态修改表单校验器

继Angular学习笔记49：响应式表单验证(同步)之后，有时候会遇到这样的情况：例如有三个属性：name,age,address，分别三个控件，有一个单选按钮，来控制用户输入哪一种输入属性。
wujiayucn·2023-12-31 19:41

踩了Vue2运行机制的坑-响应式原理

最近遇到一个很奇怪的bug：前置：后端接口返回的数据是这样的：①首先在store中取出后端返回的数据A=res.data，在这里打印输出是正常的②然后在vue页面上再取出A.data也就是res.data.data，以及其它几个字段即res.data.XXX，在这里打印输出是空白的③结果在图表页中取出的一直是undefined（读取属性不存在），但是第一次加载不出来，再刷新一下却又能拿到数据了。最
小白探索世界欧耶！~·2023-12-31 17:21

Vue3 魔法：轻松删除响应式对象的属性

在Vue3中，要删除一个响应式对象的属性并保持响应性，我们需要使用Vue提供的reactive和toRefs函数来创建响应式对象，以
诸葛妙计·2023-12-31 16:39

Vue3 精通指南：如何在 setup 函数中巧妙利用 Vuex

在Vue3中，如果你使用了组合式API（CompositionAPI），你可以通过setup函数来设置组件的响应式状态和逻辑。
诸葛妙计·2023-12-31 16:38

现代建筑 Modern Design 展示前端界面html推荐

作为一个现代建筑展示网站，以下是一些需要的要素：响应式设计：现代建筑展示网站应该具备响应式设计，以适应不同设备和屏幕尺寸，例如桌面电脑、平板电脑和手机。
枫蜜柚子茶·2023-12-31 14:52

【前端】08 - 移动端WEB开发之响应式布局

1.响应式开发原理1.1响应式开发原理就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。
itlu·2023-12-31 14:48

VUE - 响应式数据绑定（变化侦测）

vue的特点之一是由数据驱动视图（响应式数据绑定），在vue里我们可以将数据理解为状态，视图则是用户可以直观看到的页面，页面不完全是静态的，而动态的页面，是由用户操作引起，或者是后端数据变化引起的。
不是小白的小白人·2023-12-31 10:29
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他