reactive源码学习

Vue3为什么推荐使用ref而不是reactive

reactivereactive本身具有很大局限性导致使用过程需要额外注意,如果忽视这些问题将对开发造成不小的麻烦;ref更像是vue2时代optionapi的data的替代,可以存放任何数据类型,而reactive
前端鼓励师·2023-09-19 07:34

ref和reactive区别

使用区别reactive定义引用数据类型，ref定义基本类型reactive定义的变量直接使用，ref定义的变量使用时需要.value模板中均可直接使用，vue帮我们判断了是reactive还是ref定义的
都挺好，刚刚好·2023-09-19 07:11

中道崩阻——Activity启动源码学习记录

Activity的启动流程学习记录学习章节为:《Android开发艺术探索》第9章+《Android源码设计模式解析与实战》第5、15章前言看了刚哥的艺术探索和源码设计模式感觉一脸懵逼，于是尝试着自己看源码，发现更加懵逼了。。。先不说逻辑，就是里面的各种属性、对象、方法之类的都看的眼花缭乱，甚至有点反胃。。。不过俗话说的好书读百遍其义自见，在不断的尝试和思考后，终于算是有了一点点懂了。所以记下来，
Hoooopa·2023-09-18 19:51

postgresql源码学习（一）—— 源码编译安装与gdb调试入门

一、postgresql源码编译安装因为只是用来调试的测试环境，把基本的软件装好和库建好就可以，一切从简。1.创建用户和目录mkdir-p/data/postgres/base/mkdir-p/data/postgres/etcmkdir-p/data/postgres/home/postgresmkdir-p/data/postgres/toolsmkdir-p/data/postgres/pg
Hehuyi_In·2023-09-18 14:20

vue3中ref的理解

ref和reactive一样,也是用来实现响应式数据的方法由于reactive必须传递一个对象,所以在实际开发中如果只是想让某个变量实现响应式的时候回非常麻烦所以Vue3提供了ref方法实现简单值得监听
山竹回家了·2023-09-18 10:59

Vue3 使用 echarts

