话题框架与类库 › Vue

框架与类库:Vue

聊聊vue中的keep-alive

官方介绍就是: 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 相似, 是一个抽象组件:它自身不会渲染一个 DOM 元素,也不会出现在组件的父组件链中。

当组件在 内被切换时,它的 mounted 和 unmounted 生命周期钩子不会被调用,取而代之的是 activated 和 deactivated。

简单理解就是说我们可以把一些不常变动的组件或者需要缓存的组件用包裹起来,这样就会帮我们把组件保存在内存中,而不是直接的销毁,这样做可以保留组件的状态或避免多次重新渲染,以提高页面性能。

分享8个非常实用的Vue自定义指令

在 Vue,除了核心功能默认内置的指令 ( v-model 和 v-show ),Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。

Vue 自定义指令有全局注册和局部注册两种方式。先来看看注册全局指令的方式,通过 Vue.directive( id, [definition] ) 方式注册全局指令。然后在入口文件中进行 Vue.use() 调用。

在 Vue 中为什么不推荐用 index 做 key

前端开发中,无论是 React 还是 Vue 框架,列表项都要使用唯一的 key,很多人会直接使用 index 作为 key,而并不知道 key 的原理。这篇文章就会讲解 key 的作用以及为什么最好不要使用 index 作为 key。

奇葩说框架之Vue3渲染系统

  1. vue文件是如何转换成DOM节点,并渲染到浏览器上的?
  2. 数据更新时,整个的更新流程又是怎么样的?

关于Vue3实践的一些问题清单

关于 vue3,虽然之前很早就看过了,但是也只是简单的了解一番写了几个小 demo,而且我司的主要技术栈也是 vue, 近期趁着这股学习的劲,赶紧向上申请了一个内部项目,想着用 vue3 实践一波,希望这一篇总结对一些小伙伴提供一些帮助。

以下主要会从两部分去做总结,一部分是可能混淆的点 or 一些常见的问题,另外一部分是实践过程中遇到的坑点/注意点。

奇葩说框架之 Vue更新机制

说到Diff,我们可能首先想到的就是Vue或者React中的一种更新算法,目的就是为了找出差异更新DOM树。而算法本质上是一类问题的最优解,Diff本身是差分、不同的意思,还有诸如字符串或者JSON的Diff,Linux系统中经典的文件Diff。这里我们要探讨的其实就是树的Diff,它的发展历程其实是经过了很长的一段时间。

奇葩说框架之 vue组件及逻辑复用

身为前端工程师,势必听过这个问题:“Vue 与 React 有什么区别?” 的确,Vue和React都是目前最流行、生态最好的框架,整体的功能也非常相似。

对此,我们组织了一次 diff 主题分享,采用奇葩说的模式,针对同一功能讨论下 vue 与react 的异同。本月主题将围绕以下角度带大家更深刻的认识vue和react框架: 组件及逻辑复用,diff算法,编译构建及运行,渲染。

vue与react都推崇组件式的开发理念,那么我们第一篇从组件开始,话不多说,直接进入本篇的正题:vue 组件及逻辑复用的源码解析。

你真的了解vue模版编译么?

本文的初衷是想让更多的同学知道并了解vue模版编译,所以文中主要以阶段流程为主,不会涉及过多的底层代码逻辑,请耐心观看。

【vue3源码分析】讲透响应式原理

【vue3源码分析】讲透响应式原理。

Vue.js 源码分析—— Slots 是如何实现的

Vue.js 中常用的 Slots 功能是如何设计和实现的。

解放生产力,自动化生成Vue组件文档

本文介绍了为什么需要Vue组件文档自动生成工具,以及如何对Vue组件进行解析,从解析的结果中如何获取到我们想要的信息,进而利用获取到的信息生成文档。

Vue 合并策略 optionMergeStrategies 看这里就够了

文章篇幅较长, 建议花整块时间阅读分析。 另外由于篇幅过长, 本文分三篇文章产出, 便于大家理解与阅读。

Vue SSR在好大夫的落地

好大夫在线为什么需要落地Vue-SSR这样一种技术?它给我们带来了什么样的好处、问题和挑战呢?

通过自定义 Vue 指令实现前端曝光埋点

互联网发展至今,数据的重要性已经不言而喻,尤其是在电商公司,数据的统计分析尤为重要,通过数据分析可以提升用户的购买体验,方便运营和产品调整销售策略等等。埋点就是网站分析的一种常用的数据采集方法。

埋点按照获取数据的方式一般可以分为以下 3 种:

页面埋点:统计用户进入或离开页面的各种维度信息,如页面浏览次数(PV)、浏览页面人数(UV)、页面停留时间、浏览器信息等。

点击埋点:统计用户在应用内的每一次点击事件,如新闻的浏览次数、文件下载的次数、推荐商品的命中次数等。

曝光埋点:统计具体区域是否被用户浏览到,如活动的引流入口的显示、投放广告的显示等。

政采云前端团队(ZooTeam)通过浑仪系统实现数据采集及数据可视化,分析量化的能力,想了解浑仪系统或者还不了解埋点的同学可以先阅读前端工程实践之数据埋点分析系统。

浑仪系统的数据采集是基于代码侵入式埋点方案实现的,提供了自动发送和手动调用埋点信息上报接口发送两种方式实现埋点数据上报。其中页面埋点和点击埋点是使用自动上报的方式实现,在 DOM 节点挂载特殊属性,通过埋点采集 JSSDK 监听挂载了相应属性对应的事件,在事件触发时进行埋点数据上报。曝光埋点由于涉及到有效曝光逻辑的判断,自动上报不能满足相应的需求,所以我们采用手动调用接口方式进行埋点数据上报。

Vue SSR 性能优化实践

本次分享围绕着 Vue SSR 和相关业务增长的背景,向大家展示我们做过了哪些尝试,以及一些踩坑经历,希望能给中小规模的团队带来一定的参考价值。

浅析 vue-router 源码和动态路由权限分配

上月立过一个 flag,看完 vue-router 的源码,可到后面逐渐发现 vue-router 的源码并不是像很多总结的文章那么容易理解,阅读过你就会发现里面的很多地方都会有多层的函数调用关系,还有大量的 this 指向问题,而且会有很多辅助函数需要去理解。但还&

Home - Wiki
Copyright © 2011-2024 iteam. Current version is 2.125.1. UTC+08:00, 2024-05-18 02:59
浙ICP备14020137号-1 $Map of visitor$