vue2.x源码系列

css-深度选择器-vue2

/deep/伪类在Vue2.x中是一个被废弃的特性，并且在Vue3.x中已经移除。

"*smile*"·2024-09-06 22:14

vue 批量自动引入并注册组件或路由

有时候有大量的组件.vue后缀的,或.js,或.ts文件,需要一个个的手动引入很麻烦,那么你可以尝试这样创建一个index.js本项目使用vue3.x,vue2.x也可以照样用;这里在components

yang295242361·2024-09-03 22:19

Vue2.X是如何利用Object.defineProperty()实现数据绑定的

Vue2.X是如何利用Object.defineProperty()实现数据绑定的上一篇文章写到了Object.defineProperty的使用，这篇文章说一下Vue是如何利用这个方法实现数据绑定的。

伯约同学·2024-08-29 07:41

【Vue3 工程自动化】自动导入多个组件

一、Vue2.X版本：require.context()require.context(dirname,useSubdirectories,RegExp)是一个webpack的api，通过该函数可以获取一个上下文

MagnumHou·2024-08-28 03:17

Vue-devtools 大揭秘：Vue3.X 和 Vue2.X 调试工具安装及使用指南

目录Vue-devtools介绍Vue2.X调试工具Vue-devtools的安装Vue2.X调试工具Vue-devtools的使用Vue3.X调试工具Vue-devtools的安装Vue3.X调试工具

前端基地·2024-08-25 10:21

探索vue2框架的世界：关于vue2.x的性能优化和常见的白屏原因

在本篇文章中，博主总结了一些常见的vue2框架性能优化方法和项目启动出现白屏的原因，还望走过路过的同行和大神们点赞关注,多多指教，用你们发财的小手给予博主大大的鼓励。vue2x性能优化1.路由懒加载，有效拆分应用大小，访问时才异步加载vue是单页面应用，可能会有很多的路由引入，这样使用webpack打包后的文件会很大当进入首页时，加载的资源过多，页面会出现白屏的情况，不利于用户体验如果我们能把不同

@德玛玩前端·2024-03-11 14:44

vue3速查笔记

文章目录一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二、常用CompositionAPI1.拉开序幕的setup2.ref函数3.reactive函数4.Vue3.0中的响应式原理vue2

一只小白菜~·2024-03-11 12:40

Vue 3 中的 Teleport 特性详解

在Vue2.x版本中，组件的渲染总是受限于其所在的父组件或祖先组件的DOM结构。有时，这会对实现某些UI交互模式造成不便

琛哥的程序·2024-03-04 14:36

我的2023，如履薄冰，你说我能保住这份工吗

7月份开始连载Spring源码系列。相比于往年，今年的技术更新确实慢了很多，有

·2024-02-20 16:46

Vue中的数据请求

Promise,并且已经做好了封装，可以直接使用)使用别人封装好的第三方库目前最流行的，使用率最高的是axiosvue中我们最常使用的vue1.x的版本提供了一个封装库vue-resource,但是到了vue2

nerao·2024-02-20 09:42

redo log —— MySQL宕机时数据不丢失的原理

扫描下方二维码或者微信搜索公众号菜鸟飞呀飞，即可关注微信公众号，阅读更多Spring源码分析、Java并发编程和Netty源码系列文章。问题在开始阅读本文之前，可以先思考一下下面两个问题。

天堂2013·2024-02-20 02:00

Vue3学习——computed、watch、watchEffect

