reactive源码学习第24页

vue3+vite在线预览pdf

//import{createLoadingTask}from"vue3-pdfjs/esm/vue-pdf.js";import*aspdfjsLibfrom"pdfjs-dist";import{reactive

朱@·2023-10-24 10:57

Vue3全网最细介绍使用

文章目录一、Vue3介绍二、Vue3项目创建三、Setup四、ref与reactive五、setup-context六、计算属性七、监听属性八、Vue3生命周期九、自定义hook函数十、toRef一、Vue3

LoisMay·2023-10-24 08:48

2023 uniapp( vue3)使用canvas生成海报并保存，taro/微信小程序也适用

有段时间没写vue了，有点生疏了......1、代码有注释，完整代码如下import{onMounted,reactive,ref,watch}from"vue";import{getImgBase64

沐歌丨丶·2023-10-24 07:36

vue3手写一个轮播图

leftrightimport{ref,reactive,toRefs,onMounted,}from'vue'constswiperRef=ref(null)letw=ref(800)letscrollWin

sleeppingfrog·2023-10-24 03:05

MyBatis 源码学习道路之一架构

想想每一次的源码分析都应该有自己的一个学习方式,分析方式,或者说是自己的一个套路.首先总结下自己的源码分析学习方式:1首先要知道该源码的架构,以及每一个模块之间都有些什么功能.2框架在应用启动过程中,哪些模块分别做哪些事,跟跟代码,然后自己注释下.3最后再看看要完成某些功能框架做了哪些操作,一样的源码跟跟.4看看前人的一些经验,或者官网来更加透彻的分析源码.那么现在就跟着这样的学习套路来开始自己的

世外小虫·2023-10-23 22:18

JDK 1.7 java.io 源码学习之InputStream和OutputStream

InputStream和OutputStream是JavaIOAPI中所有字节输入/输出流的基类，是一个抽象类，实现了Cloaseable接口InputStream最核心的是三个read方法：publicabstractintread()throwsIOException;publicintread(byteb[])throwsIOException;publicintread(byteb[],i

Rickesy·2023-10-23 18:50

Mybatis源码学习(23)-SqlSession对象的创建过程

一、前言在前面的内容里，我们已经分析了Mybatis中的基础支撑层的各个模块，后续也分析了在Mybatis开始工作的时候，如何加载并解析相关配置文件的内容。详细可以参考《Mybatis整体架构概述》、《Mybatis启动时的初始化过程》等内容。本节内容，我们开始来分析创建SqlSession对象的过程。二、SqlSession对象简介 SqlSession类是Mybatis接口层最核心的接口

姠惢荇者·2023-10-23 12:33

spring类的charAt()方法源码学习

charAt()方法用于返回指定索引处的字符。publiccharcharAt(intindex){if((index=value.length)){thrownewStringIndexOutOfBoundsException(index);}returnvalue[index];}

Mrmcling·2023-10-23 08:08

一文弄懂 Spring WebFlux 的来龙去脉

概述本文将通过对Reactive以及相关概念的解释引出Spring-WebFlux，并通过一些示例向读者解释基于Spring-WebFlux如何进行反应式编程实践，同时会讨论相关技术的优缺点及技术原理。

小盒子的技术分享·2023-10-23 02:55

springboot重定向到页面_Springboot-WebFlux实现http重定向到https

1简介SpringWebFlux是一个新兴的技术，Spring团队把宝都压在响应式Reactive上了，于是推出了全新的Web实现。

宽客之家·2023-10-23 02:45

开源博客项目Blog .NET Core源码学习（4：生成验证码）

开源博客项目Blog中的后台管理登录界面中支持输入验证码（如下图所示），本文学习并记录项目中验证码的生成及调用方式。博客项目中调用VerifyCode类生成验证码，该类位于App.Framwork项目中，命名空间为App.Framwork.Generate。VerifyCode类主要包括十几种参数设置，两种验证码生成方式（随机字符串，问题型）。主要参数设置如下所示：序号名称类型说明1Set

gc_2299·2023-10-23 00:16

开源博客项目Blog .NET Core源码学习（5：mapster使用浅析）

开源博客项目Blog使用mapster框架映射对象，主要是在数据库表对象及前端数据对象之间进行映射，本文学习并记录项目中mapster的使用方式。 App.Hosting项目的program文件中调用builder.Services.AddMapper函数进行对象模型自动映射，而该函数定义在App.Framwork项目的ServiceCollectionExtension类中（命名空间App

gc_2299·2023-10-23 00:11

【Spring Boot 源码学习】HttpEncodingAutoConfiguration 详解

SpringBoot源码学习系列HttpEncodingAutoConfiguration详解引言往期内容主要内容1.CharacterEncodingFilter2.HttpEncodingAutoConfiguration2.1

Huazie·2023-10-23 00:34

vue element组件form表单效验？

html部分：script部分：construleForm=reactive({checkPass:'',});construles=reactive>({checkPass:[{validator:validatePass2

一个大长腿·2023-10-22 23:30

vue3+element-plus 表格默认选中数据

html:js：import{ref,nextTick}from'vue';import{ElTable}from'element-plus';constsearchstate=reactive({list

zxna·2023-10-22 20:20

vue3 element-plus 组件table表格勾选框回显（初始化默认回显）完整静态代码

{{scope.row.date}}import{ref,reactive,onMounted}from'vue'import{ElTable}from'element-plus'constmultipleTableRef

xiaoming4965·2023-10-22 20:43

react.js 手写响应式 reactive

Redux太繁琐，Mbox很酷但我们可能没必要引入新的包，那就让我们亲自在react.js中通过代理实现一套钩子来达到类似vue的响应式状态：实现reactivehooks代理类声明代理状态的类应当提供可访问的状态，和订阅变化的接口。exporttypeListener=(state:T)=>any;exportinterfaceReactiveCtxModel{value:T;subscribe

Evanpatchouli℃·2023-10-22 19:37

element-table + el-pagination 实现分页多选功能

import{ref,reactive,toRefs,onMounted}from'vue'importtype{PaginationType}from'@/types/glob

weixin79893765432...·2023-10-22 15:33

flash attention论文及源码学习

论文attention计算公式如下传统实现需要将S和P都存到HBM，需要占用O(N2)O(N^{2})O(N2)内存，计算流程为因此前向HBM访存为O(Nd+N2)O(Nd+N^2)O(Nd+N2)，通常N远大于d，GPT2中N=1024，d=64。HBM带宽较小，因此访存会成为瓶颈。该论文主要出发点就是考虑到IO的影响，降低内存占用和访问，主要贡献点为：重新设计了计算流程，使用softmaxti

KIDGINBROOK·2023-10-22 13:43

NVIDIA NCCL 源码学习（十）- 多机间ncclSend和ncclRecv的过程

回忆一下单机的执行流程，用户执行ncclSend之后通过ncclEnqueueCheck将sendbuff，sendbytes，peer等信息保存到了comm->p2plist中；然后执行ncclGroupEnd，如果发现channel没有建立到peer的链接则先建链，然后根据p2plist执行scheduleSendRecv(ncclSaveKernel)将信息保存到channel->colle

KIDGINBROOK·2023-10-22 13:13

brpc源码学习（六）- brpc server 端整体流程

brpc的使用比较容易上手，以官方demo为例，因为brpc的数据序列化依赖protobuf，所以首先需要定义个proto然后继承EchoService并实现Echo方法然后是整体流程启动还是比较简单的，定义server，AddService，然后Start即可首先放一张官网的图，陷入细节前先有个大概印象然后看下AddService然后是AddServiceInternal首先判断注册的servi

KIDGINBROOK·2023-10-22 13:12

NVIDIA NCCL 源码学习（一）- 初始化及ncclUniqueId的产生

NCCL是英伟达开源的GPU通信库，支持集合通信和点对点通信看下官方给的一个demo#include#include"cuda_runtime.h"#include"nccl.h"#include"mpi.h"#include#include#defineMPICHECK(cmd)do{\inte=cmd;\if(e!=MPI_SUCCESS){\printf("Failed:MPIerror%s

KIDGINBROOK·2023-10-22 13:42

NVIDIA NCCL 源码学习（九）- 单机内ncclSend和ncclRecv的过程

上节介绍了通信链路的建立过程，本节介绍下单机内部ncclSend和ncclRecv的运行过程。单机内的通信都是通过kernel来进行的，所以整个通信的过程可以分为两步，第一步是准备kernel相关的参数，第二步是实际执行kernel的过程。为方便表述，下边例子不加说明的话均为单机单线程两卡的场景，测试用例如下。#include#include"cuda_runtime.h"#include"ncc

KIDGINBROOK·2023-10-22 13:42

NVIDIA NCCL 源码学习（十一）- ring allreduce

之前的章节里我们看到了ncclsend/recv通信的过程，本节我们以ringallreduce为例看下集合通信的过程。整体执行流程和send/recv很像，所以对于相似的流程只做简单介绍，主要介绍ringallreduce自己特有内容。单机搜索ring在nccl初始化的过程中会分析机内拓扑，建立CPU，GPU，网卡等PCI节点的拓扑图，并基于这个图搜索一系列的channel，假设单机内执行ncc

KIDGINBROOK·2023-10-22 13:41

Spring Security源码学习——建造者之HttpSecurity

前篇：SpringSecurity源码学习——建造者基础架构前言HttpSecurity也是SpringSecurity中的重要一环。

这是一条海鱼·2023-10-22 08:58

SpringSecurity源码学习五：跨域与跨站请求伪造

目录什么是跨域springboot是怎么解决跨域问题在springSecurity中怎么解决跨域问题CORS源码跨域请求伪造CSRFCSRF源码总结什么是跨域跨域是指在网络中，当一个网页的资源（如字体、脚本或样式表）尝试从不同的域名、端口或协议请求数据时，会遇到安全限制问题。这是由于浏览器的同源策略所导致的。同源策略要求网页只能从同一域名下加载资源，而跨域请求则违反了这个策略。为了解决跨域问题，可

Tnoodles·2023-10-22 08:27

SpringSecurity源码学习四：会话管理

目录1.什么是会话管理2.springSecurity中的session管理怎么做的3.springSecurity源码中的session管理4.代码示例5.源码5.1不同策略的含义6.集群模式session管理7.总结1.什么是会话管理会话管理是指在Java应用程序中管理用户会话状态的过程。在Spring框架中，可以使用SpringSession来实现会话管理。SpringSession提供了一

Tnoodles·2023-10-22 08:24

SpringBoot Webflux 跨域问题

importorg.springframework.http.HttpMethod;importorg.springframework.http.HttpStatus;importorg.springframework.http.server.reactive.ServerHttpRequest

飞鱼丶灬·2023-10-22 01:46

vue与react,angular的区别

提供了响应式（Reactive

嘘~！·2023-10-21 02:26

vue3父子传参控制弹出框

父组件传参要用v-modeltipimport{defineComponent,ref,reactive}from"vue";importMinDialogfrom".

LILEILEILOVE·2023-10-21 01:56

ECharta雷达图样式调整

预期效果：exportdefault{name:'radarChart'}import{onMounted,reactive}from'vue'import*asechartsfrom'echarts'constoptions

珊珊而川·2023-10-20 19:21

H5页面解决点击页面处关闭键盘，触发了页面的事件的问题

import{onMounted,reactive,ref,watch}from'vue'importKeyboardMaskfrom'@/components/KeyboardMask.vue'//导入

gaolei_eit·2023-10-20 18:07

Swoole源码学习记录（八）——Reactor模块-epoll

Swoole版本：1.7.5-stableGithub地址：https://github.com/LinkedDestiny/swoole-src-analysisReactor模块可以说是Swoole中最核心的模块之一，正是这些reactor模型为swoole提供了异步操作的基础。Swoole中根据不同的内核函数，提供了四种Reactor封装，ReactorEpoll，ReactorKqueue

会敲代码的喵·2023-10-20 18:03

Redis源码学习随笔

为什么80%的码农都做不了架构师？>>>数据结构简单动态字符串SDS（SimpleDynamicString）使用sdshdr结构体保存字符串长度，使获取字符串长度时间复杂度为O(n)动态空间管理动态扩张机制(字符串变长后自动触发，假设变长后长度为len)如果len=1M,则预留长度为1M；动态缩减机制（也叫惰性空间释放）字符串长度变小时，不会自动触发，而是留有接口来清除无用空间代码语法struc

weixin_34315665·2023-10-20 17:50

【vue3】传送组件、Teleport

把test里的内容传送到test2//test1.vuetest1test1的内容import{ref,reactive,onMounted}from'vue'constflag=ref(false)onMounted

String佳佳·2023-10-20 15:46

Vue 中setup的特性

/components/Child';//引入reactive函数import{reactive}from'vue';//创建reactive数据letinfo=reactive({name:"张三",

小吴吴吴呀·2023-10-19 22:11

Vue3中自动引入ref、reactive等语法

在Vue3项目中我们可以发现定义变量跟使用vue里面的方法，都要import{ref}from'vue'；很不方便为了不用手动引入，方便开发，我们可以下载插件npminstallunplugin-auto-importyarnaddunplugin-auto-importpnpminstallunplugin-auto-import在vite.config.js中配置import{defineCo

L_羽鹏·2023-10-19 18:17

uniapp vue3.0+TS 上传单张或多张图片，并且能删除和预览。

效果：人菜话不多先上效果：二、代码1.HTML上传图片相关代码代码如下：2.TS上传图片相关代码代码如下：import{ref,reactive}from"vue";import{onLoad}from

造梦者FZ·2023-10-19 16:10

vue3+ts制作一个简易的pc便签

App.vueHome|About-->import{defineComponent,onMounted,reactive,watch}from"vue";importFooterfrom".

万事胜意sy·2023-10-19 10:02

来吧，解锁Vue3全家桶+TS的正确姿势

"定义一个类型type或者接口interface来约束data可以使用ref或者toRefs来定义响应式数据使用ref在setup读取的时候需要获取xxx.value,但在template中不需要使用reactive

程序员黑叔·2023-10-19 10:01

[vue3]vue3+typescript上手案例：实现todoList

通过vue3的compositionapi实现todoList，掌握setup、ref、reactive、watch、toRefs、toRef等钩子函数，快速上手vue3+ts技术栈。

豆子前端·2023-10-19 10:29

vue3 中的组合式写法改为选项式写法

ref和reactive声明的proxy对象，换成option的data变量即可实现响应式追踪。

SuperHaker~·2023-10-19 09:39

Java集合类之HashMap源码学习笔记

数组虽然可以随机访问，但插入和删除效率较低，链表虽然插入和删除效率较高，查找却只能通过遍历，而HashMap则基于数组加链表,完美结合了二者的优点，查找，更新，插入，删除几乎都可以达到O(1)时间复杂度。但要注意的是，HashMap并没有任何同步策略，因此HashMap并不是一个线程安全的容器。如果在多线程环境下，请用Collections.synchronizedMap方法包装或直接用Concu

想酷却酷不起来·2023-10-19 08:51

vue3+koa2+mysql增删改查

vue3App.vue:新增搜索{{scope.row.password}}编辑删除取消确定重置import{onMounted,reactive,ref}from"vue";importaxiosfrom"axios

疆~·2023-10-19 07:05

vue3后台管理系统之登录界面和业务的实现

1.静态页面的搭建Hello欢迎来到xxx管理系统登录import{Lock,User}from'@element-plus/icons-vue'import{reactive,ref}from'vue

LL1018。·2023-10-19 03:52

vue源码笔记之——响应系统

vue是一种声明式范式编程，使用vue者只需要告诉其想要什么结果，无需关心具体实现（vue内部做了，底层是利用命令式范式）1.reactive为什么只能操作对象，对于基本数据类型，需要用ref？

前端碎碎念·2023-10-18 21:52

Vue2.x源码学习笔记-Vue静态方法和静态属性整理

Vue静态方法和静态属性，其实直接在浏览器中可以查看到的，如下圈起来的是其静态属性，但是有的属性对象中的属性的值又是函数。未圈起来的则是函数。其实它来自如下各个目录下的js文件//src/core/index.jsVue.version='__VERSION__'//src/entries/web-runtime-with-compiler.jsVue.compile=compileToFunct

weixin_30471561·2023-10-18 20:46

点击弹窗页面右侧缩小问题

display:flex;flex-direction:column;import{reactive,toRefs,defineComponent,onMounted}from"vue";importHeaderWeatherfrom

前端程序媛Ying·2023-10-18 13:06

【iOS】SDWebImage源码学习--未完

瓯海剑·2023-10-18 08:59

动手实现 Redis 字典（Go 语言）

我们先来回顾下在Redis源码学习之基本数据结构中提到的Redis字典实现的一些特点：支持海量存储；使用渐进式Rehash策略，避免因为需要迁移的buckets太多导致阻塞时间过久（Redis核心处理逻辑是单线程模型

0xE8551CCB·2023-10-18 06:14

推荐频道

reactive源码学习