vue2.x源码系列第22页

MyBatis源码系列--3.mybatis源码解析（上）

分析源码，从编程式的demo入手InputStreaminputStream=Resources.getResourceAsStream("mybatis-config.xml");SqlSessionFactorysqlSessionFactory=newSqlSessionFactoryBuilder().build(inputStream);SqlSessionsession=sqlSess

威少JAVA·2022-02-06 11:29

VUE2.x中vuex的使用

vuex的使用文章目录vuex的使用vuex的安装：vuex的使用：在`main.js`中注入：编写`tab.js`：状态的获取：状态的改变：end嘿嘿，先看vuex官方的话“每一个Vuex应用的核心就是store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态(state)。”vuex是用来管理和维护多个组件间状态的传递的。vue官网中组件的传递使用的是事件发送。vue

jayLog·2022-02-05 16:15

vue2.x使用响应式vw布局(px自动转为vw)

浏览器支持一览1、依赖包引入yarnaddpostcss-px-to-viewport-optpostcss-viewport-unitscssnanocssnano-preset-advanced--dev2、更改项目根目录下.postcssrc.js文件配置module.exports={"plugins":{"postcss-import":{},"postcss-url":{},"auto

yang_fy·2022-02-05 07:51

vue2.x自动打生产包和测试包

vue自动打生产包和测试包一、build文件夹下修改1)、对应build.js建立test.js，复制build.js内容，然后做一下修改1563434969(1).jpg2)、对应webpack.prod.conf.js建立webpack.test.conf.js，修改如下Snipaste_2019-07-18_15-32-07.png注意把该文件中所有的config.build替换为confi

海豚先生的博客·2022-02-04 16:20

07-HashMap 源码解析（集合）

注：源码系列文章主要是对某付费专栏的总结记录。如有侵权，请联系删除。整体架构HashMap底层的数据结构主要是：数组+链表+红黑树。

xinxisimple·2022-02-03 19:02

Vue2源码学习笔记-2

说说看Vue2.x源码解析系列十：Patch和Diff算法如有错误，欢迎指出~更多学习笔记请戳：https://github.com/6fa/WebKno...本文目录：newVue()5.1_initVue

·2022-01-06 10:28

Vue3学习与实战 · 配置使用vue-router路由

随着Vue版本的升级，Vue2.x项目和Vue3.x项目在使用vue-router上有些区别，本文就简单介绍下vue-router在Vue3中的配置和使用。

天問_专注于大前端技术·2021-12-28 16:52

「Vue源码学习」简单讲一讲keep-alive的原理吧

回想起来，我一开始写作的时候就是写Vue源码系列的，都收录在我的掘金专栏Vue源码解析之中：「Vue源码学习(一)」你不知道的-数据响应式原理Vue源码学习(二)」你不知道的-模板编译原理「Vue源码学习

·2021-12-21 10:13

Vue2.x和Vue3.0中的响应式原理

vue2.x的响应式实现原理：对象类型：通过Object.defineProperty()对属性的读取、修改进行拦截（数据劫持）。数组类型：通过重写更新数组的一系列方法来实现拦截。

·2021-12-21 07:01

vue 3.0 封装 Toast 组件

使用vue3.0封装组件与vue2.x相比有一些区别：创建组件时使用的函数不同在vue2.x中创建一些独立组件，我们一般都是使用Vue.extend+$mount这对组合；而在vue3.0中，我们可以使用

异想天不开_9950·2021-12-15 11:57

02.vue3-组合API(上篇)

从组件生命周期来看，它的执行在组件实例创建之前vue2.x的beforeCreate执行。

姑苏_慕容博·2021-12-09 09:11

vue-cli创建项目的小细节

有时候公司还有老项目需要支持vue2.x版本的也需要对应的老版本脚手架进行搭建，同时也有新项目基于vuecli版本更高的去搭建。

·2021-11-30 14:11

即将2022年了，Vue3.x详细版为尔奉上（对比Vue2.x，打包带走）

Vue3知识已经为你总结好，赶紧学起来吧~~~Vue3新特性体验--上（内附简单实例，可直接使用）_前端不释卷leo的博客-CSDN博客1、先创建一个简单vue2项目，node、vue-cli、webpack等准备完成之后，创建vue3-test文件夹，cdvue3-test，然后vueinitwebpack，配置项目信息，创建vue2项目（安装vue-router、vuex）。vue2项目文件目

前端不释卷leo·2021-11-28 09:58

带着问题读 TiDB 源码：Hive 元数据使用 TiDB 启动报错

