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
muduo网络库源码剖析
petite-vue
源码剖析
-沙箱模型
在解析v-if和v-for等指令时我们会看到通过evaluate执行指令值中的JavaScript表达式,而且能够读取当前作用域上的属性。而evaluate的实现如下:constevalCache:Record=Object.create(null)e
^_^肥仔John
·
2022-04-20 15:00
petite-vue
源码剖析
-逐行解读@vue-reactivity之effect
当我们通过effect将副函数向响应上下文注册后,副作用函数内访问响应式对象时即会自动收集依赖,并在相应的响应式属性发生变化后,自动触发副作用函数的执行。//./effect.tsexportfuncitoneffect(fn:()=>T,options?:ReactiveEffectOptions):ReactiveEffectRunner{if((fnasReactiveEffectRunne
·
2022-04-19 10:14
petite-vue
源码剖析
-逐行解读@vue-reactivity之effect
当我们通过effect将副函数向响应上下文注册后,副作用函数内访问响应式对象时即会自动收集依赖,并在相应的响应式属性发生变化后,自动触发副作用函数的执行。//./effect.tsexportfuncitoneffect(fn:()=>T,options?:R
^_^肥仔John
·
2022-04-19 09:00
petite-vue
源码剖析
-逐行解读@vue-reactivity之Map和Set的reactive
本篇我们会继续探索reactive函数中对Map/WeakMap/Set/WeakSet对象的代理实现。Map/WeakMap/Set/WeakSet的操作由于WeakMap和WeakSet分别是Map和Set的不影响GC执行垃圾回收的版本,这里我们只研究Map和Set即可。Set的属性和方法size:number为访问器属性(accessorproperty),返回Set对象中的值的个数add(
·
2022-04-15 13:14
petite-vue
源码剖析
-逐行解读@vue-reactivity之Map和Set的reactive
本篇我们会继续探索reactive函数中对Map/WeakMap/Set/WeakSet对象的代理实现。Map/WeakMap/Set/WeakSet的操作由于WeakMap和WeakSet分别是Map和Set的不影响GC执行垃圾回收的版本,这里我们只研究Map和Set即可。Set的属性和方法size:number为访问器属性(accessorproperty),返回Set对象中的值的个数add(
·
2022-04-15 10:26
petite-vue
源码剖析
-逐行解读@vue-reactivity之Map和Set的reactive
本篇我们会继续探索reactive函数中对Map/WeakMap/Set/WeakSet对象的代理实现。Map/WeakMap/Set/WeakSet的操作由于WeakMap和WeakSet分别是Map和Set的不影响GC执行垃圾回收的版本,这里我们只研究Map和Set即可。Set的属性和方法
^_^肥仔John
·
2022-04-15 09:00
最新汪大神Java多线程编程实战(完整)
课程大纲及主要内容介绍.wmv│├─高并发编程第一阶段02讲、简单介绍什么是线程.wmv│├─高并发编程第一阶段03讲、创建并启动线程.mp4│├─高并发编程第一阶段04讲、线程生命周期以及start方法
源码剖析
快乐360
·
2022-04-13 10:57
2018最新汪大神Java多线程编程实战
课程大纲及主要内容介绍.wmv│├─高并发编程第一阶段02讲、简单介绍什么是线程.wmv│├─高并发编程第一阶段03讲、创建并启动线程.mp4│├─高并发编程第一阶段04讲、线程生命周期以及start方法
源码剖析
weixin_44216302
·
2022-04-13 10:26
2018汪WJUN Java多线程编程实战视频教程
高并发编程第一阶段01讲、课程大纲及主要内容介绍┃┣━高并发编程第一阶段02讲、简单介绍什么是线程┃┣━高并发编程第一阶段03讲、创建并启动线程┃┣━高并发编程第一阶段04讲、线程生命周期以及start方法
源码剖析
weixin_34234721
·
2022-04-13 10:55
java
设计模式
数据结构与算法
一起学习多线程
高并发编程第一阶段01讲、课程大纲及主要内容介绍P2高并发编程第一阶段02讲、简单介绍什么是线程P3高并发编程第一阶段03讲、创建并启动线程P4高并发编程第一阶段04讲、线程生命周期以及start方法
源码剖析
数学那些事
·
2022-04-13 10:24
后端框架
java
多线程大纲
注:本文章主要参考汪文君大佬的视频第一阶段线程定义创建并启动线程的方式线程生命周期以及start方法
源码剖析
多线程方式模拟银行排队叫号thread与runnable多线程与JVM内存结构的关系,虚拟机栈实验
draymond7107
·
2022-04-13 10:24
并发编程
大纲
vue3.x
源码剖析
之数据响应式的深入讲解
目录前言什么是数据响应式数据响应式的大体流程vue2.x数据响应式和3.x响应式对比大致流程图实现依赖收集代码仓库结尾前言如果错过了秋枫和冬雪,那么春天的樱花一定会盛开吧。最近一直在准备自己的考试,考完试了,终于可以继续研究源码和写文章了,哈哈哈。学过vue的都知道,数据响应式在vue框架中极其重要,写代码也好,面试也罢,数据响应式都是核心的内容。在vue3的官网文档中,作者说如果想让数据更加响应
·
2022-04-12 19:28
Flink Checkpoint机制剖析(
源码剖析
)
Checkpoint整体设计Checkpoint执行过程分为:启动、执行以及确认完成三个阶段。CheckpointCoordinator控制Checkpoint执行:JM端的CheckpointCoordinator组件会周期性的向数据源发送执行CK的请求,数据源节点将数据源消费的offset发送给JM,存储到CK的元数据信息中。同时向下广播barrier。中间算子对齐barrier:中间算子在S
weixin_45626756
·
2022-04-11 15:59
flink
checkpoint
源码
flink
大数据
有状态服务
checkpoint
源码
Netty分布式flush方法刷新buffer队列
源码剖析
flush方法上一小节学习了writeAndFlush的write方法,这一小节我们剖析flush方法通过前面的学习我们知道,flush方法通过事件传递,最终会传递到HeadContext的flush方法:publicvoidflush(ChannelHandlerContextctx)throwsException{unsafe.flush();}这里最终会调用AbstractUnsafe的fl
·
2022-03-29 16:29
Nett分布式分隔符解码器逻辑
源码剖析
目录分隔符解码器我们看其中的一个构造方法我们跟到重载decode方法中我们看初始化该属性的构造方法章节总结前文传送门:Netty分布式行解码器逻辑源码解析分隔符解码器基于分隔符解码器DelimiterBasedFrameDecoder,是按照指定分隔符进行解码的解码器,通过分隔符,可以将二进制流拆分成完整的数据包同样继承了ByteToMessageDecoder并重写了decode方法我们看其中的
·
2022-03-29 11:37
Java Exception异常全方面分析
finally在方法中出现异常异常处理流程手动抛出异常三、自定义异常
源码剖析
自定义注意如下实例:publicclassDemo{publicstaticvoidmain(String[]args){intnum
·
2022-03-26 16:45
javascrip语言精髓与编程实践pdf_C/C 编程推荐学习顺序和书籍
语言经典入门书籍《C++PrimerPlus》C++语言经典入门书籍基本工具库《C++标准程序库》C++标准模板库STL入门经典书籍《数据结构C++语言描述》数据结构是深入学习STL的基础STL进阶《STL
源码剖析
weixin_39903846
·
2022-03-24 11:19
petite-vue
源码剖析
-逐行解读@vue/reactivity之reactive
在petite-vue中我们通过reactive构建上下文对象,并将根据状态渲染UI的逻辑作为入参传递给effect,然后神奇的事情发生了,当状态发生变化时将自动触发UI重新渲染。那么到底这是怎么做到的呢?@vue/reactivity功能十分丰富,而petite-vue仅使用到reactive和effect两个最基本的API,作为入门本文将仅仅对这两个API进行源码解读。一切源于Proxy我们知
·
2022-03-22 08:18
petite-vue
源码剖析
-逐行解读@vue/reactivity之reactive
在petite-vue中我们通过reactive构建上下文对象,并将根据状态渲染UI的逻辑作为入参传递给effect,然后神奇的事情发生了,当状态发生变化时将自动触发UI重新渲染。那么到底这是怎么做到的呢?@vue/reactivity功能十分丰富,而petite-vue仅使用到reactive和effect两个最基本的API,作为入门本文将仅仅对这两个API进行源码解读。一切源于Proxy我们知
^_^肥仔John
·
2022-03-22 08:00
Spring
源码剖析
(一):编译 spring 源码(2022最新版)
目录1.项目克隆2.下载gradle3.更改spring在项目中gradle下载位置4.阿里云配置5.命令行运行gradlew.bat6.导入idea预编译7.正式导入idea(要导好一会儿)8.改用idea构建,主要为了提速9.新建测试模块10.为自己的模块添加spring依赖11.创建自己的测试类总结:参考:版本说明:JDK:11Springframework:5.1.XGradle:6.5.
从前慢慢慢死了
·
2022-03-21 13:17
spring
intellij-idea
源码
gradle
spring
boot
【Zookeeper系列】Curator入门和分布式锁
源码剖析
本篇文章会介绍以下几点:节点的基本操作统一错误监听器不可重入共享锁&可重入共享锁【例子&核心
源码剖析
】可重入读写共享锁信号量锁多对象共享锁简介Curator基于原生的ZookeeperApi封装提供了更加丰富的功能
爱打乒乓的程序员
·
2022-03-16 12:42
petite-vue
源码剖析
-优化手段template详解
什么是元素?是2013年定稿用于提供一种更统一、功能更强大的模板本存放方式。具体表现为通过元素属性content获取已实例化的HTML元素(不是字符串而已)abconsttpl=document.getElementById('tpl')tpl.content//document-fragmenttpl.content.children[0].outerHTML//a以及其子节点均不可视下的img
·
2022-03-16 09:00
petite-vue
源码剖析
-优化手段template详解
什么是元素?是2013年定稿用于提供一种更统一、功能更强大的模板本存放方式。具体表现为通过元素属性content获取已实例化的HTML元素(不是字符串而已)abconsttpl=document.getElementById('tpl')tpl.content//document-fragmenttpl.content.children[0].outerHTML//a以及其子节点均不可视下的img
^_^肥仔John
·
2022-03-16 06:00
ffmpeg
源码剖析
:avcode_send_frame()
先贴上源码:intattribute_align_argavcodec_send_frame(AVCodecContext*avctx,constAVFrame*frame){AVCodecInternal*avci=avctx->internal;intret;if(!avcodec_is_open(avctx)||!av_codec_is_encoder(avctx->codec))retur
大头哇
·
2022-03-15 14:25
ffmpeg
音视频
petite-vue
源码剖析
-双向绑定`v-model`的工作原理
前言双向绑定v-model不仅仅是对可编辑HTML元素(select,input,textarea和附带[contenteditable=true])同时附加v-bind和v-on,而且还能利用通过petite-vue附加给元素的_value、_trueValue和_falseValue属性提供存储非字符串值的能力。深入v-model工作原理exportconstmodel:Directive=(
·
2022-03-15 12:28
vue.jsmodel
petite-vue
源码剖析
-ref的工作原理
ref内部的工作原理十分简单,其实就是将指令ref、:ref或v-bind:ref标识的元素实例存储到当前作用域的$refs对象中,那么我们就可以通过this.$refs获取对应的元素实例。但由于作用域继承上有点小窍门,所以我们能从this.$refs获取的元素实例还是需要注意一下。下面让我为你一一道来吧!深入ref工作原理//文件./src/directives/ref.tsexportcons
·
2022-03-15 08:36
petite-vue
源码剖析
-ref的工作原理
ref内部的工作原理十分简单,其实就是将指令ref、:ref或v-bind:ref标识的元素实例存储到当前作用域的$refs对象中,那么我们就可以通过this.$refs获取对应的元素实例。但由于作用域继承上有点小窍门,所以我们能从this.$refs获取的元素实例还是需要注意一下。下面让我为你一一道来吧!深入ref工作原理//文件./src/directives/ref.tsexportcons
^_^肥仔John
·
2022-03-15 08:00
petite-vue
源码剖析
-双向绑定`v-model`的工作原理
前言双向绑定v-model不仅仅是对可编辑HTML元素(select,input,textarea和附带[contenteditable=true])同时附加v-bind和v-on,而且还能利用通过petite-vue附加给元素的_value、_trueValue和_falseValue属性提供存储非字符串值的能力。深入v-model工作原理exportconstmodel:Directive=(
·
2022-03-14 16:00
petite-vue
源码剖析
-双向绑定`v-model`的工作原理
前言双向绑定v-model不仅仅是对可编辑HTML元素(select,input,textarea和附带[contenteditable=true])同时附加v-bind和v-on,而且还能利用通过petite-vue附加给元素的_value、_trueValue和_falseValue属性提供存储非字符串值的能力。深入v-model工作原理exportconstmodel:Directive=(
·
2022-03-14 15:45
petite-vue
源码剖析
-双向绑定`v-model`的工作原理
前言双向绑定v-model不仅仅是对可编辑HTML元素(select,input,textarea和附带[contenteditable=true])同时附加v-bind和v-on,而且还能利用通过petite-vue附加给元素的_value、_trueValue和_falseValue属性提供存储非字符串值的能力。深入v-model工作原理exportconstmodel:Directive=(
^_^肥仔John
·
2022-03-14 15:00
阿里内部流传的JDK
源码剖析
手册!GitHub已获上千万的访问量
相信现在已经有很多小伙伴知道了“微软”要对JDK下手了!JDK是什么?jdk是Java语言的软件开发工具包,主要用于移动设备、嵌入式设备上的java应用程序。jdk是整个java开发的核心,它包含了JAVA的运行环境和JAVA工具。相对而言,没有jdk的话,无法编译Java程序(指java源码.java文件),如果想只运行Java程序(指class或jar或其它归档文件),要确保已安装相应的JRE
烟雨平生V
·
2022-03-14 03:50
java
jdk
编程语言
jvm
android
petite-vue
源码剖析
-事件绑定`v-on`的工作原理
在书写petite-vue和Vue最舒服的莫过于通过@click绑定事件,而且在移除元素时框架会帮我们自动解除绑定。省去了过去通过jQuery的累赘。而事件绑定在petite-vue中就是一个指令(directive),和其他指令类似。深入v-on的工作原理walk方法在解析模板时会遍历元素的特性集合el.attributes,当属性名称name匹配v-on或@时,则将属性名称和属性值压入defe
·
2022-03-11 10:28
petite-vue
源码剖析
-事件绑定`v-on`的工作原理
在书写petite-vue和Vue最舒服的莫过于通过@click绑定事件,而且在移除元素时框架会帮我们自动解除绑定。省去了过去通过jQuery的累赘。而事件绑定在petite-vue中就是一个指令(directive),和其他指令类似。深入v-on的工作原理walk方法在解析模板时会遍历元素的特性集合el.attributes,当属性名称name匹配v-on或@时,则将属性名称和属性值压入defe
^_^肥仔John
·
2022-03-11 09:00
petite-vue-
源码剖析
-v-for重新渲染工作原理
在《petite-vue
源码剖析
-v-if和v-for的工作原理》我们了解到v-for在静态视图中的工作原理,而这里我们将深入了解在更新渲染时v-for是如何运作的。逐行解析//文件.
^_^肥仔John
·
2022-03-10 16:00
petite-vue
源码剖析
-属性绑定`v-bind`的工作原理
关于指令(directive)属性绑定、事件绑定和v-modal底层都是通过指令(directive)实现的,那么什么是指令呢?我们一起看看Directive的定义吧。//文件./src/directives/index.tsexportinterfaceDirective{(ctx:DirectiveContext):(()=>void)|void}指令(directive)其实就是一个接受参数
·
2022-03-08 17:42
petite-vue
源码剖析
-属性绑定`v-bind`的工作原理
关于指令(directive)属性绑定、事件绑定和v-modal底层都是通过指令(directive)实现的,那么什么是指令呢?我们一起看看Directive的定义吧。//文件./src/directives/index.tsexportinterfaceDirective{(ctx:DirectiveContext):(()=>void)|void}指令(directive)其实就是一个接受参数
^_^肥仔John
·
2022-03-08 17:00
petite-vue-
源码剖析
-v-for重新渲染工作原理
在《petite-vue
源码剖析
-v-if和v-for的工作原理》我们了解到v-for在静态视图中的工作原理,而这里我们将深入了解在更新渲染时v-for是如何运作的。逐行解析//文件.
·
2022-03-07 18:49
petite-vue
源码剖析
-v-if和v-for的工作原理
深入v-if的工作原理import{createApp}from'https://unpkg.com/petite-vue?module'createApp({App:{$template:`OFFLINEUNKOWNONLINE`,}status:'online'}).mount('[v-scope]')人肉单步调试:调用createApp根据入参生成全局作用域rootScope,创建根上下文r
·
2022-03-07 15:15
petite-vue
源码剖析
-v-if和v-for的工作原理
深入v-if的工作原理import{createApp}from'https://unpkg.com/petite-vue?module'createApp({App:{$template:`OFFLINEUNKOWNONLINE`,}status:'online'}).mount('[v-scope]')人肉单步调试:调用createApp根据入参生成全局作用域rootScope,创建根上下文r
^_^肥仔John
·
2022-03-07 14:00
petite-vue
源码剖析
-从静态视图开始
代码库结构介绍examples各种使用示例scripts打包发布脚本tests测试用例srcdirectivesv-if等内置指令的实现app.tscreateApp函数block.ts块对象context.ts上下文对象eval.ts提供v-if="count===1"等表达式运算功能scheduler.ts调度器utils.ts工具函数walk.ts模板解析若想构建自己的版本只需在控制台执行n
·
2022-03-04 15:48
petite-vue
源码剖析
-从静态视图开始
代码库结构介绍examples各种使用示例scripts打包发布脚本tests测试用例srcdirectivesv-if等内置指令的实现app.tscreateApp函数block.ts块对象context.ts上下文对象eval.ts提供v-if="count===1"等表达式运算功能scheduler.ts调度器utils.ts工具函数walk.ts模板解析若想构建自己的版本只需在控制台执行n
^_^肥仔John
·
2022-03-04 14:00
petite-vue
源码剖析
-为什么要读源码?
什么是petite-vue?根据官方解释,petite-vue是专门为非前后端分离的历史项目提供和Vue相近的响应式开发模式。与完整的Vue相比最大的特点是,面对数据的变化petite-vue采取直接操作DOM的方式重新渲染。具体的使用方式请参考GitHub,在这里我想展示两个示例:示例1-在线渲染[v-cloak]{display:none;}import{createApp}from'http
·
2022-03-03 14:35
petite-vue
源码剖析
-为什么要读源码?
什么是petite-vue?根据官方解释,petite-vue是专门为非前后端分离的历史项目提供和Vue相近的响应式开发模式。与完整的Vue相比最大的特点是,面对数据的变化petite-vue采取直接操作DOM的方式重新渲染。具体的使用方式请参考GitHub,在这里我想展示两个示例:示例1-在线渲染[v-cloak]{display:none;}import{createApp}from'http
^_^肥仔John
·
2022-03-03 14:00
《算法零基础100讲》(第50讲) 位运算 (按位取反)
文章目录零、写在前面一、概念定义1、取反运算符的定义2、取反运算符的应用1)0的取反1.a)有符号整型1.b)无符号整型2)相反数3)代替减法4)代替加法二、题目描述三、算法详解四、
源码剖析
五、推荐专栏六
英雄哪里出来
·
2022-03-02 11:47
《算法零基础100讲》
算法
《算法零基础100讲》(第49讲) 位运算 (右移)
概念定义1、右移运算符的定义1)右移的二进制形态2)右移的执行结果3)负数右移的执行结果4)右移负数位是什么情况2、右移运算符的应用1)去掉低k位2)取低位连续13)取第k位的值二、题目描述三、算法详解四、
源码剖析
五
英雄哪里出来
·
2022-03-02 11:17
《算法零基础100讲》
算法
位运算
右移
《算法零基础100讲》(第46讲) 位运算 (异或) 入门
文章目录零、写在前面一、概念定义1、异或运算符的定义2、异或运算符的应用1)标记位取反2)变量交换3)出现奇数次的数二、题目描述三、算法详解四、
源码剖析
五、推荐专栏六、习题练习零、写在前面 这是《算法零基础
英雄哪里出来
·
2022-03-02 11:16
《算法零基础100讲》
算法
位运算
异或
加密
《算法零基础100讲》(第48讲) 位运算 (左移)
)负数左移的执行结果4)左移负数位是什么情况5)左移时溢出会如何2、左移运算符的应用1)取模转化成位运算2)生成标记码2.a)标记位置12.b)标记位置02.c)标记位取反二、题目描述三、算法详解四、
源码剖析
五
英雄哪里出来
·
2022-03-02 11:16
《算法零基础100讲》
算法
位运算
左移
《算法零基础100讲》(第42讲) 位运算 (位与) 入门
文章目录零、写在前面一、概念定义1、位与的定义2、位与运算符的简单应用1)奇偶性判定2)取末五位3)消除末尾五位4)2的幂判定二、题目描述三、算法详解四、
源码剖析
五、推荐专栏六、习题练习零、写在前面
英雄哪里出来
·
2022-03-02 11:46
《算法零基础100讲》
算法
位运算
位与
《算法零基础100讲》(第30讲) 概率与统计
文章目录零、写在前面一、概念定义二、题目描述三、算法详解四、
源码剖析
五、推荐专栏六、习题练习零、写在前面 这是《算法零基础100讲》专栏打卡学习的第三十天了。
英雄哪里出来
·
2022-03-02 11:46
《算法零基础100讲》
算法
概率论
动态规划
《算法零基础100讲》(第44讲) 位运算 (位或) 入门
文章目录零、写在前面一、概念定义1、位或的定义2、位或运算符的简单应用1)设置标记位2)置空标记位二、题目描述三、算法详解四、
源码剖析
五、推荐专栏六、习题练习零、写在前面 这是《算法零基础100讲》专栏打卡学习的第四十四天了
英雄哪里出来
·
2022-03-02 11:46
《算法零基础100讲》
算法
位运算
位或
上一页
17
18
19
20
21
22
23
24
下一页
按字母分类:
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
其他