vue2.x源码系列第7页

【Vue3.0】- 响应式

响应式原理响应式是Vue.js组件化更新渲染的一个核心机制Vue2.x响应式实现Object.definePropertyAPI劫持数据的变化在数据被访问的时候收集依赖然后在数据被修改的时候通知依赖更新在

啦啦啦喽啰·2023-10-04 14:24

源码系列——Axios

茶已备好，只待君来！感谢关注前端点线面(>‿{console.log('请求拦截器一',config);returnconfig;},error=>{console.log('requestinterceptorrejected1');returnPromise.reject(error);});//请求拦截器二axios.interceptors.request.use(config=>{con

前端点线面·2023-10-04 08:58

JVM系列之JVM介绍

JVM系列之JVM介绍1、为什么要学习JVM2、JVM定义3、JVM的作用4、查看自己的JVM5、JVM，JRE和JDK联系6、往期佳文6.1、面试系列6.2、技术系列6.3、源码系列6.4、数据结构和算法系列

Java学习之乐·2023-10-03 00:40

[vue 源码系列] ref 与 $refs 如何关联

先问大家一个简单的问题：还有人记得jquery里面的data方法是如何让DOM节点绑定对应的数据对象的吗有时候我们做节点关联设计的思路其实有一点类似，但是在vue里面多了很多概念，比如：1、vnode:如何生成的，包含子父关系、属性data2、内置的ref对象的create如何注册3、生命周期：解析到根节点之后获取outerHTML再一步一步解析子元素用惯vue的人都会很熟悉地：使用ref来注册引

dailyvuejs·2023-10-02 13:58

vue 3.0 笔记

vue3.0笔记1、Vue3.0如何做到性能提升响应式系统升级使用Proxy对象重写响应式系统：vue2.x中使用defineProperty在初始化时遍历data中的成员，实现响应式，若成员中嵌套成员则递归实现

HIKALU·2023-10-02 11:56

vue2.x使用swiper

之前在vue2项目中要用到轮播的功能，用swiper插件实现遇到了一些坑。先上结果，运行安装命令：[email protected]在main.js文件中加上importVueAwesomeSwiperfrom'vue-awesome-swiper'import'swiper/css/swiper.css'Vue.use(VueAwesomeSwiper)轮播代码

相维变·2023-10-02 04:22

Vue2.x 源码 - ref 和 $refs

上一篇：Vue2.x源码-v-modelref被用来给元素或子组件注册引用信息，引用信息将会注册在父组件的$refs对象上。

三个木马人·2023-10-01 11:59

手写一个vue数据劫持

一、手写一个vue数据劫持二、介绍这里学习的是Vue2.x下双向绑定的方法，是数据劫持+订阅发布者模式。

Jokery·2023-10-01 03:42

Vue3.0——常用的Composition API（监听属性、生命周期、Teleport、属性、自定义事件、状态驱动的动态 CSS、注册组件、uspense、 isRef等）

目录一、常用的CompositionAPI（组合API）7.监听属性8.Vue3生命周期1)什么是生命周期2)Vue2.x中的生命周期3)Vue3.x的生命周期4）vue3新增的生命周期钩子9.Teleport10

爱喝牛奶~·2023-10-01 01:54

监听小程序的全局对象

对于vue的watch监听，还是比较舒服的一个操作，那么小程序里是没有这个api的，只能我们自己手写一个了对于监听其实就是监听val的变化，知道vue2.x的小伙伴应该知道vue中的data都是经过Object

你可曾梦见过蝴蝶·2023-09-30 13:29

VUE pdf.js 实现远程pdf文件预览

https://mozilla.github.io/pdf.js/getting_started/#download2：将下载的pdf文件放入项目静态文件中，vue3.0的话放入到public下，如果是vue2

lxw1005192401·2023-09-29 18:10

vue3学习笔记(1)

本篇文章就来介绍一下Vue3.0的使用以及和Vue2.x的区别。

liuwenjie_·2023-09-28 21:57

05-LinkedList 源码解析（集合）

