Vue源码探秘第33页

vue源码分析-插槽原理

Vue组件的另一个重要概念是插槽，它允许你以一种不同于严格的父子关系的方式组合组件。插槽为你提供了一个将内容放置到新位置或使组件更通用的出口。这一节将围绕官网对插槽内容的介绍思路，按照普通插槽，具名插槽，再到作用域插槽的思路，逐步深入内在的实现原理,有对插槽使用不熟悉的，可以先参考官网对插槽的介绍。10.1普通插槽插槽将作为子组件承载分发的载体，简单的用法如下10.1.1基础用法varchild=

·2022-10-18 17:11

vue源码分析-事件机制

这个系列讲到这里，Vue基本核心的东西已经分析完，但是Vue之所以强大，离不开它提供给用户的一些实用功能，开发者可以更偏向于业务逻辑而非基本功能的实现。例如，在日常开发中，我们将@click=***用得飞起，但是我们是否思考，Vue如何在后面为我们的模板做事件相关的处理，并且我们经常利用组件的自定义事件去实现父子间的通信，那这个事件和和原生dom事件又有不同的地方吗，能够实现通信的原理又是什么，带

·2022-10-18 17:11

vue源码分析-组件

我们知道，组件是Vue体系的核心，熟练使用组件是掌握Vue进行开发的基础。上一节中，我们深入了解了Vue组件注册到使用渲染的完整流程。这一节我们会在上一节的基础上介绍组件的两个高级用法：异步组件和函数式组件。6.1异步组件6.1.1使用场景Vue作为单页面应用遇到最棘手的问题是首屏加载时间的问题，单页面应用会把页面脚本打包成一个文件，这个文件包含着所有业务和非业务的代码，而脚本文件过大也是造成首页

·2022-10-17 14:05

vue源码分析-响应式系统(二)

为了深入介绍响应式系统的内部实现原理，我们花了一整节的篇幅介绍了数据(包括data,computed,props)如何初始化成为响应式对象的过程。有了响应式数据对象的知识，上一节的后半部分我们还在保留源码结构的基础上构建了一个以data为数据的响应式系统，而这一节，我们继续深入响应式系统内部构建的细节，详细分析Vue在响应式系统中对data,computed的处理。7.8相关概念在构建简易式响应式

·2022-10-17 14:34

vue源码分析-响应式系统(三)

上一节，我们深入分析了以data,computed为数据创建响应式系统的过程，并对其中依赖收集和派发更新的过程进行了详细的分析。然而在使用和分析过程中依然存在或多或少的问题，这一节我们将针对这些问题展开分析，最后我们也会分析一下watch的响应式过程。这篇文章将作为响应式系统分析的完结篇。7.12数组检测在之前介绍数据代理章节，我们已经详细介绍过Vue数据代理的技术是利用了Object.defin

·2022-10-17 14:34

vue源码分析-响应式系统(一)

从这一小节开始，正式进入Vue源码的核心，也是难点之一，响应式系统的构建。

·2022-10-17 14:33

karto探秘之open_karto 第二章 --- 参数解析

