E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
reactive源码学习
muduo
源码学习
base——TimeStamp(UTC时间戳)
TimeStamp(UTC时间戳)前置copyable和noncopyableTimeStampnow()此博客跟着b站上的:大并发服务器开发(实战)学习做的笔记前置值语义、对象语义:值语义:所谓值语义是一个对象被系统标准的复制方式复制后,与被复制的对象之间毫无关系,可以彼此独立改变互不影响对象语义:也叫指针语义,引用语义等,通常是指一个对象被系统标准的复制方式复制后,与被复制的对象之间依然共享底
4nc414g0n
·
2023-10-24 15:51
muduo
Learn
服务器
muduo
源码学习
base——Atomic(原子操作与原子整数)
Atomic(原子操作与原子整数)前置知识AtomicIntegerTget()getAndAdd()getAndSet()关于原子操作实现无锁队列(lock-free-queue)前置知识happens-before:用来描述两个操作的内存可见性如果操作Xhappens-before操作Y,那么X的结果对于Y可见六种内存序:typedefenummemory_order{memory_order
4nc414g0n
·
2023-10-24 15:51
muduo
Learn
服务器
vue3 ref 和
reactive
置空数组的方式 (两者是有差异的)
1.采用
reactive
制空数组letgoodList=
reactive
([{id:1,title:'苹果'},{id:2,title:'鸭梨'}])正常想法goodList=[]//但是这样是不行的正确
大佩梨
·
2023-10-24 13:10
vue.js
vue.js
javascript
前端
<script lang=“ts“ setup>使用setup语法糖引入组件爆红问题
未使用setup语法糖前注册组件:import{defineComponent,ref,
reactive
}from"vue";importAddPointsfrom'.
爱酱丶
·
2023-10-24 13:27
typescript
vue3
组件
<script lang=“ts“ setup>setup语法糖 子传父
子组件:取消import{
reactive
,ref}from'vue'constemit=defineEmits(["resetForm"])//子组件通信父组件点击了取消按钮//取消constresetForm
爱酱丶
·
2023-10-24 13:27
typescript
子传父
setup语法糖
vue3+vite在线预览pdf
//import{createLoadingTask}from"vue3-pdfjs/esm/vue-pdf.js";import*aspdfjsLibfrom"pdfjs-dist";import{
reactive
朱@
·
2023-10-24 10:57
vue
1024程序员节
Vue3全网最细介绍使用
文章目录一、Vue3介绍二、Vue3项目创建三、Setup四、ref与
reactive
五、setup-context六、计算属性七、监听属性八、Vue3生命周期九、自定义hook函数十、toRef一、Vue3
LoisMay
·
2023-10-24 08:48
Vue
javascript
vue.js
前端
vue3
setup
2023 uniapp( vue3)使用canvas生成海报并保存,taro/微信小程序也适用
有段时间没写vue了,有点生疏了......1、代码有注释,完整代码如下import{onMounted,
reactive
,ref,watch}from"vue";import{getImgBase64
沐歌丨丶
·
2023-10-24 07:36
uni-app
微信小程序
uni-app
taro
微信小程序
canvas
vue3手写一个轮播图
leftrightimport{ref,
reactive
,toRefs,onMounted,}from'vue'constswiperRef=ref(null)letw=ref(800)letscrollWin
sleeppingfrog
·
2023-10-24 03:05
javascript
前端
vue.js
轮播图
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
Java
IO
java
Mybatis
源码学习
(23)-SqlSession对象的创建过程
一、前言 在前面的内容里,我们已经分析了Mybatis中的基础支撑层的各个模块,后续也分析了在Mybatis开始工作的时候,如何加载并解析相关配置文件的内容。详细可以参考《Mybatis整体架构概述》、《Mybatis启动时的初始化过程》等内容。本节内容,我们开始来分析创建SqlSession对象的过程。二、SqlSession对象简介 SqlSession类是Mybatis接口层最核心的接口
姠惢荇者
·
2023-10-23 12:33
Mybatis源码学习
mybatis
SqlSession
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
dotnet编程
网页编程
C#
开源博客
Blog
开源博客项目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
dotnet编程
网页编程
博客项目
Blog
mapster
【Spring Boot
源码学习
】HttpEncodingAutoConfiguration 详解
SpringBoot
源码学习
系列HttpEncodingAutoConfiguration详解引言往期内容主要内容1.CharacterEncodingFilter2.HttpEncodingAutoConfiguration2.1
Huazie
·
2023-10-23 00:34
开发框架-Spring
Boot
Spring
Boot
源码学习
Http编码配置类
自定义字符编码映射
vue element组件form表单效验?
html部分:script部分:construleForm=
reactive
({checkPass:'',});construles=
reactive
>({checkPass:[{validator:validatePass2
一个大长腿
·
2023-10-22 23:30
vue.js
elementui
javascript
vue3+element-plus 表格默认选中数据
html:js:import{ref,nextTick}from'vue';import{ElTable}from'element-plus';constsearchstate=
reactive
({list
zxna
·
2023-10-22 20:20
前端
elementui
vue.js
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
vue.js
javascript
elementui
react.js 手写响应式
reactive
Redux太繁琐,Mbox很酷但我们可能没必要引入新的包,那就让我们亲自在react.js中通过代理实现一套钩子来达到类似vue的响应式状态:实现reactivehooks代理类声明代理状态的类应当提供可访问的状态,和订阅变化的接口。exporttypeListener=(state:T)=>any;exportinterfaceReactiveCtxModel{value:T;subscribe
Evanpatchouli℃
·
2023-10-22 19:37
分享
react.js
javascript
ecmascript
element-table + el-pagination 实现分页多选功能
import{ref,
reactive
,toRefs,onMounted}from'vue'importtype{PaginationType}from'@/types/glob
weixin79893765432...
·
2023-10-22 15:33
UI
element-ui
分页多选
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
cuda
gpu
cuda
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
nccl
nccl
gpu
cuda
brpc
源码学习
(六)- brpc server 端整体流程
brpc的使用比较容易上手,以官方demo为例,因为brpc的数据序列化依赖protobuf,所以首先需要定义个proto然后继承EchoService并实现Echo方法然后是整体流程启动还是比较简单的,定义server,AddService,然后Start即可首先放一张官网的图,陷入细节前先有个大概印象然后看下AddService然后是AddServiceInternal首先判断注册的servi
KIDGINBROOK
·
2023-10-22 13:12
brpc
rpc
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
nccl
nccl
gpu
cuda
NVIDIA NCCL
源码学习
(九)- 单机内ncclSend和ncclRecv的过程
上节介绍了通信链路的建立过程,本节介绍下单机内部ncclSend和ncclRecv的运行过程。单机内的通信都是通过kernel来进行的,所以整个通信的过程可以分为两步,第一步是准备kernel相关的参数,第二步是实际执行kernel的过程。为方便表述,下边例子不加说明的话均为单机单线程两卡的场景,测试用例如下。#include#include"cuda_runtime.h"#include"ncc
KIDGINBROOK
·
2023-10-22 13:42
nccl
nccl
gpu
cuda
NVIDIA NCCL
源码学习
(十一)- ring allreduce
之前的章节里我们看到了ncclsend/recv通信的过程,本节我们以ringallreduce为例看下集合通信的过程。整体执行流程和send/recv很像,所以对于相似的流程只做简单介绍,主要介绍ringallreduce自己特有内容。单机搜索ring在nccl初始化的过程中会分析机内拓扑,建立CPU,GPU,网卡等PCI节点的拓扑图,并基于这个图搜索一系列的channel,假设单机内执行ncc
KIDGINBROOK
·
2023-10-22 13:41
nccl
nccl
gpu
cuda
Spring Security
源码学习
——建造者之HttpSecurity
前篇:SpringSecurity
源码学习
——建造者基础架构前言HttpSecurity也是SpringSecurity中的重要一环。
这是一条海鱼
·
2023-10-22 08:58
Spring
Security
spring
java
SpringSecurity
源码学习
五:跨域与跨站请求伪造
目录什么是跨域springboot是怎么解决跨域问题在springSecurity中怎么解决跨域问题CORS源码跨域请求伪造CSRFCSRF源码总结什么是跨域跨域是指在网络中,当一个网页的资源(如字体、脚本或样式表)尝试从不同的域名、端口或协议请求数据时,会遇到安全限制问题。这是由于浏览器的同源策略所导致的。同源策略要求网页只能从同一域名下加载资源,而跨域请求则违反了这个策略。为了解决跨域问题,可
Tnoodles
·
2023-10-22 08:27
学习
java
spring
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
学习
java
spring
SpringBoot Webflux 跨域问题
importorg.springframework.http.HttpMethod;importorg.springframework.http.HttpStatus;importorg.springframework.http.server.
reactive
.ServerHttpRequest
飞鱼丶灬
·
2023-10-22 01:46
spring
boot
spring
java
vue与react,angular的区别
提供了响应式(
Reactive
嘘~!
·
2023-10-21 02:26
vue.js
react.js
angular.js
vue3父子传参控制弹出框
父组件传参要用v-modeltipimport{defineComponent,ref,
reactive
}from"vue";importMinDialogfrom".
LILEILEILOVE
·
2023-10-21 01:56
vue
javascript
vue.js
前端
ECharta雷达图 样式调整
预期效果:exportdefault{name:'radarChart'}import{onMounted,
reactive
}from'vue'import*asechartsfrom'echarts'constoptions
珊珊而川
·
2023-10-20 19:21
echarts
H5页面解决点击页面处关闭键盘,触发了页面的事件的问题
import{onMounted,
reactive
,ref,watch}from'vue'importKeyboardMaskfrom'@/components/KeyboardMask.vue'//导入
gaolei_eit
·
2023-10-20 18:07
Vue3
javascript
前端
typescript
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
swoole
PHP
swoole
服务器
源码
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
vue3
前端
vue.js
Vue 中setup的特性
/components/Child';//引入
reactive
函数import{
reactive
}from'vue';//创建
reactive
数据letinfo=
reactive
({name:"张三",
小吴吴吴呀
·
2023-10-19 22:11
vue.js
前端
javascript
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
vue.js
javascript
前端
uniapp vue3.0+TS 上传单张或多张图片,并且能删除和预览。
效果:人菜话不多先上效果:二、代码1.HTML上传图片相关代码代码如下:2.TS上传图片相关代码代码如下:import{ref,
reactive
}from"vue";import{onLoad}from
造梦者FZ
·
2023-10-19 16:10
uniapp
uni-app
vue.js
javascript
vue3+ts制作一个简易的pc便签
App.vueHome|About-->import{defineComponent,onMounted,
reactive
,watch}from"vue";importFooterfrom".
万事胜意sy
·
2023-10-19 10:02
笔记
vue.js
typescript
来吧,解锁Vue3全家桶+TS的正确姿势
"定义一个类型type或者接口interface来约束data可以使用ref或者toRefs来定义响应式数据使用ref在setup读取的时候需要获取xxx.value,但在template中不需要使用
reactive
程序员黑叔
·
2023-10-19 10:01
vue
python
react
typescript
java
[vue3]vue3+typescript上手案例:实现todoList
通过vue3的compositionapi实现todoList,掌握setup、ref、
reactive
、watch、toRefs、toRef等钩子函数,快速上手vue3+ts技术栈。
豆子前端
·
2023-10-19 10:29
前端
typescript
vue.js
javascript
vue3 中的组合式写法改为选项式写法
ref和
reactive
声明的proxy对象,换成option的data变量即可实现响应式追踪。
SuperHaker~
·
2023-10-19 09:39
vue3.0
javascript
前端
vue.js
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
Koa
mysql数据库
vue.js
vue3后台管理系统之登录界面和业务的实现
1.静态页面的搭建Hello欢迎来到xxx管理系统登录import{Lock,User}from'@element-plus/icons-vue'import{
reactive
,ref}from'vue
LL1018。
·
2023-10-19 03:52
vue.js
elementui
前端
上一页
18
19
20
21
22
23
24
25
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他