注：源码系列文章主要是对某付费专栏的总结记录。如有侵权，请联系删除。LinkedList适用于集合元素先入先出和先入后出的场景，在队列源码中被频繁使用，面试也经常被问到。

xinxisimple·2023-09-28 14:37

较真儿学源码系列-PowerJob MapReduce源码分析

之前分析过PowerJob的时间轮源码，感兴趣的可以查看《较真儿学源码系列-PowerJob时间轮源码分析》1简介MapReduce是一种编程模型，以及在集群上使用并行、分布式算法处理和生成大数据集的相关实现

天瑕·2023-09-28 07:01

较真儿学源码系列-PowerJob时间轮源码分析

之前分析过PowerJob的启动流程源码，感兴趣的可以查看《较真儿学源码系列-PowerJob启动流程源码分析》1简介试想一下，如果此时有一个需要延迟3s执行的任务，你会怎么实现呢？

天瑕·2023-09-28 07:00

Spring源码系列：Bean的加载

Spring源码系列：Bean的加载前言一.Bean的加载1.1FactoryBean的使用案例：FactoryBean的使用和定义1.2缓存中获取单例Bean1.2.1Spring解决循环依赖的原理☆

Zong_0915·2023-09-28 03:48

【vue2】vue的生命周期以及数据监听分析

版本：vue2.X、antdesignvue1.7.81.vue的生命周期是什么？

鱼干～·2023-09-27 19:46

Vue2.x 源码 - computed 和 watch 的依赖收集和更新

上一篇：Vue2.x源码-响应式原理Vue的组件对象支持计算属性computed和侦听属性watch，上一篇只是统一的分析了整个响应式的过程，这一篇针对这个两个属性来详细说明一下；文章目录computed

三个木马人·2023-09-27 19:16

vue2.x 迭代更新项目去掉缓存处理

找到build文件下的webpack.prod.conf.js文件定义一个常量versionconstVersion=newDate().getTime();然后在.js和.css前面加上.${Version}就可以了（注意得把原本的''换成``）

chendawen2014·2023-09-27 11:29

较真儿学源码系列-InheritableThreadLocal（逐行源码带你分析作者思路）

之前我写过对ThreadLocal源码进行分析的文章，感兴趣的话可以查看《较真儿学源码系列-ThreadLocal（逐行源码带你分析作者思路）》。

天瑕·2023-09-26 17:37

较真儿学源码系列-HashSet（逐行源码带你分析作者思路）

HashSet的底层是通过HashMap来实现的，之前我写过对HashMap源码进行分析的文章，感兴趣的话可以查看《较真儿学源码系列-HashMap（逐行源码带你分析作者思路）》。

天瑕·2023-09-26 17:37

较真儿学源码系列-PowerJob启动流程源码分析

PowerJob版本：4.3.2-main。1简介PowerJob是全新一代的分布式任务调度与计算框架，官网地址：http://www.powerjob.tech/。其中介绍了PowerJob的功能特点，以及与其他调度框架的对比，这里就不再赘述了。以上是PowerJob的架构图，取自官网。可以看出，PowerJob是典型的客户端/服务端交互的架构（但是在PowerJob中却没有一般分布式中间件会有

天瑕·2023-09-26 17:06

vue2.x使用debounce里debounce第二个参数怎么读取到this

最近遇到一个需求,vue2.x里的debounce的延迟时间(暂记为wait)需要通过this.wait拿到很快啊,一顿操作,有了如下代码123import{debounce}from'lodash'exportdefault

Nelson_sylar·2023-09-25 01:26

四：React进阶二（虚拟DOM）

扩展：深入Vue2.x的虚拟DOMdiff原理第一种渲染1.state数据2.JSX模板3.数据+模板结合，生成真实的DOM，来显示4.state发生改变5.数据+模板结合，生成真实的DOM，替换原始的

废柴阿W·2023-09-24 16:18

jsliang 求职系列 - 15 - 手写源码系列汇总

一目录不折腾的前端，和咸鱼有什么区别目录一目录二jsliang整理三参考文献 3.1手写系列文章 3.2手写call/bind/apply 3.3手写深拷贝和浅拷贝 3.4手写Promise二jsliang整理本系列有8篇文章，19个手写方法，大纲32个知识点。手写系列存放位置：手写系列jsliang温馨提示：公众号可能无法直接跳转对应地址，请点击阅读原文各个手写具体实现：Promise简写版Pr