参数说明来源于Mapper.cpp中的voidMapper::InitializeParameters()方法。m_pUseScanMatching=newParameter(//是否使用扫描匹配方法进行匹配"UseScanMatching","Whensettotrue,themapperwilluseascanmatchingalgorithm.""Inmostreal-worldsituat

李太白lx·2022-10-15 16:35

karto探秘之open_karto 第一章 --- 数据结构与类的初始化

目录1雷达硬件与雷达数据管理2扫描匹配相关3地图相关4图优化的图结构相关5初始化REFERENCES本节将简要介绍open_karto中重要的类及其成员变量。1雷达硬件与雷达数据管理1.1抽象类Sensor这个类为抽象类，无具体实现，只有一个成员变量Parameter* m_pOffsetPose; //这个变量定义了雷达坐标系与base_link间的偏差1.2classLaserRangeFin

李太白lx·2022-10-15 16:04

k8s资源之APIService&ControllerRevision

欢迎关注我的公众号：目前刚开始写一个月，一共写了18篇原创文章，文章目录如下：istio多集群探秘，部署了50次多集群后我得出的结论istio多集群链路追踪，附实操视频istio防故障利器，你知道几个,

hxpjava1·2022-10-15 07:01

软件开发工程师谈测试金字塔实践

原文作者是一位德国Thoughtworks的软件开发工程师，本文将回顾传统的测试金字塔，并结合实例，进行一次有深度的探秘实践。

自动化代码美学·2022-10-15 01:25

2022-10-04 个人头马履历

万多字头马道德规范翻译，10+头马教育手册翻译2019-至今在118大区中区公众号发表推文10+，涉及关键时刻、续费、比赛、世界咖啡、换届、高效领导力、奖励机制、团队建立、俱乐部官员换届选举、职责、培训等2022.7头马探秘项目组

Amiya阿米娅·2022-10-14 12:27

vue源码分析-渲染过程

继上一节内容，我们将Vue复杂的挂载流程通过图解流程，代码分析的方式简单梳理了一遍，最后也讲到了模板编译的大致流程。然而在挂载的核心处，我们并没有分析模板编译后渲染函数是如何转换为可视化DOM节点的。因此这一章节，我们将重新回到Vue实例挂载的最后一个环节：渲染DOM节点。在渲染真实DOM的过程中，Vue引进了虚拟DOM的概念，这是Vue架构设计中另一个重要的理念。虚拟DOM作为JS对象和真实DO

·2022-10-10 16:44

vue源码分析-挂载流程和模板编译

按照Vue源码的设计思路，初始化过程还会进行很多操作，例如组件之间创建关联，初始化事件中心，初始化数据并建立响应式系统等，并最终将模板和数据

·2022-10-10 16:43

vue源码分析-基础的数据代理检测

简单回顾一下这个系列的前两节，前两节花了大量的篇幅介绍了Vue的选项合并，选项合并是Vue实例初始化的开始，Vue为开发者提供了丰富的选项配置，而每个选项都严格规定了合并的策略。然而这只是初始化中的第一步，这一节我们将对另一个重点的概念深入的分析，他就是数据代理，我们知道Vue大量利用了代理的思想，而除了响应式系统外，还有哪些场景也需要进行数据代理呢？这是我们这节分析的重点。2.1数据代理的含义数

·2022-10-10 16:42

龙口老城探秘

黄县城墙遗址龙口位于山东烟台，在烟台西部，距烟台市中心约二百华里。与烟台一样，是个滨海城市。大多数人对于作为地名的龙口并不陌生，尤其是对这里盛产的龙口粉丝，更是没有吃过也该听说过。但对于龙口的历史，以及龙口的原名是黄县，很多人却不一定了解。我已经是第三次来龙口了，也只有这一次才了解到，龙口原来并非龙口，而是黄县。而且，民间曾有这样的说法：上有天堂，下有苏杭；苏杭虽美，不如蓬黄。其中的“黄”即指“黄

Winterlily·2022-10-10 05:08

周勇//10.1国庆日//七律·壬寅岁国庆感怀//秋分·秋景·秋意（九）

深海寻幽，惊憾世界，火星探秘，振奋精神。如今绿水，亮环金闪，更有青山，满储宝珍。七律·壬寅岁国庆感怀困苦艰辛寅虎岁，龙腾佳节启新天。欢欣华夏秋分醉，喜乐家乡山月妍。神圣星旗光璨璨，清淳桂酒韵绵绵。

高山流水无情剑·2022-10-05 06:08

vue源码中的渲染过程是怎样的

4.1VirtualDOM4.1.1浏览器的渲染流程当浏览器接收到一个Html文件时，JS引擎和浏览器的渲染引擎便开始工作了。从渲染引擎的角度，它首先会将html文件解析成一个DOM树，与此同时，浏览器将识别并加载CSS样式，并和DOM树一起合并为一个渲染树。有了渲染树后，渲染引擎将计算所有元素的位置信息，最后通过绘制，在屏幕上打印最终的内容。JS引擎和渲染引擎虽然是两个独立的线程，但是JS引擎却

·2022-10-04 20:09

从vue源码中学习观察者模式

摘要：源码解读设计模式系列文章将陆陆续续进行更新中~摘要：源码解读设计模式系列文章将陆陆续续进行更新中~观察者模式首先话题下来，我们得反问一下自己，什么是观察者模式？概念观察者模式（Observer）：通常又被称作为发布-订阅者模式。它定义了一种一对多的依赖关系，即当一个对象的状态发生改变的时候，所有依赖于它的对象都会得到通知并自动更新，解决了主体对象与观察者之间功能的耦合。讲个故事上面对于观察者

·2022-10-04 20:07

深度学习Vue源码-模板编译原理

前言此篇主要手写Vue2.0源码-模板编译原理上一篇咱们主要介绍了Vue数据的响应式原理对于中高级前端来说响应式原理基本是面试Vue必考的源码基础类如果不是很清楚的话基本就被pass了那么今天咱们手写的模板编译原理也是Vue面试比较频繁的一个点而且复杂程度是高于响应式原理的里面主要涉及到ast以及大量正则匹配大家学习完可以看着思维导图一起手写一遍加深印象哈适用人群：没时间去看官方源码或者看源码看的

·2022-10-03 15:49

上帝视角看Vue源码整体架构+相关源码问答

前言这段时间利用课余时间夹杂了很多很多事把Vue2源码学习了一遍，但很多都是跟着视频大概过了一遍，也都画了自己的思维导图。但还是对详情的感念模糊不清，故这段时间对源码进行了总结梳理。本篇文章更合适于已看过Vue2源码，进一步总结加深概念的人群。若还未读过源码或零碎一知半解的小伙伴，也可以挑选阶段进行总结梳理，个人还是强烈认为需要过一遍源码。目录结构├──benchmarks性能、基准测试├──di

·2022-10-03 15:49

Vue 响应式实现原理深入浅出

本文也是在阅读了Vue源码后的理解以及模仿实现，所以跟随作者的思路，我们一起由浅入深的探索一下vue吧！本文Vue源码版本：2.6.14，为了便于理

前端码农小王·2022-10-03 08:11

vue源码分析

一、从了解一个开源项目入手要看一个项目的源码，不要一上来就看，先去了解一下项目本身的元数据和依赖，除此之外最好也了解一下PR规则，IssueReporting规则等等。特别是“前端”开源项目，我们在看源码之前第一个想到的应该是：package.json文件。在package.json文件中，我们最应该关注的就是scripts字段和devDependencies以及dependencies字段，通过

我就是陈星烨·2022-10-01 22:26

前端，通过面试去学习，框架（vue react reactHook 微信小程序）

框架面试的时候，一般面试官会问vuereact哪个用的多，再针对你用的多的进行提问就我个人而言，我觉得网上讲解vue源码的博客比较多，vue的相关面试题整理的也比较多，面试时可能更好回答一些react用的没有

IronKee·2022-09-29 15:13

Vue源码解读之InitState

前面我们讲到了_init函数的执行流程，简单回顾下：初始化生命周期-initLifecycle初始化事件-initEvents初始化渲染函数-initRender调用钩子函数-beforeCreate初始化依赖注入-initInjections初始化状态信息-initState初始化依赖提供-initProvide调用钩子函数-created一共经过上面8步，init函数执行完成，开始mount渲

·2022-09-28 12:31

百度工程师带你探秘C++内存管理（理论篇）

作者|daydreamer在互联网的服务中，C++常用于搭建高性能、高并发、大流量、低延时的后端服务。如何合理的分配内存满足系统高性能需求是一个高频且重要的话题，而且因为内存自身的特点和实际问题的复杂，组合出了诸多难题。我们可以对内存进行多种类型的划分，从内存申请大小来看：小对象分配：小于4倍内存页大小的内存分配，在4KiB页大小情况下，=16KiB算作大对象分配。从一块内存的被持有时长来看：后端

·2022-09-28 12:30

探秘C++之回炉重造

备注：本笔记作查漏补缺用，只记重点，只记干货，多的一句也不啰嗦！文章目录一、C++基础知识查漏补缺1.1C++数据类型1.1.1整型数据1.1.2浮点型数据1.1.3字符型数据1.1.4字符串型数据1.1.5布尔类型1.2C++函数1.2.1函数的声明与定义1.2.2函数的分文件编写1.3C++指针1.3.1定义和使用指针1.3.2指针变量所占的内存空间1.3.3const修饰指针二、C++核心编

X_trans·2022-09-28 07:23

一比一手写迷你版vue，彻底搞懂vue运行机制

本篇文章通过学习文档及视频教程实现手写一个简易的Vue源码实现数据双向绑定，解析指令等。

·2022-09-26 16:45

vue源码中的nextTick是怎样实现的

一、Vue.nextTick内部逻辑在执行initGlobalAPI(Vue)初始化Vue全局API中，这么定义Vue.nextTick。functioninitGlobalAPI(Vue){//...Vue.nextTick=nextTick;}可以看出是直接把nextTick函数赋值给Vue.nextTick，就可以了，非常简单。二、vm.$nextTick内部逻辑Vue.prototype.

·2022-09-26 13:29

BDTC 2018强势来袭：深度探秘大数据新应用

2018年12月6-8日，由中国计算机学会主办，CCF大数据专家委员会承办，CSDN、中科天玑数据科技股份有限公司协办的2018中国大数据技术大会（BDTC），在北京新云南皇冠假日酒店隆重召开。超过140多位海内外技术专家及知名企业、高校、科研院所代表组成的实力讲师团、上千名技术开发者齐聚于此，聚焦大数据学习发展中的痛点及瓶颈，深入解析热门技术在行业中的实践和落地，紧贴时代脉搏，开启了一场属于技术

趣味科技v·2022-09-24 07:05

实现mini-vue之 computed，watch ，数组响应式的实现

computed续上文—：有关vue源码的简单实现实现一个属于自己的min-vue本文实现：computedwatcharray的深度响应式劫持重写了数组的7个变异方法对于数组元素还是数组的也能劫持计算属性

尤雨东·2022-09-14 02:42

Vue源码解析(一)，Vue中DOM的挂载过程

1.从入口开始newVue()做了什么从入口文件开始，我们来分析一下newVue()做了哪些工作，Vue实际上是一个类，我们通过newVue()来创建一个Vue实例。现在来看一下源码，在src/core/instance/index.jsfunctionVue(options){//判断是否通过new创建Vue实例if(process.env.NODE_ENV!=='production'&&!(

当年明月又天涯·2022-09-14 02:59

CPU流水线的探秘之旅

转自：http://blog.jobbole.com/40844/本文由伯乐在线-ZengLu翻译。未经许可，禁止转载！英文出处：gamedev.net。欢迎加入翻译组。作为程序员，CPU在我们的工作中扮演了核心角色，因此了解处理器内部的工作方式对程序员来说不无裨益。CPU是如何工作的呢？一条指令执行需要多长时间？当我们讨论某个新款处理器拥有12级流水线还是18级流水线，甚至是更深的31级流水线时

laviolette·2022-09-13 00:38

中秋节回顾与育儿思考

第一天和几个月没见的朋友一家人聚餐，下午去千年古街山塘街探秘尝美食拍美照。第二天和邻居一家带着孩子们老人们去树山爬山，下午自制了龟苓膏和西米，拌了西瓜、芒果和火龙果做成了水果捞，全家吃了都说好。

阿珍Jany·2022-09-12 20:17

React 18探秘（上）

React17那篇没有任何新特性的博客还历历在目，半年多后，终于等来了17铺路许久的18发布计划，本来想赶紧看看都有些啥，无奈事情略多，一直拖到现在，最近有点点时间，看看18给我们带来了什么。17发布消息出来的那会我一直好奇这个没有新特性的发布目的是啥，一通搜索之后得到了一些答案：17在给未来的ConcurrentMode铺路，为大家做好未来渐进式升级的准备。React的ConcurrentMod

teobler·2022-09-08 14:47

从 Linux 内核角度探秘 JDK NIO 文件读写本质

1.前言笔者在《从Linux内核角度看IO模型的演变》一文中曾对Socket文件在内核中的相关数据结构为大家做了详尽的阐述。又在此基础之上介绍了针对socket文件的相关操作及其对应在内核中的处理流程：并与epoll的工作机制进行了串联：通过这些内容的串联介绍，我想大家现在一定对socket文件非常熟悉了，在我们利用socket文件接口在与内核进行网络数据读取，发送的相关交互的时候，不可避免的涉及

·2022-09-06 16:54

如何自制一个Spring Boot Starter并推送到远端公服

基于SpringBoot开发应用的过程可谓是幸福感满满，其开箱即用的特性分析已经在《SpringBoot应用程序启动过程探秘》一文中详细叙述过了。这个开箱即用的

weixin_33958585·2022-09-04 16:45

vue(8) - 收藏集 - 掘金

https://segmentfault.com/a/11900000093932312017百度前端技术学院——vue源码分析之动态数据绑定一-前端-掘金一、Object.keys()Object.keys

barnett_y·2022-09-02 10:40

Vue-js-源码剖析-响应式原理（19）

Vue源码解析-响应式原理欢迎访问个人网站：blog.5coder.cn课程目标Vue.js的静态成员和实例成员初始化过程vue.use()、vue.set()、vue.extened()等这些全局成员的创建过程

5coder·2022-09-01 20:57

JS设计模式之发布-订阅模式

目录概念举例特点代码实现事件监听函数addEventListenerjQuery实现原生方式实现手写JS实现Vue的EventBusvue源码中的实现优缺点概念它定义了一种一对多的关系，让多个订阅者对象同时监听一个发布者

神小夜·2022-08-31 09:23

云聚华为伙伴暨开发者大会GaussDB专场

在“探秘GaussDB，打造坚实金融数据新底座”专场，华为云数据库首席架构师冯柯、工商银行软件开发中心高级经理董勇明、上海掌数科技有限公司首席顾问邹昌根和华为云数据库创新LAB主任张文亮以线上的形式现身

·2022-08-30 21:14

印度有个 “扎克伯格庙”？

硅谷Live/实地探访/热点探秘/深度探讨新年第一天，推特CEO杰克•多西（JackDorsey）发了一条推特，说他进行了为期十天的“内观”（Vipassana），“感觉棒极啦！”

硅谷密探·2022-08-28 15:14

C#中的yield关键字详解

本篇来重温yieldreturn的用法，探秘yield背后的故事并自定义一个能达到yieldreturn相同效果的类，最后体验yieldbreak的用法。

·2022-08-27 14:37

阿里p9技术专家纯手打《程序员“不迷茫”职业路指南》给你指明方向

《程序员的三门课技术精进、架构修炼、管理探秘》循序渐

Java_ttcd·2022-08-24 18:55

雨荷锦湖诗社投稿分类

持胄乘风凌壮志，探秘银河圆梦中。举杯华夏红。

雨荷燕宁·2022-08-22 13:33

探秘微空间‖一九七潜艇探幽

静月园（2022年8月10日）一洋蓝说：“现在已经是大汪洋水域了”耘浩说：“应该是过了双叉岛才是真正的进入大汪洋水域”洋蓝：“水下有建筑，城市楼房，我们的双月号不会碰上吗？”耘浩：“不会的，我们按航行图给的路线走，这样我们不会触碰到建筑物的。我选择的路线是先探究大汪洋一号大深谷，检验我们厂生产的双月号潜艇的深海抵抗力。这个一号海谷是考验潜艇的必修课。”洋蓝：“为什么有一片海域图被被圈记上了红颜色？

静月园·2022-08-21 18:41

探秘红黑树

一概述红黑树是一棵二叉搜索树，它在每个节点上增加了一个存储位来表示结点的颜色，可以是RED或BLACK。通过对任意一条从根到叶子的简单路径上各个结点的颜色进行约束，红黑树确保没有一条路径会比其他路径长出2倍，因此近似于平衡的。红黑树中每个结点包含了5个属性：color，key，left，right和p。如果一个结点没有子结点或父结点，则该结点响应指针属性的值为空，我们可以将这些空指针作为执行二叉搜

至学者·2022-08-21 09:36

vue源码解读子节点优化更新

目录前言优化前存在的问题优化策略分析源码解析小结前言Vue中更新节点，当新VNode和旧VNode都是元素节点且都有子节点时，Vue会循环对比新旧VNode的子节点数组，然后根据不同情况做不同处理。虽然这种方法能解决问题，但是当更新子节点特别多时，循环算法的时间复杂度就会很高，所以Vue对此进行了优化。优化前存在的问题现在有新的newChildren数组和旧的oldChildren数组：newCh

·2022-08-20 19:20

秋念

那时的秋是热烈的，处处果香，且气温宜人，兴之所至，可随时出游，赏五彩缤纷的田野与山坡，探秘山谷中的小村庄，即使不远行，伴着暮色黄昏后，远处悄然升起的圆月或弯月，驱车行驶在回家的路上，惬意悠然。

梅子晴·2022-08-20 11:11

Vue-源码详解mixin混入和合并策略

官方文档对mixin介绍比较少，不能了解甚少，于是便想研究下源码对它混入做个研究和总结本文基于Vue源码2.x版本一、说在前面在分析mixin之前，先看看两个方法，它们在混入的合并过程中扮演着重要的

liu__software·2022-08-15 09:03

Vue源码cached解析

目录前言参数解释传入参数返回参数源码解释实验解释源码疑问前言创建一个纯函数的缓存版本主要用途：优化性能——对于之前运算过一次的内容，利用闭包原理，缓存起来，避免重复调用，造成性能的浪费/***Createacachedversionofapurefunction.*/functioncached(fn){varcache=Object.create(null);return(functioncac

·2022-08-13 12:31

推荐频道

Vue源码探秘