1、导入echartsimport*asechartsfrom"echarts";2、初始化echarts并设置图表实例的配置项以及数据conststate=reactive({option:{legend
云隙阳光i·2023-09-18 09:31

【Vue2.0源码学习】生命周期篇-模板编译阶段

文章目录1.前言2.模板编译阶段分析2.1两种$mount方法对比2.2完整版的vm.$mount方法分析3.总结1.前言前几篇文章中我们介绍了生命周期的初始化阶段，我们知道，在初始化阶段各项工作做完之后调用了vm.$mount方法，该方法的调用标志着初始化阶段的结束和进入下一个阶段，从官方文档给出的生命周期流程图中可以看到，下一个阶段就进入了模板编译阶段，该阶段所做的主要工作是获取到用户传入的模
itpeilibo·2023-09-18 08:14

RocketMQ源码学习四：Broker启动

目录BrokerStartup的作用源码DefaultMessageStore初始化CommitLog、ConsumeQueue、IndexFile的初始化初始化各种线程池向RemotingServer注册各种处理器启动各种定时任务其他初始化总结BrokerStartup的作用启动Broker服务器实例。它负责加载配置文件、初始化各种组件和服务，并启动消息存储、消息消费和消息索引等功能。通过运行B
Tnoodles·2023-09-18 04:30

四、soul源码学习-dubbo项目本地运行

一、搭建dubbo示例代码搭建自己的dubbo项目：示例代码：https://github.com/wyc192273/soul-learn-project/tree/main/dubbo-demo接下来，我们dubbo的provider项目引入如下依赖：org.dromarasoul-spring-boot-starter-client-apache-dubbo${last.version}如果
风洛洛·2023-09-17 23:42

移动端H5封装一个 ScrollList 横向滚动列表组件，实现向左滑动

效果：1.封装组件：-->{{menuItem[name]}}import{defineComponent,onMounted,onBeforeUnmount,reactive,ref,toRefs,nextTick
Code L·2023-09-17 06:22

JDK1.8源码学习 -- 集合Collection

Collection集合UML关系图集合队列Iterable实现此接口允许对象成为可执行forEach目标。从类中三个方法可以看出实现Iterable接口可以获取到3种迭代元素的方法。......publicinterfaceIterable{//返回泛型的顺序迭代器Iteratoriterator();//对Iterable中的元素进行指定的操作（1.8新添加的方法）defaultvoidfor
棒秸秆儿·2023-09-16 23:04

ArrayList JDK1.8 源码学习

ArrayList就是动态数组，用MSDN中的说法，就是Array的复杂版本，它提供了动态的增加和减少元素的方法，继承了AbstractList类，实现了List,RandomAccess,Cloneable,java.io.Serializable接口。一、静态变量//默认初始化动态数组的大小privatestaticfinalintDEFAULT_CAPACITY=10;//定义一个空的动态数
一代键客·2023-09-16 23:04

java基础-集合-ArrayList（JDK1.8）源码学习

文章目录类图新增addensureCapacityInternalensureExplicitCapacitygrowhugeCapacity删除removefastRemove遍历Iterator类图新增addpublicbooleanadd(Ee){//根据注释可知IncrementsmodCount!!，modCount下面详解ensureCapacityInternal(size+1);/
Semanteme·2023-09-16 23:31

vue3 - 使用reactive定义响应式数据进行赋值时，视图没有改变，值已经改变的解决方案

问题：在Vue3.0中我们使用reactive()定义的响应式数据的时候，当是一个数组或对象时，我们直接进行赋值，发现数据已经修改成功，但是页⾯并没有自动渲染成最新的数据；这是为什么呢？
Dream_travelerly·2023-09-16 13:04

Vue3核心语法一

rectiveshallowReactiverefcomputedwatchwatchEffet使用Vue3创建项目template中标签可以多个根标签,可以通过setup开启组合式API,组合式API优点可以使相同业务放到一起rective定义响应式数据,import{reactive
*郑*·2023-09-16 12:58

Vue3数组重新赋值问题

Vue3数组重新赋值问题1.reactive2.ref总结vue3中使用组合式式API时定义响应式数据需要使用reactive或者ref,两者使用时有些许不同,下面通过重新赋值数组来说明两者的不同1.reactive
*郑*·2023-09-16 12:58

JAVA源码学习之集合-ConcurrentHashMap

一文彻底弄懂ConcurrentHashMap，轻松应对面试官！(baidu.com)https://baijiahao.baidu.com/s?id=1724634306266520505&wfr=spider&for=pc简介ConcurrentHashMap是HashMap的线程安全版本，内部也是使用（数组+链表+红黑树）的结构来存储元素。相比于同样线程安全的HashTable来说，效率等各
花葬-天空之城·2023-09-16 05:38

【Java8-集合源码学习2-ArrayList、Vector源码学习】

Collection集合层次结构中的根接口。一个集合表示一组对象，称为它的元素。一些集合允许重复元素，而另一些则不允许。有些是有序的，有些是无序的。JDK不提供此接口的任何直接实现：它提供更具体的子接口（如Set和List）的实现。他可以轻松的帮用户实现数据存储，动态扩容，还有方便的元素遍历和快速的增删改查等操作。Collection的子接口主要是三大类分别是List，Set和Queue。这三个接
Likelong~·2023-09-16 05:37

java基础-并发编程-ReentrantLock源码学习

ReentrantLock源码大纲AQS结构非公平锁nonfairTryAcquires实现公平锁TryAcquires实现获取锁失败，将线程添加到链表：addWaiter队列为空或CAS修改链表尾节点失败，将当前节点设置为尾节点尝试再次获取锁，未获取到锁则挂起当前节点线程finalbooleanacquireQueued(finalNodenode,intarg){booleanfailed=t
Semanteme·2023-09-16 05:32

java基础-并发编程-ThreadPoolExecutor源码学习

ThreadPoolExecutor源码大纲给线程池中添加任务publicvoidexecute(Runnablecommand){if(command==null)thrownewNullPointerException();intc=ctl.get();if(workerCountOf(c)=((core?corePoolSize:maximumPoolSize)&COUNT_MASK))re
Semanteme·2023-09-16 05:32

java基础-集合-ConcurrentHashMap源码学习

文章目录putValinitTablegetputValfinalVputVal(Kkey,Vvalue,booleanonlyIfAbsent){//不允许key或value为null，HashMap允许key为nullif(key==null||value==null)thrownewNullPointerException();//计算hash，将key的hashCode的高16位和低16位
Semanteme·2023-09-16 05:26

从Vue快速上手React

1、数据读写Vue数据读写：import{ref,reactive}from'vue'conststr=ref('Aos')constobj=reactive>({name:'vue',version:
_孤傲_·2023-09-16 04:16

新闻轮播图

一、效果图二、vue中html部分{{swiperTitle}}三、vue中相关js代码letstate=reactive({timer:null,newsImageList:[],asyncgetImageList
_大龄·2023-09-15 23:04

vue3.0之ref函数

1、ref推荐定义基本数据类型(ref值也可以是对象，但是一般情况下是对象直接使用reactive更合理)。
web前端开发V·2023-09-15 20:34

Vue（五）：2.0语法转3.0、setup函数、reactive函数、ref函数、isRef和toRefs方法、路由配置

目录1、2.0语法转3.02、setup函数3、reactive函数4、ref函数5、isRef和toRefs方法6、路由配置1、2.0语法转3.0vue3.0对vue的主要3个特点：响应式、模板、对象式的组件声明方式
Ming-Afresh·2023-09-15 20:29

Vue3项目使用Ts：不能将类型“(XXX?: boolean) =＞ void”分配给类型“(payload: MouseEvent) =＞ void”

解决：传一个默认的参数即可，示例代码如下：{{navTitle}}-->{{navTitle}}import{defineComponent,inject,reactive,toRefs,watch}from'vue'exportdefaultdefineComponent
ᥬ 小月亮·2023-09-15 20:07

vue3-web端文件下载

1、使用a标签下载import{ref,unref,reactive,onMounted,nextTick}from"vue"//下载文件constdownload2=function(url:string
浮桥·2023-09-15 13:35

初识Vue3

声明响应式状态ref()和reactive()toRef()和toRefs()创建实例通过对Vue2的学习，我们可以这样在Vue2中创建一个实例：varvm=newVue({//选项})或者通过Vue全局
学前端的狗头苏丹·2023-09-15 12:16

关于Reactive Programming（一）

写在前面由于最近学习SpringReactor，写一些Reactive编程概念(与之相对的是Proactive，同步、轮询。)响应式编程已经不是一个新东西了，它其实是一个很泛泛的概念。
KenChen_939·2023-09-15 10:33

Spring WebFlux—Reactive 核心

一、概述spring-web模块包含以下对响应式Web应用的基础支持：对于服务器请求处理，有两个级别的支持。HttpHandler:用于HTTP请求处理的基本约定，具有非阻塞I/O和ReactiveStreams背压，以及ReactorNetty、Undertow、Tomcat、Jetty和任何Servlet容器的适配器。WebHandlerAPI:稍微高一点的，用于处理请求的通用webAPI，在
Doker 多克 技术人的数码品牌·2023-09-15 03:01

做项目必读的vue3基础知识

1.响应式1.1两者实现原理vue2利用es5的Object.defineProperty()对数据进行劫持结合发布订阅模式来实现vue3利用es6的proxy对数据代理，通过reactive()函数给每一个对象都包一层
前端鼓励师·2023-09-15 01:43

Vue3 reactive丢失响应式问题

问题描述：使用reactive定义的对象，重新赋值后失去了响应式，改变值视图不会发生变化。
Baobao小包·2023-09-14 22:03

vue3 传值方式

/children.vue'import{reactive}from'vue'conststate=reactive({eflag:true,})//子组件{{flag}}constprop=defineProps
云雾散尽了·2023-09-14 16:00

JDK源码学习笔记（集合篇 - ArrayDeque）

ArrayDeque跟ArrayList以及LinkedList不同点在于，它是Resizable的双向数组，既有随机访问的便捷，也有poll，offer等双向队列的方法。我们先学习下它是个什么样的集合，后续等对java.util的package下的主要集合类有大体了解了再从用途，性能等点出发进行比较总结。构造-ConstructorpublicArrayDeque(){elements=newO
我要做大牛23333·2023-09-14 09:19

图床项目进度（三）——文件展示页

大致功能：图片预览这里的图片预览我使用的一个插件conststate:any=reactive({image:'https://pic35.photophoto.cn/20150511/0034034892281415
只会写bug的靓仔·2023-09-14 07:02

vue3+vant4封装日期时间组件（年月日时分秒）

vue3+vant4封装日期时间组件（年月日时分秒）效果图代码片段核心组件代码引入效果图代码片段核心组件代码import{reactive,watch,getCurrentInstance}from"vue
跳跳的小古风·2023-09-14 04:24

postgresql源码学习（五）—— 提交事务

结束事务分为两类：提交：CommitTransaction回滚（包含清理）：AbortTransaction由于比较长，我们分开两篇记录。一、CommitTransaction1.gdb测试会话1，隐式事务会自动提交会话2跟之前一样，我们先只是过一遍这个函数流程，里面具体调用函数的步骤这里都会先跳过，避免深陷泥潭。LetsGo!2.具体代码与跟踪调用栈如下/**CommitTransaction*
Hehuyi_In·2023-09-14 03:33

【Android】Rxjava2 Flowable详解与背压那些事

我们来看个例子，先把rxjava切换到rxjava1.0:implementation'io.reactive
寒小枫·2023-09-14 02:33

Vue3学习

vue3学习create-vue脚手架创建项目vs-code安装vue3插件组合式API-setup选项组合式API-reactive和ref函数组合式API-computed组合式API-watch组合式
hogenlaw·2023-09-14 01:26

vue3.0——setup函数/属性、响应式API、ref函数、reactive函数、响应式原理、计算属性

vite版本创建方式：npminitviteviteapp----templatevuemain.js的样子：一、setup(1)setup()函数：语法：返回的对象的成员可以在模板中使用，也可以在组件的api中使用但是在这个函数中不能使用组件api中的东西作用：为hook提供开发场景setup函数中可以声明一些变量/函数然后返回出去供组件使用setup函数可以设计成script标签中写这个同名单
哈哈ha~·2023-09-13 22:23

Vue组合式API

CompositionAPI1.1.一个OptionsAPI实例1.2.OptionsAPI存在的问题1.3.CompositionAPI简介二.CompositionAPI2.1.setup()入口2.2.ref响应式监听2.3.reactive
Hulake_·2023-09-13 22:23

Vue选项式和组合式两种方法声明变量以及基本属性的讲解

目录选项式关于data关于computed关于watch关于methods以上几种的区别组合式关于const，var和let关于ref关于reactive选项式选项式声明并使用一个变量的方法如下：exportdefault
鸭不是鸭·2023-09-13 22:22

Vue3.0组合式API（三）-----模板语法

2.2.2遍历生成标签2.3用户交互2.3.1监控用户动作2.3.2双向数据绑定一、Vue基础1.1Vue格式vue基本格式//Vue中API函数导入import{defineComponent,ref,reactive
chuck-Gemini·2023-09-13 22:22

前端表格导入,解析表格数据传给后端效果

classifyName:"酒水饮料",costPrice:2.5,name:"红牛",needSale:1,salePrice:6,specification:"瓶",stockNum:10}]import{ref,reactive
一只开心鸭！·2023-09-13 19:00

Vue3常用语法记录，基础使用看这篇就够了

1、refconsttest=ref(8)2、reactiveconsttestObj=reactive({   test001:'',   test002:''})3、props&defineEmitsdefineProps
兵腾傲宇·2023-09-13 18:18

Electron源码学习：Electron加密与安全

Electron加密与安全引言目前网络上主要流传的加密就只是网页文件打包成asar和JS混淆加密，以及用addon的方式，这几种方式的话，基本就没有什么破解难度。针对的官方asar的打包，这种方式就仅仅是将众多的文件以原文的形式放在一个文件中，不存在任何的加密手段；JS混淆加密这种方式仍然是可以通过看代码的方式来分析出原本的逻辑；addon的方式只要找到调用的接口那么很容易就会被干掉。我们这里讨论
星空漫步者·2023-09-13 15:52

Electron源码学习：Windows下子进程跟随父进程结束的方式

Electron源码学习：Windows下子进程跟随父进程结束的方式前言最近在nodejs中使用了child_process来创建进程，惊奇的发现当使用child_process.spawn函数来创建的子进程会跟随父进程一起被
星空漫步者·2023-09-13 15:52

Electron源码学习: Electron组成与初始化流程

Electron源码学习:Electron组成与结构前言最近研究学习Electron的源码结构已经有一些小的进展,越接触Electron就越发现组成这个软件的大集合不得了.现在学习到的仍然是这个大集合的冰山一角
星空漫步者·2023-09-13 15:52

Electron源码学习: Electron程序体积裁剪（减小体积）

Electron源码学习:Electron程序体积裁剪（减小体积）前言此篇专题名称可能叫Electron的编译(虽然并没有具体的编译步骤，但实际上本文里面的各种技术都需要源码编译Electron)更为合适
星空漫步者·2023-09-13 15:52

Electron源码学习：让管理员运行的Electron（CEF）支持文件拖拽

Electron源码学习：让管理员运行的Electron（CEF）支持文件拖拽背景前段时间接到一个任务，需要从Windows桌面拖拽文件或文件夹到Electron网页中；网页本身是支持这种拖拽行为的；我们的程序是以管理员权限运行的
星空漫步者·2023-09-13 15:47
上一页 26 27 28 29 30 31 32 33 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他