JavaScriptLiang·2023-09-23 22:14

Vue 3.0 全局API

Vue2.x有许多全局API和配置，这些API和配置可以全局改变Vue的行为。

Blur Blue·2023-09-23 08:24

React源码系列之React启动过程分析

React源码系列之React启动过程分析经历一个月的学习整理，站在前人的肩膀上，对React有了一些浅薄的理解，希望记录自己的学习过程的同时也可以给大家带来一点小帮助。

web老猴子·2023-09-23 07:50

vue2 provide/inject watch 监控inject中值变化

在Vue2.x中，使用inject注入的值默认情况下是不能被watch直接监控到的，因为inject提供的值不是响应式的。

冰雪为融·2023-09-22 08:22

2023 vue2的响应式原理通俗易懂！

Vue2.x实现响应式数据：{{message}}UpdateMessageconstapp=newV

a1161105403·2023-09-22 08:38

死磕 Hutool 源码系列（零）——为什么要阅读 Hutool 源码？

image前言你懂的越多，就会发现不懂的越多本文是死磕Hutool源码系列开篇，主要叙述一下为什么要阅读Hutool源码，以及阅读Hutool源码都有哪些好处。不知道什么是Hutool？

张少林同学·2023-09-22 03:11

dubbo源码系列5-consumer服务引用

一、前沿在dubbo源码系列4-provider启动服务导出中我们了解了provider导出服务的整个过程，服务导出之后就是要应用这些服务了，即服务引入。

dragon@oo·2023-09-21 19:58

vue2.x使用Relation Graph 人物关系图谱