《带着问题读源码系列》-开篇在TiDB社区活跃较久的伙伴们应该知道，过去我们有被称为24章经的《TiDB源码阅读系列文章》，也有面向TiKV的《TiKV源码解析系列文章》以及《DeepDiveTiKV系列文章

·2021-11-26 12:35

vue3 + vite实现异步组件和路由懒加载

但是在Vue3.x中异步组件的使用与Vue2.x完全不同了。本文就详细讲讲vue3中异步组件和路由懒加载的实现。

天問·2021-11-24 11:00

敢写操作系统源码系列？我就等着看你笑话！

闪客同学告诉我说，他要在公众号搞一个系列，带着大家像读小说一样品读Linux0.11的核心代码，我立马给他泼了一盆冷水：操作系统这么枯燥的东西，怎么可能写成小说那样？写起来吃力又不讨好，你哼哧哼哧写半天，也不一定有人看！我赌你坚持不了一个月，就等着看你的笑话，哈哈。他没理我，自己搞起来了，昨天晚上我去他公众号看了两篇文章，还真是出乎我的意料：短小精悍，通俗易懂，比之前的那些Linux源码书看起来舒

码农翻身·2021-11-19 09:00

vue2.x数组的响应式

vue2.x数组的响应式在vue2中直接去修改数组中元素的值，视图是不会更新的，如下data中有一个数组为arr:[{name:“张三”,age:20,},{name:“李四”,age:18,}]如果你是这样更新数据的

跑快快ing·2021-11-17 22:53

Sentinel-Go 源码系列（二）｜初始化流程和责任链设计模式

上节中我们知道了Sentinel-Go大概能做什么事情，最简单的例子如何跑起来其实我早就写好了本系列的第二篇，但迟迟没有发布，感觉光初始化流程显得有些单一，于是又补充了责任链模式，二合一，内容显得丰富一些。初始化流程初始化做了什么Sentinel-Go初始化时主要做了以下2件事情：通过各种方式（文件、环境变量等）载入全局配置启动异步的定时任务或服务，如机器cpu、内存信息收集、metriclog写

捉虫大师·2021-11-09 12:00

Vue2.x 源码 - 初始化：initMixin(Vue)

上一篇：Vue2.x源码学习准备这一篇文章及后面的几篇文章主要看看Vue是什么，以及Vue是怎么初始化的，出于篇幅考虑，这里先看一下initMixin混入。

三个木马人·2021-10-25 16:39

vue3.x新特性之setup函数，看完就会用了

最近有小伙伴跟我聊起setup函数，因为习惯了vue2.x的写法导致了，setup用起来觉得奇奇怪怪的，在一些api混编的情况下，代码变得更加混乱了，个人觉得在工程化思想比较强的团队中使用setup确实能更好的使用模块化开发

学杂不精·2021-10-24 02:27

vue3 实现 select 下拉选项

呃哼~第一次发帖.写不好请见谅本人学生,平时在外面没事接点小项目小赚一笔补贴生活费.之前一直都是使用Vue2.x的版本做项目,暑假刚刚学习了Vue3想着新项目就直接用Vue3上手.效果展示好了,话不多说先给大佬们看看效果样式

末日沙兔·2021-10-22 13:08

vue3.x全局$toast、$message、$loading等js插件

有时候我们需要使用一些类似toast，messge、loading这些跟js交互很频繁的插件，vue3.x这类插件的定义跟vue2.x插件稍大，而且相对变得复杂了一点点。

学杂不精·2021-10-22 10:34

Vue3的7种和Vue2的12种组件通信，值得收藏

本文原文首发掘金：https://juejin.cn/post/699968...如有不对的或者遗漏的，欢迎指正，你的一赞一评都是我前行最大的动力，感谢Vue2.x组件通信12种方式写在后面了，先来Vue3

·2021-10-21 11:02

vue3.x自定义组件双向数据绑定v-model

vue2.x语法在2.x中，在组件上使用v-model相当于绑定valueprop并触发input事件：子组件内props里面value接收传进来的值，然后使用this.

学杂不精·2021-10-20 22:50

Vue3.2 响应式原理源码剖析，及与 Vue2 .x响应式的区别

本文源码版本Vue3.2.11，Vue2响应式源码剖析点这里深入浅出Vue2响应式原理源码剖析我们知道相较Vue2.x的响应式Vue3对整个响应式都做了重大升级；然后Vue3.2相较3.0版本源码又做了许多变更

·2021-10-20 16:12

阿克曼ROS小车学习之旅----学习记录

