vue2.x源码系列第15页

【手撕源码】vue2.x中keep-alive源码解析

个人主页：不叫猫先生‍♂️作者简介：前端领域新星创作者、阿里云专家博主，专注于前端各领域技术，共同学习共同进步，一起加油呀！系列专栏：vue3从入门到精通、TypeScript从入门到实践资料领取：前端进阶资料以及文中源码可以找我免费领取前端学习交流：博主建立了一个前端交流群，汇集了各路大神，一起交流学习，期待你的加入！(文末有我wx或者私信)目录一、前世尘缘二、keep-alive内置组件1.缓

不叫猫先生·2023-03-15 14:26

vue3中vuex与pinia初识

众所周知的是vue2.x中状态管理工具用的是vuex，而vue3中也是可以使用vuex的，且用vuecli创建的vue3项目里面也是可选vuex是否安装的，或者项目初始化时不安装，如果有需要再进行安装使用

qq252750818·2023-03-15 13:42

图个源码系列 · 开端 · eureka项目解构

目录1、eureka的项目分析2、其实，我就是个web工程eureka，是springCloud生态中的负责构建服务注册与发现的注册中心组件。本文，通过从eureka的项目结构出发，一点点去剖析eureka的源码。1、eureka的项目分析既然要看源码一定是先把代码拉到本地，GitHub地址【https://github.com/Netflix/eureka】，本文基于1.7.3版本去分析。基于G

逆熵架构·2023-03-15 12:00

Vue3.0（vite工具搭建项目）

vue3.0浅析前提vue2.X中很多内容被保存下来；vue3.0采用的是typescript进行重构的几大亮点1.performance：性能比vue2.X快了1.2~2倍。

前端小码农呀·2023-03-15 09:16

【vue3】子组件修改父组件传过来的props数据

1.修改父组件普通数据使用v-mode语法，代替了vue2.x的.sync修饰符父组件用ref()定义一个普通数据为响应式变量，例vartest=ref(‘parent’)父组件用v-mode将数据绑定到子组件上其实它是以下的简写

前端阿彬·2023-03-15 06:14

vue实现分页功能(BootStrap5.x + vue2.x)

0.前置知识SpringBoot基础Vue2.x尚硅谷Vue视频前三十集内容BootStrap会看文档，懂点英文1.需求实现注意第一页的前一页功能为disabled同理第四页的后一页功能为disabled

Ravi-Moonlight·2023-03-15 04:50

深入vue2.0源码系列:手写代码模拟Vue2.0实现虚拟DOM的实现原理

前言Vue的核心之一是虚拟DOM，这使得Vue在数据变化时可以快速更新DOM而不需要重新渲染整个页面。在本文中，我们将手写代码模拟Vue2.0实现虚拟DOM的实现原理，让您了解其基本原理。理解虚拟DOM是一种内存中的表现形式，它是由JavaScript对象构成的树状结构。当Vue的数据发生变化时，Vue会先生成新的虚拟DOM，然后比较新旧虚拟DOM的差异，并将差异应用于真实DOM上。这样做的好处是

嚣张农民·2023-03-15 02:08

深入vue2.x源码系列:手写代码来模拟Vue2.x的响应式数据实现

前言Vue响应式原理由以下三个部分组成：数据劫持：Vue通过Object.defineProperty()方法对data中的每个属性进行拦截，当属性值发生变化时，会触发setter方法，通知依赖更新。发布-订阅模式：Vue使用发布-订阅模式来实现数据的响应式更新。当数据发生变化时，会通知依赖进行更新。依赖收集：Vue在渲染组件时，会对模板中使用到的数据进行依赖收集，将组件中使用到的数据和对应的Wa

嚣张农民·2023-03-15 02:38

Spring源码系列-第1章-Spring源码纵览【持续更新中】

文章目录必读第1章-Spring源码纵览概述简单的继承关系图Spring框架整体流程核心组件接口分析Resource资源方法实现类ResourceLoader资源加载器方法实现类BeanFactory-Bean工厂AbstractApplicationContextGenericApplicationContextDefaultListableBeanFactory注册BeanDefinition