computed与Vue2.x中computed配置功能一致写法import{computed}from'vue'setup(){...

可乐KL·2024-02-19 23:21

vue router 跳转php,vue路由：路由跳转后怎么知道切换到那个router-view中

应用场景首浏围开幸，业来很广例量站标闪择以近览着发次尝试用vue2.x重构传统页面。使用vueinitwebpackxxx创建项目友持都发很秀框事,应编差里互是过是来本商理类了如则处果。

weixin_39908106·2024-02-15 09:13

Vue3快速上手

新的特性一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二、常用CompositionAPI1.拉开序幕的setup2.ref函数3.reactive函数4.Vue3.0中的响应式原理vue2

__畫戟__·2024-02-15 06:40

Netty源码系列之 FastThreadLocal源码

目录Netty优化方案之FastThreadLocal前言ThreadLocalThreadLocal是干什么的？为什么要使用ThreadLocal工具类去操控存取目标数据到Thread线程？ThreadLocal的使用场景目标数据存储到Thread线程对象的哪里？怎么样把一个目标数据，存储到某一线程的threadLocals(Map)中？ThreadLocal中如何解决哈希冲突(哈希碰撞)的？线

etcEriksen·2024-02-14 21:34

Sentinel-Go 源码系列（三）滑动时间窗口算法的工程实现

要说现在工程师最重要的能力，我觉得工程能力要排第一。就算现在大厂面试经常要手撕算法，也是更偏向考查代码工程实现的能力，之前在群里看到这样的图片，就觉得很离谱。算法与工程实现在Sentinel-Go中，一个很核心的算法是流控（限流）算法。流控可能每个人都听过，但真要手写一个，还是有些困难。为什么流控算法难写？以我的感觉是算法和工程实现上存在一定差异，虽然算法好理解，但却没法照着实现。举个例子，令牌桶

捉虫大师·2024-02-12 17:19

Vue源码系列讲解——模板编译篇【二】(模板解析阶段)

目录1.整体流程2.回到源码3.总结1.整体流程上篇文章中我们说了，在模板解析阶段主要做的工作是把用户在标签内写的模板使用正则等方式解析成抽象语法树（AST）。而这一阶段在源码中对应解析器（parser）模块。解析器，顾名思义，就是把用户所写的模板根据一定的解析规则解析出有效的信息，最后用这些信息形成AST。我们知道在模板内，除了有常规的HTML标签外，用户还会一些文本信息以及在文本信息中包含过滤

小彭努力中·2024-02-12 15:36

Netty源码系列之 ChannelPipeline & IO处理回顾源码

目录ChannelPipeline【包含AbstractUnsafe.write的源码流程，比之前更加深化了，必看】ChannelPipeline概念回顾ChannelPipeline的创建Inbound(输入Handler)所对应的事件传播Outbound(输出Handler)所对应的事件传播【包含AbstractUnsafe.write的源码流程，比之前更加深化了，必看】ChannelPipe

etcEriksen·2024-02-12 08:27

Vue源码系列讲解——虚拟DOM篇【四】(优化更新子节点)

目录1.前言2.优化策略介绍3.新前与旧前4.新后与旧后5.新后与旧前6.新前与旧后7.回到源码8.总结1.前言在上一篇文章中，我们介绍了当新的VNode与旧的oldVNode都是元素节点并且都包含子节点时，Vue对子节点是先外层循环newChildren数组，再内层循环oldChildren数组，每循环外层newChildren数组里的一个子节点，就去内层oldChildren数组里找看有没有与

小彭努力中·2024-02-12 06:07

Vue源码系列讲解——模板编译篇【一】(综述)

目录1.前言2.什么是模板编译3.整体渲染流程4.模板编译内部流程4.1抽象语法树AST4.2具体流程5.总结1.前言在前几篇文章中，我们介绍了Vue中的虚拟DOM以及虚拟DOM的patch(DOM-Diff)过程，而虚拟DOM存在的必要条件是得先有VNode，那么VNode又是从哪儿来的呢？这就是接下来几篇文章要说的模板编译。你可以这么理解：把用户写的模板进行编译，就会产生VNode。2.什么是

小彭努力中·2024-02-12 06:06

Vue源码系列4------Vue文件的入口-----Vue的初始化

这片文章主要分析，在web应用下，Runtime+Compiler构建出来的Vue.js。入口文件在Vue源码中，入口文件为src/platforms/web/entry-runtime-with-compiler.js。入口文件通过export导出的是一个Vue对象，通过import导入相关依赖组件。首先这个Vue对象来自于；而runtime/index中的Vue对象又来自于；core/inde

Emily Qin·2024-02-11 09:42

Vue2.x源码：开启源码调试环境

gitHub上克隆或者直接下载压缩包链接：https://github.com/vuejs/vue此次源码版本为[email protected]#安装依赖npmi#安装rollup:npmi-grollup发现npmi安装失败（在Mac上操作存在）；执行[email protected]再执行npmi执行安装成功package.json文件修

HaanLen·2024-02-11 03:21

Vue源码系列讲解——虚拟DOM篇【三】(更新子节点)

1.前言在上一篇文章中，我们了解了Vue中的patch过程，即DOM-Diff算法。并且知道了在patch过程中基本会干三件事，分别是：创建节点，删除节点和更新节点。创建节点和删除节点都比较简单，而更新节点因为要处理各种可能出现的情况所以逻辑略微复杂一些，但是没关系，我们通过分析过程，对照源码，画逻辑流程图来帮助我们理解了其中的过程。最后我们还遗留了一个问题，那就是在更新节点过程中，新旧VNode

小彭努力中·2024-02-10 08:38

Uni-App学习路线

Uni-App学习路线学习Uni-app用到的技术Uni-app官网HtmlCssJavaScriptVue2.xAxiosMockScss成长路线:一.必须掌握前端基础知识html\css\js\vue2

吃肉肉不吃肉肉·2024-02-09 08:42

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

目录1.前言2.在哪里收集依赖3.使Array型数据可观测3.1思路分析3.2数组方法拦截器3.3使用拦截器4.再谈依赖收集4.1把依赖收集到哪里4.2如何收集依赖4.3如何通知依赖5.深度侦测6.数组新增元素的侦测7.不足之处8.总结1.前言上一篇文章中我们介绍了Object数据的变化侦测方式，本篇文章我们来看一下对Array型数据的变化Vue是如何进行侦测的。为什么Object数据和Array

小彭努力中·2024-02-09 07:57

Vue源码系列讲解——虚拟DOM篇【一】(Vue中的虚拟DOM)

目录1.前言2.虚拟DOM简介2.1什么是虚拟DOM？2.2为什么要有虚拟DOM？3.Vue中的虚拟DOM3.1VNode类3.2VNode的类型3.2.1注释节点3.2.2文本节点3.2.3克隆节点3.2.4元素节点3.2.5组件节点3.2.6函数式组件节点3.2.7小结3.3VNode的作用4.总结1.前言虚拟DOM，这个名词作为当下的前端开发人员你一定不会陌生，至少会略有耳闻，但不会闻所未闻

小彭努力中·2024-02-09 07:57

Vue源码系列讲解——虚拟DOM篇【二】(Vue中的DOM-Diff)

目录1.前言2.patch3.创建节点4.删除节点5.更新节点6.总结1.前言在上一篇文章介绍VNode的时候我们说了，VNode最大的用途就是在数据变化前后生成真实DOM对应的虚拟DOM节点，然后就可以对比新旧两份VNode，找出差异所在，然后更新有差异的DOM节点，最终达到以最少操作真实DOM更新视图的目的。而对比新旧两份VNode并找出差异的过程就是所谓的DOM-Diff过程。DOM-Dif

小彭努力中·2024-02-09 07:24

vue3项目keepAlive使用方法详解

常用的用法是将组件或者路由缓存，现有的用法vue2.x与vue3.x有部分差别。以下主要将keepaliev在vue3.0中的用法。

Trank-Lw·2024-02-08 13:47

读懂 FastChat 大模型部署源码所需的异步编程基础

事件循环4.await5.组合协程6.使用Semaphore限制并发数7.运行阻塞任务8.异步迭代器asyncfor9.异步上下文管理器asyncwith10.参考本文是读懂FastChat大模型部署源码系列的第二篇

javastart·2024-02-08 09:08

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

推荐频道