文章目录1.小车硬件介绍与遥控教程视频2.ROS底层与源码系列视频教程2.8.深度学习教程视频及资料3.ROS开发手册4.电机控制基础视频教程5.ROS源码6.STM32运动底盘源码7.原理图8.软件与驱动

sam_helloworld·2021-10-20 10:29

vue3.x移动端适配px2rem

2、前提条件1、vue3.x新建的项目，这里只说vue3.x的适配，因为vue2.x一般都创建很久了，或者不需要这么做了，亦或者改动代价太大，就不讨论了。

学杂不精·2021-10-19 17:57

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

·2021-10-03 21:29

dubbo源码系列2——spi源码解读（下）

今天是2021年10月1号，在此祝伟大的祖国母亲生日快乐，繁荣昌盛！上一节对sdkspi机制从源码角度进行了分析，文末留下思考：jdkspi有什么缺点？总结如下：无法按需加载ServiceLoader通过LazyIterator实现延迟加载，但是加载时仍然是遍历所有的类进行实例化，无法按需加载；多线程非安全ServiceLoader方法都是static，在并发时可能出现意想不到的线程安全问题；针对

xu_jiang_hua·2021-10-03 08:59

dubbo源码系列1——spi源码解读（上）

Dubbo作为分布式服务框架，致力于提供高性能和透明化的RPC远程服务调用方案。以微内核+插件机制作为底座，为上层提供易拓展特性，微内核和插件的核心即spi机制。介绍spi肯定离不开sdk提供的spi，因此分成上下两节分别介绍sdkspi和dubbospi。本节主要有四部分，安排如下：spi介绍jdkspidemojdkspi源码分析总结1、spi介绍spi（Serviceproviderinte

xu_jiang_hua·2021-09-25 17:24

Vue3 编译流程-源码解析

Vue2.x的源码我也有过一些简单的阅读，自Vue3重构后，Vue项目的目录结构也发生了很大的变

·2021-09-25 14:34

vue3 与 vue2 优点对比汇总

cacheHandlers事件侦听器缓存优点4：ssr渲染优点5：更好的Ts支持优点6：CompostionAPI:组合API/注入API优点7：更先进的组件优点8：自定义渲染API优点9：按需编译，体积比vue2

·2021-09-24 11:34

Vue3父子组件传参有关sync修饰符的用法详解

目录单向数据流讲解Vue2.x使用定义事件的形式,通知父组件修改.sync和update:的使用父传子,传递多个数据的简写采用v-model简写(要求严格)Vue3.x使用普通用法简写单向数据流讲解单向数据流

·2021-09-24 09:43

理解Vue2.x和Vue3.x自定义指令用法及钩子函数原理

