响应式

shallowReactive 与 shallowRef

shallowReactive:只处理了对象内最外层属性的响应式(也就是浅响应式)shallowRef:只处理了value的响应式,不进行对象的reactive处理{{m1}}{{m2}}{{m3}}{
马德里甜欣·2024-01-26 12:51

深入了解 shallowRef 和 shallowReactive

在Vue3中，shallowRef和shallowReactive是两个非常有用的方法，它们帮助我们在处理响应式数据时更加灵活和高效。
怂怂敲代码·2024-01-26 12:21

shallowRef和shallowReactive

一，前言1.相对于ref和reactive，shallowRef和shallowReactive创建的数据是浅响应式的二，shallowRef介绍1.shallowRef可以创建一个跟踪自身.value
诗人远行·2024-01-26 12:50

Vue3快速入门-shallowRef 与 shallowReactive

查看本系列文章合集clickme下载本系列文章源码clickmeshallowRefshallowRef类似ref，不同的是，shallowRef只处理基本类型的响应式，不处理对象类型的响应式。
温情key·2024-01-26 12:50

Vue学习计划-Vue3--其他API：shallowRef与shallowReactive、readonly与shallowReadonly、toRaw与markRaw、customRef

其它API【shallowRef与shallowReactive】shallowRef作用：创建一个响应式数据，但只对顶层属性进行响应式处理。
化作繁星·2024-01-26 12:20

toRef，toRefs函数的作用

toRef:将数据转成响应式toRefs:将多个数据转成响应式注意：toRefs将多个数据转成响应式，只是确保第一层数据为响应式，如果是不同层的数据，仅第一层数据为响应式{{name}}-{{obj.name
诗霖雪·2024-01-26 12:19

vue 生命周期及watch、computed等记录

用于加深印象vue生命周期image.pngbeforeCreate实例初始化之后，this指向创建的实例，不能访问到data、computed、watch、methods上的方法和数据常用于初始化非响应式变量
Nicander·2024-01-26 10:41

vue3里的watch与 watchEffect

回调函数立即调用回调函数依赖的数据都会被监控深度监控watch与watchEffect相同点都可以对数据进行侦听不同点watchEffect回调函数立即调用、对回调函数依赖的数据隐式监控、默认深度监控watch和watchEffect都能监听响应式数据的变化
香香爱编程·2024-01-26 09:41

Vue学习笔记12--Vue3之setup/ref函数/reactive函数/Vue3响应式原理/reactive对比ref

一、拉开序幕的setup理解：Vue3中一个新的配置项，值为一个函数。setup是所有CompositionAPI(组合API）表演的舞台。组件中所用到的：数据、方法等，均要配置在setup中。setup函数的两种返回值：若返回一个对象，则对象中的属性、方法在模板中均可以直接使用。若返回一个渲染函数，则可以自定义渲染内容注意点：尽量不要与Vue2.x配置混用Vue2.x配置（data/methos
jxncxgx·2024-01-26 09:54

基于node.js和Vue3的医院挂号就诊住院信息管理系统

本系统基于Node.js后端技术和Vue3前端框架进行开发，利用其高效的非阻塞I/O处理能力和响应式数据绑定特性，实现一个可靠且用户友好的医疗信息管理平台。
程序猿大波·2024-01-26 08:53

Spring(21) 在 Spring Boot 中使用 Undertow 作为嵌入式服务器

目录一、四种Web服务器1.1Tomcat服务器1.2Jetty服务器1.3Undertow服务器1.4Netty（响应式场景）二、Undertow介绍三、SpringBoot中使用Undertow四、
ACGkaka_·2024-01-26 08:41

请解释一下 CSS3 的 Flexbox（弹性盒布局模型）, 以及适用场景？

它通过定义容器和其内部项目的灵活的、自适应的布局来实现页面的响应式设计。Flexbox的适用场景包括以下几种情况：等高布局：通过设置容器的display:flex，项目（子元素）将自动等高并填充容器。
我爱学习yq·2024-01-26 07:29

Vue UI组件 开发框架 服务端 辅助工具 应用实例 Demo示例

Vuejs的开源UI组件库mint-ui★5517-Vue2的移动UI元素vue-material★2790-通过VueMaterial和Vue2建立精美的app应用muse-ui★2611-三端样式一致的响应式
前端小狮·2024-01-26 03:47

分析Vue3生命周期

以下是Vue组件生命周期的主要阶段：1.创建阶段：-beforeCreate：在实例被创建之前调用，此时组件的响应式属性和事件还未初始化。
Zy000428·2024-01-26 03:02

Vue3的优势

Vue3和Vue2之间存在以下主要区别：1.性能优化：Vue3在内部进行了重写和优化，采用了新的响应式系统（Proxy），相较于Vue2中的Object.defineProperty，更具性能优势。
Zy000428·2024-01-26 03:00

WebFlux framework

Reactor是Spring中的一个子项目，一个基于java的响应式编程框架，该框架实现了ReactiveProgramming（反应式编程即响应式编程）思想，符合ReactiveStreams
侯文_ad82·2024-01-26 03:02

vue3基础之toRefs方法

toRefs方法使用初级用法:在项目中常常会使用解构语法,对需要的数据进行解构,但是在vue3中直接解构的数据是不具有响应式的,所以Vue3提供了toRefs方法专门用来解构出响应式的数据高级用法:将一个响应式对象转换为一个普通对象
 勿忘初心·2024-01-26 02:43

使用echart做数据大屏，如何实现屏幕适配

使用响应式布局：使用百分比设置图表大小：监听窗口大小变化事件：在使用ECharts进行数据大屏开发时，实现屏幕适配可以通过以下几个步骤来完成：使用响应式布局：ECharts提供了多种布局方式，如grid
前端布道人·2024-01-26 01:54

Java Flow API 的实践（三）：Stream 的实现

JavaFlowAPI的实践（三）：Stream的实现概述前段时间在使用Android的LiveData时感受到，如果仅仅实现观察者模式，在进行响应式编程时，处理数据流还是有诸多不便，直接使用FlowAPI
乐征skyline·2024-01-26 01:57

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

目录一、Vue.js介绍二、响应式系统三、数据的双向绑定四、如何实现数据的双向绑定一、Vue.js介绍Vue.js是一种用于构建用户界面的渐进式JavaScript框架。
揣晓丹·2024-01-25 21:50

【Vue3】计算属性computed和监听属性watch

目录一、Vue3和Vue2的区别二、计算属性computed三、监听属性watch四、计算属性和监听属性的区别一、Vue3和Vue2的区别Vue3和Vue2有以下几个主要区别：响应式系统的改进：Vue3
揣晓丹·2024-01-25 21:19

Vue小知识点补充——Attribute、动态绑定、计算属性、事件处理、生命周期

目录1.Attribute绑定2.动态绑定多个值3.声明响应式状态4.声明方法5.计算属性6.class与style的绑定7.事件处理小补充8.生命周期1.Attribute绑定我们知道，双大括号{{}
Minus478256·2024-01-25 19:13

面试 Vue 框架八股文十问十答第十一期

这个状态对象是响应式的，当状态发生变化时，相
程序员小白条·2024-01-25 19:22

为什么在 script 中 ref 需要打点 value

为啥我在template中可以直接使用ref定义的变量，在script中却要通过打点value来获取响应式？今天，我们就来研究研究。在使用Vue3的refAPI的时候，不知道你有没有疑问，那
CondorHero·2024-01-25 18:09

vue性能优化的方式

Vue.js的性能优化主要涉及到以下几个方面：减少不必要的渲染：Vue.js的响应式原理使得当数据发生变化时，相关的DOM会重新渲染。但是，频繁的DOM重新渲染会导致性能问题。
嘘~！·2024-01-25 18:47

学习资料： uni-app HBuilderX

HBuilderXHBuilderX-高效极客技巧uni-app介绍：uni-app官网uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式
javaGHui·2024-01-25 18:11

深入 JavaScript 高级语法

包管理工具:npm、yarn、cnpm、npx21.模块化20.异常处理19.async/await事件循环18.迭代器、生成器17.手写Promise16.Promise15.Proxy-Reflect响应式原理
卡列尼娜翠花·2024-01-25 13:07

Gateway服务网关

SpringCloudGateway是SpringCloud的一个全新项目，该项目是基于Spring5.0，SpringBoot2.0和ProjectReactor等响应式编程和事件流技术开发的网关，它旨在为微服务架构提供一种简单有效的统一的
Maiko Star·2024-01-25 08:31

vue3源码（二）reactive&effect

import{reactive,effect,}from"/node_modules/@vue/reactivity/dist/reactivity.esm-browser.js";//reactive创建一个响应式
小程很努力·2024-01-25 08:10

【并发】什么是 CAS

并发编程是为了实现更高性能、更响应式和更可伸缩的应用而必须掌握的关键技能。正文CAS（CompareandS
还在路上的秃头·2024-01-25 08:33

vue3 中的 mvvm 设计与实现和 mvvm 的优缺点

mvvm设计与实现1.Model（模型）：在Vue3中，模型通常是一个响应式的数据对象。你可以使用ref或reactive来创建响应式的数据。
zhaojjjjjj163·2024-01-25 07:46

移动端适配(rem)

手机的分辨率不同,如何在不同的手机上保持显示相同的表现,常见的方案有两种:1:使用响应式布局,(1):通过媒体查询@media来实现媒体查询可以让我们根据设备显示器的特性(如视口宽度,屏幕比例,设备方向
好名字都让你们用了·2024-01-25 06:01

grid布局，flex布局实现类似响应式布局的效果

一.grid布局实现代码.box{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));/*自动填充，最小宽度300px*/justify-content:space-between;gap:10px;}.item{background:pink;height:100px;}12345678效果图：一.flex
拾荒旧痕·2024-01-25 06:48

Vue学习- 侦听器使用

当有一些数据需要随着其它数据变动而变动时，很容易滥用watch，对于任何复杂逻辑，应当使用计算属性（computed），计算属性是基于它们的响应式依赖进行缓存的，只在相关响应式依赖发生改变时它们才会重新求值
_pass·2024-01-25 00:30

vue3项目+TypeScript前端项目——vue3中的组件通信方式

可以实现子父组件通信全局事件总线$bus:可以实现任意组件通信，很重要**pubsub:**发布订阅模式实现任意组件通信，不常用vuex:集中式状态管理容器，实现任意组件通信ref:父组件获取子组件实例VC,获取子组件的响应式数据以及方法
口袋の的天空·2024-01-24 21:42

前端学习路线

CSS3：掌握样式布局，包括选择器、盒模型、定位、响应式设计等，以及CSS3的新特性如动画特效、过渡效果等。JavaScript：理解基本语法、数据类型、变量、函数、流程控制，以及DOM操作。
注孤生程序员·2024-01-24 21:36

Vue之常用指令

文章目录一、什么是VueVue的两种开发方式：二、创建Vue实例三、插值表达式{{}}1.作用：利用表达式进行插值，渲染到页面中2.语法3.错误用法四、响应式特性1.什么是响应式？
白小筠·2024-01-24 20:07

Vue插件集合

UI元素iview-基于Vuejs的开源UI组件库Keen-UI-轻量级的基本UI组件合集vue-material-通过VueMaterial和Vue2建立精美的app应用muse-ui-三端样式一致的响应式
不付好时光·2024-01-24 18:41

vue数据双向绑定的原理+响应式原理

https://my.oschina.net/u/4386652/blog/4281447双向绑定：数据变化更新视图view=>model利用Object.defineProperty的get、set函数对数据更改、读取进行监听。如果数据改变就通知watcher进行重新渲染页面视图变化更新数据model=>view利用事件监听，通过target.value拿到新值赋值给data数据变化更新视图关键
浅浅_2d5a·2024-01-24 14:00

soul网关简单的快速入门

soul介绍这是一个异步的,高性能的,跨语言的,响应式的API网关。我希望能够有一样东西像灵魂一样，保护您的微服务。
云洛尘·2024-01-24 13:37

react craco配置响应式postcss-px-to-viewport

安装yarnaddpostcss-px-to-viewportcraco.config.jsconstpath=require("path");constpxtovw=require("postcss-px-to-viewport");constmy_pxtovw=pxtovw({//这里是设计稿宽度自己修改unitToConvert:"px",//要转化的单位viewportWidth:750,
不努力code·2024-01-24 12:34

14.CSS学习（五）

上一篇：13.CSS学习（四）CSS学习布局多列布局（column）属性设置是否跨列瀑布流布局响应式设计优势不足@media媒体查询弹性盒子(FlexBox)弹性父容器属性设置：弹性子元素属性设置：CSS3
Kylincsg·2024-01-24 12:42

Vue 3 + Ts 钩子函数（hooks）的用法，以＜script setup lang=“ts“/＞语法糖形式 #reactive #ref

reactive{{count}}import{ref,onMounted}from'vue'//使用reactive创建响应式数据conststate=reactive({count:0})//定义一个增加
Light-ing·2024-01-24 11:24

【vue3 $refs和特殊attr：ref 】获取子组件实例 & 规范获取Dom元素；（统称模板引用）

$refs也是非响应式的，因此你不应该试图用它在模板中做数据绑定。
oumae-kumiko·2024-01-24 09:31

SpringBoot-Web开发

你也可以选择使用spring-boot-starter-webflux模块来构建响应式web应用。1.Web场景SpringBoot的Web开发能力，由Sp
atCarl·2024-01-24 08:40

响应式Web开发项目教程（HTML5+CSS3+Bootstrap）第2版 例4-8 计算两个数的和

代码计算两个数的和+=100上述代码中，第9行代码绑定oninput事件，用来将计算的结果绑定到标签；第10、12行代码定义id值分别为a和b的数字输入框。运行效果更改输入框中的数字，结果也将发生改变标签用于定义不同类型的输出。
m0_73657966·2024-01-24 07:48

响应式Web开发项目教程（HTML5+CSS3+Bootstrap）第2版 例4-9 HTML5 表单验证

代码HTML5表单验证请输入您的邮箱:输入个人网址:上述代码中，当设置type的值为email时，表示验证邮箱；type的值为url时，表示验证URL地址。运行效果表单验证是一套系统，它为终端用户检测无效的数据并标记这些错误，让Web应用更快地抛出错误，优化了用户体验。为了更方便地进行表单页面的开发，HTML5还提供了强大的内置相关正则表达式，当type为email或url等类型的标签时，如果va
m0_73657966·2024-01-24 07:11

对Vue有状态组件和无状态组件的理解及使用场景

Vue具有以下特点：响应式数据绑定：Vue使用了响应式的数据绑定机制，通过将数据与视图进行绑定，使得数据的变化可以自动反映到视图上，减少了手动操作DOM的工作。组件化开发：Vue
杨荧·2024-01-24 06:09

【前端可视化】postcss-px-to-viewport 适配怎么限制最大宽度？使用 postcss-mobile-forever

需求原因自己用nuxt3写官网发现用postcss-px-to-viewport这个插件虽然能够实现基于vw的响应式，但是无法做到限制宽度，比如设计稿1920p，我只想让最大缩放比例为1920p，不能超过
努力挣钱的小鑫·2024-01-24 06:45

Vue生命周期；综合案例；工程化开发入门

（至少dom得渲染出来）Vue生命周期：一个Vue实例从***创建***到***销毁***的整个过程newVue()①创建（生命就开始了）→②挂载→③更新→④销毁（比如网页被关掉）①创建阶段（响应式处理
W`hite·2024-01-24 06:36
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他