youthlql·2023-03-15 01:00

深入vue2.0源码系列:手写代码模拟vue2.0组件化的实现

前言在开始之前，我们先来了解一下Vue2.0的组件化开发模式。Vue2.0中的组件化开发模式主要包含以下几个方面：组件注册：通过Vue.component()方法注册组件，让Vue2.0知道该组件的存在。组件数据：组件内部的数据应该被封装在组件实例内部，避免和其他组件或应用程序的数据冲突。组件模板：组件模板应该被定义在组件实例内部，而不是HTML文件中。组件通信：组件之间的通信应该通过父子组件之间

嚣张农民·2023-03-15 01:21

解决elemnt-ui安装后运行报错的问题

新建了Vue2.x项目并引入element-ui后执行npmrundev发现编译报错找不到依赖：Thisdependencywasnotfound:element-ui/lib/theme-default

易冷zzz·2023-03-14 18:46

慕课网Vue知识进阶学习笔记

慕课网Vue知识进阶慕课网学习网址链接:3小时速成Vue2.x核心技术1.vue环境搭建慕课网链接：vue工具和nvm及cnpm下载讲解视频链接nvm：nodeversionmanager—node版本管理器下载和安装

果木山·2023-03-13 20:11

[个人开源]vue-code-view:一个在线编辑、实时预览的代码交互组件

组件简介vue-code-view是一个基于vue2.x、轻量级的代码交互组件，在网页中实时编辑运行代码、预览效果的代码交互组件。

Anduril·2023-03-13 19:22

vue2.x 项目 webpack升级vite避坑总结

前言目前一个用webpack构建的vue2.X项目由于业务扩展越来越大，导致项目在本地编译时热更新很慢，页面更新需要10几秒以上。

Lilio1216·2023-03-13 16:02

学习vue-element-admin引入svg图标

一、vue2.x中使用svg图标的相关配置1.扩展svg-sprite-loader加载器安装依赖：npminstallsvg-sprite-loader在webpack.base.conf配置文件mudule.rules

Lilio1216·2023-03-13 16:32

1.vue3.0优化

vue3.01.vue3.0六大特点-Perfprmace:性能比Vue2.x快1.2~2倍-Treeshakingsupport:按需编译，体积比vue2.x更小-CompositionAPI:组合API

杜维爸爸·2023-03-13 01:31

Vue 手势支持 vue-touch

插件源码和教程：https://github.com/vuejs/vue-touch安装：vue2.x不再支持，vue3安装方法·[email protected]·错误找不到路径重新启动服务错误

Zszen·2023-03-12 15:47

vue2.x学习笔记