贴个官网：relation-graph:一个vue关系图谱组件引入relation-graphnpminstall--saverelation-graph1.人物关系图谱的基础使用importSeeksRelationGraphfrom"relation-graph";exportdefault{name:"SeeksRelationGraphDemo",components:{SeeksRela

冰糖果粒橙·2023-09-21 13:03

Vue2.x 核心基础（Vue概述，Vue基本使用，@vue/cli脚手架，Element-UI 的基本使用，Vue模板语法）

1.Vue概述尤雨溪：Vue.js的创建者2014年2月，Vue.js正式发布2015年10月27日，正式发布1.0.02016年4月27日，发布2.0的预览版本Vue：渐进式JavaScript框架声明式渲染→组件系统→客户端路由→集中式状态管理→项目构建官网：https://cn.vuejs.org/v2/guide/易用：熟悉HTML、CSS、JavaScript知识后，可快速上手Vue灵活

魔术师ID·2023-09-21 05:26

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

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

捉虫大师·2023-09-19 23:16

Vue2入门从0到1

Vue2.x基础代码使用说明以及提供一个开箱即用的demo用于练习安装开箱即用（学习推荐，最好上手）开始使用创建一个Vue实列varApp=newVue({el:'#app',//实列化dom的选择器components

-Bell-·2023-09-18 16:20

vue2.x全局引入vue-echarts

自己封装echarts觉得麻烦，所以找了一个现成的。本文基于"vue-echarts":“6.5.4”，“echarts”:“5.4.2”,1、安装npminstallechartsvue-echarts//Vue2(data(){return{option:{title:{text:'TrafficSources',left:'center'},tooltip:{trigger:'item',f

风中蒲公英·2023-09-18 09:12

08-TreeMap 核心源码解析（集合）

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

xinxisimple·2023-09-18 04:44

在项目中，关于前端实现数据可视化的技术选择

需求背景技术框架是Vue2.x版本，组件库是AntDesignofVue能够支撑足够多的图表类型开发图表大小/位置能够随意变动图表样式需要支持丰富多样的用户配置强大、开放的图表语法支持复杂的数据可视化场景兼顾电脑端和手机端

AI3D_WebEngineer·2023-09-17 22:01

jdk8源码系列-集合-ArrayList

事前准备环境搭建搭建JDK8环境可参考另一篇博客IDEA搭建JDK源码本人学习的源码https://gitee.com/bean-chan/jdk8集合目录ArrayList(Current)[LinkedList–待完善](javascript:;https://chenb.in/集合-LinkedList)[HashMap–待完善](javascript:;https://chenb.in/集

Bean Chan·2023-09-16 23:32

Vue2.x项目中愉快使用3.0特性

Vue2.x项目中愉快使用3.0特性早在Vue3源码公布之前，Vue官方已经透露了代表下一代Vue技术的Vue3将采取的新的接口使用方式。这种新的方式叫做CompositionAPI（组合式API）。

_孤傲_·2023-09-16 04:15

移动端和桌面端的前端预览pdf文件实现办法

文件前期调研可以实现pdf文件预览的方式有PDFObjectvue-pdfPDF.jspdfh5需求：在移动端和桌面端，以及vue3.x中实现预览pdf文件前四种方案，均在移动端有问题，显示不出Vue-pdf：适用于vue2

Lee 酱·2023-09-15 07:18

如何在Vue2.X/Vue3.X项目引入jQuery，以及增加jQuery.easing扩展？让你的动画效果更加丝滑！

前言还记得在2015左右，网页开发依然是jQuery的天下，虽然Vue、React开始盛行，以及后面Angular也开始抢占市场，但是jQuery在市场上依然占有较大的比重。当时的html页面大多是用jQuery来写的，为jQuery设计的插件也是相当丰富的。比如，使用jquery.js结合jquery.easing.js来实现动画效果就挺方便的。之所以使用jquery.easing.js扩展库，

帅龍之龍·2023-09-15 05:33

一文搞懂SpringBoot启动流程及自动配置

SpringBoot源码系列：一文搞懂SpringBoot中java-jar启动jar包的原理一文搞懂SpringBoot启动流程及自动配置一文搞懂SpringBoot内嵌的Tomcat一文搞懂SpringApplication

北漂流浪少年·2023-09-15 00:53

Vue3 组合式API setup语法糖

目录1.setup语法糖defineProps：defineEmits:defineExpose：2.Vue3中的组合式API1.setup语法糖Vue3引入了setup语法糖，以取代Vue2.x中的选项对象方式

万物得其道者成·2023-09-13 22:23

Vue组合式API--setup中定义响应式数据详解

一、OptionsAPI(选项式API)的弊端1.1什么是选项式API在Vue2.x中，编写组件的方式是使用OptionsAPI，它的特点是在对应的属性中编写对应的功能模块。

流水武qin·2023-09-13 22:23

vue3第六幕之【组合式API】setup语法糖

1.1Def1.2框架图示2基本框架搭建2.1datamethods等2.2返回值（两种）2.2.1返回一个对象2.22返回一个渲染函数2.2.3切记vue23混写3注意点汇总（后续补充）3.1不要与vue2

Dorable_Wander·2023-09-13 22:52

vue3 - 父子组件之间的传值 2022-03-01

近期学习vue3的父子组件之间的传值，发现跟vue2.x的父子组件之间的传值并没有太大的区别，我这边总结一下，希望对大家有所帮助。

小沙坨·2023-09-11 12:20

[源码系列：手写spring] IOC第十二节：FactoryBean

内容介绍在Spring框架中，FactoryBean是一个特殊的工厂类接口，用于创建和管理复杂的bean对象。它允许你自定义bean的创建逻辑，并且可以在bean创建过程中执行一些额外的操作。FactoryBean接口通常用于创建那些非常复杂或需要特殊处理的bean实例，例如连接池、远程服务代理等。当我们向容器中获取FactoryBean时，容器返回的不是他本身，而是他的getObject()方法

一辉ComeOn·2023-09-11 11:47

[源码系列：手写spring] IOC第十四节：容器事件和事件监听器

代码分支https://github.com/yihuiaa/little-spring/tree/event-and-event-listenerhttps://github.com/yihuiaa/little-spring/tree/event-and-event-listener内容介绍事件监听器机制Spring的容器事件和事件监听器机制允许应用程序在容器中发生特定事件时执行自定义逻辑。这