vue2.x源码系列第2页

Netty源码系列之 EventLoop & run()方法源码

EventLoop[实现类为NioEventLoop，我们研究NioEventLoop即可]EventLoop是一个单线程的线程池核心作用：处理执行IO操作（accept，read，write事件），普通任务，定时任务EventLoop封装了Selector复用器，Thread线程，以及任务队列为什么EventLoop需要一个任务队列？因为EventLoop是一个单线程的线程池，如果有多个任务请求

etcEriksen·2024-02-08 07:18

七、Nacos源码系列：Nacos服务发现

目录一、服务发现二、getServices()：获取服务列表2.1、获取服务列表2.2、总结图三、getInstances(serviceId)：获取服务实例列表3.1、从缓存中获取服务信息3.2、缓存为空，执行订阅服务3.2.1、调度更新，往线程池中提交一个UpdateTask任务3.2.2、订阅服务3.2.3、处理服务信息3.3、非订阅模式，通过grpc发送ServiceQueryReques

每天都要进步一点点·2024-02-08 01:36

Vue.js 源码分析——模板编译和组件化

渲染函数render(h){returnh('div',[h('h1',{on:{click:this.handler}},'title'),h('p','somecontent')])}模板编译的作用Vue2

丽__·2024-02-07 12:41

源码系列——ArrayList动态扩容机制