一个Vue应用由一个通过newVue创建的根Vue实例，以及可选的嵌套的、可复用的组件树组成。所有的Vue组件都是Vue实例，并且接受相同的选项对象(一些根实例特有的选项除外)。指令：职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于DOM以下是某些vue和angular指令的对比：指令带有前缀v-，以表示它们是Vue提供的特殊attribute。v-bind:title=|[titl

w_tiger·2023-03-11 21:39

go-zero源码系列-开篇

这两年一直在关注golang这门语言，初次接触到go-zero是在B站看go夜读系列作者关于go夜读的分享，整体讲非常非常好真正做到了将服务端技术栈讲解的深入浅出娓娓道来，其中最吸引人的莫过于go-zero框架开发的设计准则：保持简单，第一原则弹性设计，面向故障编程工具大于约定和文档高可用高并发易扩展对业务开发友好，封装复杂度约束做一件事只有一种方式有点Unix设计哲学KISS(KeepitSim

ouyangan·2023-03-10 14:26

2021 前端 VUE 面试题总汇

文章目录1、vue的生命周期2、Vue2.x双向绑定原理3、Vue3.x响应式原理4、v-for为什么要加上key5、Vdom的理解6、vuex的结构，以及actiion和mutation的区别7、axios

三个木马人·2023-03-10 11:39

vue3之生命周期函数

vue3的生命周期函数跟vue2.x版本有了很大的不同,在vue3中移除了beforeCreate和created,增加了setup函数

魔幻星辰·2023-03-10 04:27

使用Vue-Router 2实现路由功能

注意：vue-router2只适用于Vue2.x版本，下面我们是基于vue2.0讲的如何使用vue-router2实现路由功能。推荐使用npm安装。

素时年锦·2023-03-10 00:38

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

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

IT沐华·2023-03-09 22:58

聊一聊 Vue3 中响应式原理

相比于Vue2.x，Vue3.0在新的版本中提供了更好的性能、更小的捆绑包体积、更好的TypeScript集成、用于处理大规模用例的新API。

Cryptic·2023-03-09 21:11

前端使用hls方式播放h265(HEVC)格式的.ts在线文件，附vue2.x封装h265web.js代码，附github项目地址

接上一篇h265web.js同时播放多个视频，修改官方example中player.js并重新编译,这里使用vue2.x封装最新版本h265web.jsv20220916tag【注意:后面有新版本了，tagv20220916

阿巳交不起水电费·2023-03-09 19:39

Vue源码系列（一）：Vue源码解读的正确姿势

对应的掘金链接：Vue源码系列（一）：Vue源码解读的正确姿势欢迎到掘金点赞加关注，感谢对未来最好的馈赠，就是珍惜现在的时光，努力的付出，勇敢的面对，做一切想做的事，完成一个个眼前的目标，不辜负当下。

Ning_DZ·2023-02-27 19:49

Vue的生命周期和钩子函数（一）——数据初始化

本篇博文基于Vue2.X，3.0的一些特殊机制和语法暂不做考虑。阅读全篇时间约12分钟，仅了解钩子函数使用及使用场景，需约4分钟。正文我们都知道，创建一个Vue实例，需要通过newVue()来实现。

枸杞加上·2023-02-24 16:14

tomcat源码系列---启动分析之Catalina初始化

tomcat源码系列—启动分析之Catalina初始化Bootstraptomcat运行是通过Bootstrap的main方法启动的，Bootstrap是tomcat的入口，它会完成初始化ClassLoader

lhrimperial·2023-02-21 12:15

Mybatis源码解析(十)：一级缓存和二级缓存

Mybatis源码系列文章手写源码（了解源码整体流程及重要组件）Mybatis源码解析(一)：环境搭建Mybatis源码解析(二)：全局配置文件的解析Mybatis源码解析(三)：映射配置文件的解析Mybatis

冬天vs不冷·2023-02-19 19:25

10-Map 相关面试题（集合）

注：源码系列文章主要是对某付费专栏的总结记录。如有侵权，请联系删除。

xinxisimple·2023-02-19 07:51

Vue3以及element-plus最新版，国际化，多语言，高度封装。按模块区分语言文件，适应大型项目。减少冲突。

如果大家看到的中文版本应该是适用vue2.x的版本。vue3+以上的vue-i18n文档vue3+以上的使用方式改变了。可能是为了跟vue3保持一致

默默无闻的小人物·2023-02-18 23:13

vue2.x使用递归组件渲染树形数据结构

概念：递归组件，顾名思义，就是自己的内部实现又调用自己的组件。比如Vue官方给的treeView的例子，父目录下有子目录，子目录下还有子目录，子子孙孙，无穷尽也。就像俄罗斯套娃。应用场景：贴吧评论，多级回复；朋友圈评论，多级回复。看图比较好理解，如下图：image.png待更新。。。

风中凌乱的男子·2023-02-17 18:57

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

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

天問_专注于大前端技术·2023-02-17 02:08

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

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

IT沐华·2023-02-17 02:34

公司企业站Vue-CLI4开发环境搭建详解

技术概括Vue2.x、CLI4、webpack、npm（cnpm）、node环境（10+）、vue-router、axios（自行封装

FTD止水·2023-02-17 00:46

Vue3 学习笔记 —— （一）深入理解组合式 API

学习笔记梳理)Author：GoritDate：2021/4/24Refer：网易云课堂2021年发表博文：17/50Vue3学习学习文档如果是第一次接触Vue3，可以看这个Vue3初体验零、Vue3.0与Vue2

CodingGorit·2023-02-16 21:31

0源码基础学习Spring源码系列（二）——Spring如何解决循环依赖

作者：京东科技韩国凯1.1解决循环依赖过程1.1.1三级缓存的作用循环依赖在我们日常开发中属于比较常见的问题，spring对循环依赖做了优化，使得我们在无感知的情况下帮助我们解决了循环依赖的问题。最简单的循环依赖就是，A依赖B，B依赖C，C依赖A，如果不解决循环依赖的问题最终会导致OOM，但是也不是所有的循环依赖都可以解决，spring只可以解决通过属性或者setter注入的单例bean，而通过构

·2023-02-16 20:40

0源码基础学习Spring源码系列（一）——Bean注入流程

作者：京东科技韩国凯通过本文，读者可以0源码基础的初步学习spring源码，并能够举一反三从此进入源码世界的大米！由于是第一次阅读源码，文章之中难免存在一些问题，还望包涵指正！一、@Autowired与@Resource的区别用一句话总结两者的区别就是：@Autowired会先通过类型注入，即byType，当存在有多个类型时会通过名称注入。@Resource则相反，会先通过名称注入，即byName

·2023-02-16 20:52

vue2.x实现鼠标拖拽div右下角进行缩放的功能

exportdefault{name:'Drag',data(){return{disX:0,disY:0,down:false}},mounted(){document.addEventListener('mouseup',()=>{this.down=falsedocument.onmousemove=nulldocument.onmousedown=nulldocument.onmouseu

罗倩楠_666·2023-02-06 19:02

vue组件模板

如果编辑器不能针对.vue生成对应的模板的情况下，该文件可供外部复用根据需要做修改，并且把不需要用到的函数注释删除vue2.x的更多详情可参照https://vuefe.cn/v2/guide/exportdefault

Dennis_丹尼斯·2023-02-06 06:15

一步一步讲解underscore源码系列（一）——项目初始化

这是underscore源码系列第一节，帮助很多第一次看源码的同学理解和循序渐进的学习源码废话不多说，直接进入主题。

悦者生存·2023-02-05 22:35

Vue2.x打包资源路径查找

Vue2.x打包之后发布注意点，资源的寻找路径配置打包之后，dist目录下一般是有一个index.html和static文件夹index里面引用资源的方式是src="/static/js/xxxxx.js

贫下码农·2023-02-05 11:55

Vue 3.2 源码系列：04-有点难的《最新 diff 算法详解》

本文首发自：稀土掘金、思否博客代码已上传至github点击这里即可访问另提供：完整代码（ts+rollup）和视频教程序所谓算法指的是：把一种数据结构转化为另外一种数据结构的方法。在runtime(运行时)阶段存在一个无论如何都绕不过去的核心功能，那就是diff算法。本博客将基于最新（2023年1月20日）的vue3.2版本，为大家详细讲解diff算法逻辑，博客内容较长（已经尽量精简）、并且有点难

·2023-02-04 17:28

vue 自定义组件 - 五星评分

开发环境vue2.x两张资源图片xing.pngxing2.png组件LzRoatingBar.vueexportdefault{name:"lz-roating-bar",props:{iScore:

微笑中的你·2023-02-04 06:33

vue2升级vue3：Vue3时jsx组件绑定自定义的事件、v-model、sync修

踩坑笔记：组合式API之Setup(props,context)—Vue2.x到Vue3注意Vue2的.sync修饰符转Vue3中v-model可以先看vue2的.sync修饰符文档：https://cn.vuejs.org

zhoulujun·2023-02-04 04:09

11-HashSet、TreeSet 源码解析和面试题（集合）