目录Vue2.x用法全局注册局部注册使用钩子函数钩子函数的参数Vue3.x用法全局注册局部注册使用钩子函数较Vue2.x相比,钩子函数有变化Vue2.x用法全局注册Vue.directive(指令名,{

·2021-09-23 18:46

vue3，对比 vue2 有什么优点？

比起通用软件的生命周期来这好像也没那么久，Vue3在2020年正式推出，在源码和API都有较大变化，性能得到了显著的提升，比Vue2.x快1.2~2倍。

·2021-09-16 15:20

Vue.js slot插槽的作用域插槽用法详解

目录没有插槽的情况Vue2.x插槽有插槽的情况具名插槽没有slot属性插槽简单实例应用作用域插槽(2.1.0新增)Vue3.x插槽插槽作用域插槽没有插槽的情况1111//注册子组件Vue.component

·2021-09-15 16:28

vue2.x响应式原理-数组篇

来不及解释了，快上车......之前的一篇文章vue2.x响应式原理主要是对象的响应式，今天补充一下数组响应式的原理，因为vue对数组做了特别的处理。

唐_银·2021-09-13 10:33

spring源码系列8——最详细的循环依赖解读

前面系列3到系列7总共5篇文章分析了spring容器启动的整个过程，但未对部分重要细节进行深入分析，比如spring循环依赖，因此本节对spring循环依赖进行深入分析。先思考以下四个问题：A、spring能解决所有的循环依赖吗？B、spring如何解决循环依赖？C、一级缓存以及二级缓存能否解决循环依赖？D、为什么需要三级缓存？相信看完本文，上面问题豁然开朗。1、预备知识1.1、预备知识1——be

xu_jiang_hua·2021-09-12 16:01

Nacos源码系列——第三章（全网最经典的Nacos集群源码主线剖析）

上两个章节讲述了Nacos在单机模式下的服务注册，发现等源码剖析过程，实战当中其实单机是远远不够的，那么Nacos是如何在集群模式下是如何保证节点状态同步，以及服务变动，新增数据同步的过程的！重要几个点：1、Nacos心跳在集群架构下的设计原理剖析2、Nacos集群节点+服务状态同步源码剖析3、Nacos集群服务新增数据同步源码剖析4、Nacos集群节点增加后数据同步源码剖析1、集群环境下如何进行

风清扬逍遥子·2021-09-11 22:16

spring源码系列7——spring启动流程5

前面系列6分析了Bean的实例化过程，本节分析初始化过程。发车！1、doCreateBeanprotectedObjectdoCreateBean(StringbeanName,RootBeanDefinitionmbd,@NullableObject[]args)throwsBeanCreationException{//Instantiatethebean.BeanWrapperinstanc

xu_jiang_hua·2021-09-05 17:00

Vue2源码解读三：数据变化侦测-数据响应式原理

Vue2.X官方文档中已经阐述了深入响应式原理，简单来讲就是数据修改之后，被es5里边Object.defineProperty,setter拦截到了，通知watcher，watcher对函数进行渲染，

·2021-08-31 19:31

Vue源码模板编译解析

vue源码模板编译模板编译的主要目的是将模板(template)转换为渲染函数(render)模板编译作用Vue2.x使用VNode描述视图以及各种交互，用户自己编写VNode比较复杂用户只需要编写类似

·2021-08-25 13:28

vue2.x响应式原理浅析

Observedemo响应式demofunctionupdateView(val){console.log('视图更新',val)}//重新定义数组原型constarrayProto=Array.prototype//创建新对象，原型指向arrayProto，再扩展新的方法不会影响原型constarrayMethods=Object.create(arrayProto);['push','pop'

·2021-08-24 19:08

Vue3.x使用mitt.js进行组件通信

目录快速开始使用方式核心原理Vue2.x使用EventBus进行组件通信，而Vue3.x推荐使用mitt.js。比起Vue实例上的EventBus，mitt.js好在哪里呢？

·2021-08-24 13:49

Vue2.x配置路由导航守卫实现用户登录和退出

用户登录代码三、用户退出1.实现代码总结前言之前在Vue的学习中通过路由导航守卫控制实现了用户登录模块的功能，现在再次做项目时又要通过Vue配置路由导航守卫来实现相同的功能，在此将实现过程进行记录与总结（本文基于Vue2

·2021-08-23 22:17

Vue2.x响应式简单讲解及示例

一、回顾Vue响应式用法vue响应式，我们都很熟悉了。当我们修改vue中data对象中的属性时，页面中引用该属性的地方就会发生相应的改变。避免了我们再去操作dom，进行数据绑定。二、Vue响应式实现分析对于vue的响应式原理，官网上给了出文字描述https://cn.vuejs.org/v2/guide/reactivity.html。vue内部主要是通过数据劫持和观察者模式实现的数据劫持：vue

·2021-08-22 15:06

一篇文章搞定echarts地图轮播高亮

技术栈用的是vue2.x相信效果大家已经清楚了那我们就开干吧。toDoList简单的准备一个地图保存实例备用设置定时器设置鼠标移入移出事件ju

·2021-08-20 14:00

手动实现一下vue的基本原理

刚刚看了一些源码有感，所以来挑战一下自己,我们都知道vue2.x原理就是Object.defineProperty(),这个方法的官方描述就是方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性

行走在黑夜下的舞者·2021-08-19 21:32

vue2.x 学习进阶

v-ifvsv-showv-if是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。相比之下，v-show就简单得多——不管初始条件是什么，元素总是会被渲染，并且只是简单地基于CSS进行切换。计算属性缓存vs方法计算属性：computed:{//计算属性的getterreversedMessage:function(){//`this`指向vm实例retu

·2021-08-17 17:08

（nacos源码系列）springBoot下实现http请求的异步长轮询—AsyncContext

AsyncContext介绍1.1概念1.2疑问项目实战2.1API方法2.2项目实战—实现配置更新nacos实现长轮询1.AsyncContext介绍有这么一个场景：客户端轮询的去服务器读取更新的配置信息，但读取的频率高就会影响客户端和服务器的性能。那么如何优化这种场景呢？1.1概念SpringBoot集成了servlet一系列的操作，故servlet提供的新特性，在SpringBoot环境中可

小胖学编程·2021-08-15 20:31

推荐频道

vue2.x源码系列