前言ArrayList继承了AbstractList类，实现了List接口,并且ArrayList底层是一个动态扩容的数组。ArrayList实现了RandomAccess接口，此接口是一个随机访问的标记接口(不需要遍历，直接通过下标访问数组元素的内存地址)，此外还实现了Serializable接口支持序列化(就是将对象转化为字符序的形式，这些字符序列包括了对象的字段和方法，序列化的对象可以被写入

小白菜aaa·2024-02-07 08:16

springboot2.x集成websocket，Vue2.x使用websocket，完整前后分离通信demo

前言什么是websocketwebsocket协议WebSocketprotocol是HTML5一种新的协议。它实现了浏览器与服务器全双工通信(full-duple)。一开始的握手需要借助HTTP请求完成。通俗的来讲，websocket是客户端与服务端建立连接之后，客户端可以监听到服务端发来的消息，服务端也可以监听到客户端发来的消息。java后端构建websocket服务1.依赖引入org.spr

干饭两斤半·2024-02-06 15:21

vue+cesium：从0到1部署开发运行环境

本系列教程是在vue2.X的基础上加载cesium程序，来开发各种示例程序。

还是大剑师兰特·2024-02-06 12:59

Vue源码系列讲解——变化侦测篇【上】(何为变化侦测)

目录1.前言2.什么是变化侦测3.总结1.前言众所周知，Vue最大的特点之一就是数据驱动视图，那么什么是数据驱动视图呢？在这里，我们可以把数据理解为状态，而视图就是用户可直观看到页面。页面不可能是一成不变的，它应该是动态变化的，而它的变化也不应该是无迹可寻的，它或者是由用户操作引起的，亦或者是由后端数据变化引起的，不管它是因为什么引起的，我们统称为它的状态变了，它由前一个状态变到了后一个状态，页面

小彭努力中·2024-02-06 08:15

Vue源码系列讲解——变化侦测篇【中】(Object的变化侦测)

目录1.前言2.使Object数据变得“可观测”3.依赖收集3.1什么是依赖收集3.2何时收集依赖？何时通知依赖更新？3.3把依赖收集到哪里4.依赖到底是谁5.不足之处6.总结1.前言在上一篇文章中，我们知道：数据驱动视图的关键点则在于我们如何知道数据发生了变化，只要知道数据在什么时候变了，那么问题就变得迎刃而解，我们只需在数据变化的时候去通知视图更新即可。要想知道数据什么时候被读取了或数据什么时

小彭努力中·2024-02-06 08:44

解决火狐和safira浏览器不支持e.path问题

场景：手写级联组件下拉框时，需要点击级联组件区域外触发事件来关闭下拉框//vue2.x点击元素外触发事件的指令Vue.directive("clickoutside",{//初始化指令bind(el,binding

guizi0809·2024-02-05 19:18

Vue3.0 所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同？

文章目录开始之前正文一、OptionsApi二、CompositionApi三、对比逻辑组织OptionsAPICompostionAPI逻辑复用小结开始之前CompositionAPI可以说是Vue3的最大特点，那么为什么要推出CompositionApi，解决了什么问题？通常使用Vue2开发的项目，普遍会存在以下问题：代码的可读性随着组件变大而变差每一种代码复用的方式，都存在缺点TypeScr

花言儿·2024-02-05 15:02

Vue2.x 使用 extend方法创建自定义对话框

对话框该组件是个对话框，基于Vue、element-ui的【Dialog对话框】&【Button按钮】组件调用方式、优点及需求来源组件调用方式this.$daillog({text:'123'//这里定义提示文字}).then(()=>{//点击确定后需要执行的操作console.log('success')}).catch(()=>{//点击取消后需要执行的操作console.log('fail

weixin_47276928·2024-02-04 16:56

Megatron-LM源码系列(七)：Distributed-Optimizer分布式优化器实现Part2

1.使用入口DistributedOptimizer类定义在megatron/optimizer/distrib_optimizer.py文件中。创建的入口是在megatron/optimizer/__init__.py文件中的get_megatron_optimizer函数中。根据传入的args.use_distributed_optimizer参数来判断是用DistributedOptimiz

MLTalks·2024-02-04 06:22

Vue学习笔记14 --自定义hook函数/toRef/provide/inject等

类似于vue2.x中的mixin。自定义hook的优势:复用代码,让setup中的逻辑更清楚易懂。10.toRef作用：创建一个ref对象，其value值指向另一个对象中的某个属性。

jxncxgx·2024-02-03 14:30

Vue2.x全家桶学习笔记

一、概述1.1、什么是VueVue是一个自底向上逐层应用、注重视图模块、快捷构建前端应用的渐进式框架！1.2、为什么使用Vue随着项目规模的增大、业务流程的复杂度提升，现在主流的项目开发方式主要是前后端分离模式灵活的前端应用：可以随时在不影响后端服务的情况下进行维护便捷的扩展维护：可以在独立的前端项目中不影响原有功能的情况下实现高效的功能扩展和维护鉴于上面的开发要求，使用Vue框架的优势：快速、高

茴香馅饺子~·2024-02-03 12:25

图解java.util.concurrent并发包源码系列——深入理解定时任务线程池ScheduledThreadPoolExecutor

深入理解定时任务线程池ScheduledThreadPoolExecutorScheduledThreadPoolExecutor作用与用法ScheduledThreadPoolExecutor内部执行流程DelayedWorkQueueScheduledFutureTask源码分析任务提交ScheduledFutureTask的属性和方法delayedExecute(t)任务执行Schedule

黄俊懿·2024-02-01 21:55

六、Nacos源码系列：Nacos健康检查

目录一、简介二、健康检查流程2.1、健康检查2.2、客户端释放连接事件2.3、客户端断开连接事件2.4、小结2.5、总结图三、服务剔除一、简介Nacos作为注册中心不止提供了服务注册和服务发现的功能，还提供了服务可用性检测的功能，在Nacos1.x的版本中，临时实例走的是distro协议，客户端向注册中心发送心跳来维持自身的健康(healthy)状态，持久实例则走的是Raft协议存储。主要有两种检

每天都要进步一点点·2024-02-01 19:23

Mybatis 源码系列：领略设计模式在 Mybatis 其中的应用

文章目录一、Builder模式二、工厂模式三、单例模式四、代理模式五、组合模式六、模板方式模式七、适配器模式八、装饰器模式九、迭代器模式虽然我们都知道有23种设计模式，但是大多停留在概念层面，真实开发中很少遇到，Mybatis源码中使用了大量的设计模式，阅读源码并观察设计模式在其中的应用，能够更深入的理解设计模式。Mybatis至少遇到了以下的设计模式的使用：Builder模式，例如SqlSess

Code技术分享·2024-02-01 02:10

vue $attrs和$listenners

Vue2.x中的attrs和attrs和attrs和listeners或许很多Vue小白跟我一样,在之前不太了解attrs和attrs和attrs和listenners这两个API是干嘛的,甚至没有听过或者使用过

汪小敏同学·2024-02-01 01:28

Vue2.x 和 Vue3.x 生命周期钩子函数对比

Vue2------------------vue3beforeCreate=>setup()created=>setup()beforeMount=>onBeforeMountmounted=>onMountedbeforeUpdate=>onBeforeUpdateupdated=>onUpdatedbeforeDestroy=>onBeforeUnmountdestroyed=>onUnmo

coderfl·2024-01-31 22:53

MyBatis 源码系列：MyBatis 解析配置文件、二级缓存、SQL

文章目录解析全局配置文件二级缓存解析解析二级缓存缓存中的调用过程缓存中使用的设计模式解析SQL解析全局配置文件启动流程分析Stringresource="mybatis-config.xml";//将XML配置文件构建为Configuration配置类reader=Resources.getResourceAsReader(resource);//通过加载配置文件流构建一个SqlSessionFa

Code技术分享·2024-01-31 06:13

Vue学习笔记13-- Vue3之计算属性与监视

7、计算属性与监视1.computed函数与Vue2.x中computed配置功能一致写法import{computed}from'vue'setup(){...

jxncxgx·2024-01-31 00:24

vue生命周期

下面是Vue2.x中常用的生命周期钩子函数：beforeCreate：在实例初始化之后，数据观测(dataobserver)和事件配置之前被调用。

亮学长·2024-01-30 13:11

vue3(proxy)数据双向绑定

2.相比于vue2.x，使用proxy的优势如下1.vue2的defineProperty只能监听某个属性，不能对全对象监听vue3可以直接监听对象而非属性2

@码农小洲·2024-01-30 11:33

VueJs 监听 window.resize 方法---窗口变化

根据窗口的变化去变化canvas的宽度备注：重要的问题说三遍解决框架内的bug先说框架版本版本版本（这里用的Vue2.x、ES6）解决方案：方案一:1.第

小小码农披荆斩棘·2024-01-27 17:02

Vue2跟Vue3的对比

在Vue.js的演进过程中，Vue2.x是主要的版本，而Vue3.x是最新的版本。Vue3.x于2020年9月正式发布，与Vue2.x相比，它带来了许多重要的改进和新功能。

跟Bug双向奔赴·2024-01-27 12:58

阅读go语言工具源码系列之gopacket（谷歌出品）----第二集 layers-巧妙的抽象与无聊的协议包

上一集中我们讲到了wpcap.dll的go封装方法，对于linux系统下libpcap的go封装采用的是常用的cgo方式，想了解的可以看看pcap文件夹中的pcap_unix.go。我们得到了wpcap.dll的go调用，就可以利用它来进行列举所有网络设备，例如以下代码packagemainimport("fmt""github.com/google/gopacket/pcap""log")//得

伏虎山真人·2024-01-26 21:08

阅读go语言工具源码系列之gopacket（谷歌出品）----第一集 DLL的go封装

gopacket项目是google出品的golang第三方库，项目源码地址google/gopacket:ProvidespacketprocessingcapabilitiesforGo(github.com)gopacket核心是对经典的抓包工具libpcap(linux平台)和npcap(windows平台)的go封装，提供了更方便的go语言操作接口，里面如何实现的，接下来的文章中会有介绍。

伏虎山真人·2024-01-26 21:36

3. Windows 10 - Nvm - Node - 创建 Vue项目 Vue-cli 脚手架 3.x

关联链接1.Windows10-Node与Vue-安装Vue2.x及3.x框架-项目创建要点-12.Windows10-Nvm——node版本管理工具的安装配置方法-报错问题集锦与解决方法-工程化Node

沐修·2024-01-26 15:28

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

若返回一个渲染函数，则可以自定义渲染内容注意点：尽量不要与Vue2.x配置混用Vue2.x配置（data/methos

jxncxgx·2024-01-26 09:54

Spring手撸源码系列-给Bean对象注入属性

上一章是给Bean对象注入构造参数，这一章就来实现给Bean对象注入属性，一般来说类有构造方法也会有全局变量的属性，那么我们在创造的时候就需要注入进来，不能不管，这样才是一个完整的创建对象。对于属性的创建除了基本类型也会有引用类型，引用其他的Bean对象等等都要考虑。1.工程目录标红的是新添加的├─src│├─main││├─java│││└─com│││└─spring│││└─sourceco

PromisingGirl-Du·2024-01-25 18:02

/deep/和＞＞＞以及 ::v-deep 三者的区别

>>>深度作用选择器的简写形式只作用于css，不支持css预加载器（less/scss）是/deep/的简写形式,适用于Vue2.x版本，Vue3.x版本使用会报错/deep/Vue2

兴趣使然的码仔·2024-01-25 17:43

样式穿透（＞＞＞和 /deep/以及 ::v-deep 三者之间的区别）

element-ui进行了封装，正常使用类名样式不会发生改变，要想修改成规定的样式，就需要使用深度选择器），直接使用>>>穿透进行样式修改只作用于css，不支持css预加载器（less/scss）适用于Vue2

Skr@Chen·2024-01-25 17:12

vue3常用知识点梳理

注意点1,尽量不要与Vue2.x配置混用2,setup不能是一个async函数，因为返回值不再是return的对象,而是promis

庙堂龙吟奈我何·2024-01-25 13:46

vue创建项目的命令

一、确保已将安装node、vue-cli二、新建文件夹，通过文件加目录输入‘cmd’1、vuecreate项目名称选择vue2.x/vue3.x/自定义2、选自需要的配置项，回车选择3、先择创建的vue

Fating-Win·2024-01-25 03:47

深入Hotspot源码与Linux内核理解NIO与Epoll

前言距离上一次发布文章将近半年左右了，具体为什么停更，说实话一部分原因是去年10月1放假之后我玩疯了....另外一部原因是总感觉文章写到一定地步之后，我有点不知道写什么了，去年主要更新的是Spring源码系列的文章

JAVA程序·2024-01-24 18:35

以传统程序员看Vue2.X开发-极简速成

一、开发环境搭建1、安装Node.js下载地址：https://nodejs.org/zh-cn/download/按提示安装，根据系统环境不同，可能需要安装C++Build和Python.验证C:\Users\zhoujy>node--versionv14.15.0C:\Users\zhoujy>npm--version6.14.82、安装Vue组件因直接使用npm国外源安装速度较慢，推荐使用国

阿波罗.2012·2024-01-23 19:27

tinyMCE-vue使用遇到的问题

准备材料npmitinymce-Snpmi@tinymce/[email protected]:我用的是vue2.x，所以这里控制了tinymce-vue的版本。

秋色暮光·2024-01-23 03:51

Vue3相较于Vue2做出了那些改变

支持3.CompositionAPI（这是重点内容）2.项目搭建与Vue2搭建项目一样，只是在后面选择时选择Vue3.X在项目搭建完成之后我们就可以看见变化在入口文件main.js中我们就可以发现这是Vue2

xihuhu·2024-01-23 01:45

Vue 3.2 源码系列（Vue.js的设计与实现）01-命令式VS声明式

我通过看完这本书后造成的一部分总结。选择挑选出重要的部分先来介绍一些基本的概念命令式与声明式运行时与编译器副作用一.声明式和命令式命令式与声明式的概念在前端框架的设计中经常会出现，那么究竟什么是命令式、什么是声明式呢？这一咖，我们就主要来明确这两个概念：命令式比如现在领导叫你实现一个大屏展示的数据1.你现在需要用到vue2.需要用到springboot3.需要去考虑一些echarts的参数...在

kangkang-·2024-01-21 23:51

【Vue3.0】- 依赖注入

问题：子孙组件如何共享数据vue2.x提供provide选项//Providerexportdefault{provide:function(){return{foo:this.foo}}}//Consumerexportdefault

啦啦啦喽啰·2024-01-21 16:20

Android 12.0源码系列之IMS（二）InputManager

Android12.0源码系列之IMS（二）InputManager本篇涉及到的主要代码：frameworks\native\services\inputflingerframeworks\base\services

bubbleben·2024-01-20 18:49

Django+Vue+ElementUI实现的权限控制系统

项目介绍一款Python语言基于Django、Vue2.x、ElementUI、MySQL等框架精心打造的一款模块化、高性能、企业级的敏捷开发框架，本着简化开发、提升开发效率的初衷触发，框架自研了一套个性化的组件

沙拉.伊万卡·2024-01-20 16:31

netty源码系列---服务端启动

1、示例代码这是netty源码中官方提供的测试代码publicfinalclassEchoServer{staticfinalbooleanSSL=System.getProperty("ssl")!=null;staticfinalintPORT=Integer.parseInt(System.getProperty("port","8007"));publicstaticvoidmain(St

性感的大表哥·2024-01-19 16:31

web蓝桥杯真题--4、购物车

本题需要在已提供的基础项目中，使用Vue2.x的知识，解决购物车商品管理过程中遇到的问题。

畏迁c·2024-01-18 19:52

【Vue自定义事件详细介绍】

.`.once`和`.capture`6.移除事件监听器7.事件总线(EventBus)1.自定义事件Vue.js中自定义事件是组件间的一个主要通信方式，尤其是用于子组件向父组件发送消息，在Vue2.x

程序员不想YY啊·2024-01-18 04:19

前后端分离分页查询（不使用框架和插件）

后端java（不使用框架和插件），前端使用基于Vue2.x的ElementUI的分页组件大体流程：前端使用ElementUI的分页组件，发送异步请求携带currentpagepageSize两个经过初始赋值的变量去后端查询

良子c·2024-01-17 18:12

湖中剑 GitHub周刊 #9 | FreeCodeCamp、图解 React 源码系列、Portainer管理Docker

ineo6·2024-01-17 12:26

Vue3技术解析（小册子）

Vue3在使用方面会兼容部分Vue2.x的特性，比如optionsAPI。所以，究竟是要先学习Vue2打好基础，还是直接学习Vue3呢？

前端组件开发·2024-01-16 13:35

大神开源的人脸识别系统

face-easy:FACE-UI基于前后端分离Web端项目，主要实现了网页版的人脸登录，通过调取前端摄像头拍照，传入后台进行跟数据库人脸库的相似度比对，技术的用点：Springboot，Mysql，JWT，VUE2

Harbor Lau·2024-01-16 08:55

vuex的使用，vuex辅助函数、muduld的详解（文章下边）

3）使用步骤（以vue2.x脚手架为例）3.1）下载安装：npminstallvuex3.

是嗯哼小仙女呀·2024-01-15 15:50

推荐频道

vue2.x源码系列

Netty源码系列 之 EventLoop & run()方法 源码