文章 2023-05-07 来自:开发者社区

实现最精简的响应式系统来学习Vue的data、computed、watch源码

导读记得初学Vue源码的时候,在defineReactive、Observer、Dep、Watcher等等内部设计源码之间跳来跳去,发现再也绕不出来了。Vue发展了很久,很多fix和feature的增加让内部源码越来越庞大,太多的边界情况和优化设计掩盖了原本精简的代码设计,让新手阅读源码变得越来越困难,但是面试的时候,Vue的响应式原理几乎成了Vue技术栈的公司面试中高级前端必问的点之一。这篇文....

实现最精简的响应式系统来学习Vue的data、computed、watch源码
文章 2022-06-27 来自:开发者社区

Vue3+TS系统学习九 - Vue3实现过渡动画

一. 基本过渡动画1.1. 认识过渡动画在开发中,我们想要给一个组件的显示和消失添加某种过渡动画,可以很好的增加用户体验:React框架本身并没有提供任何动画相关的API,所以在React中使用过渡动画我们需要使用一个第三方库 react-transition-group;Vue中为我们提供一些内置组件和对应的API来完成动画,利用它们我们可以方便的实现过渡动画效果;我们来看一个案例:Hello....

Vue3+TS系统学习九 - Vue3实现过渡动画
文章 2022-06-27 来自:开发者社区

Vue3+TS系统学习八 - 组件化知识补充(下)

三. 模块引用3.1. $refs某些情况下,我们在组件中想要直接获取到元素对象或者子组件实例:在Vue开发中我们是不推荐进行DOM操作的;这个时候,我们可以给元素或者组件绑定一个ref的attribute属性;组件实例有一个$refs属性:它一个对象Object,持有注册过 ref attribute 的所有 DOM 元素和组件实例。App.vue的实现:<template> ...

Vue3+TS系统学习八 - 组件化知识补充(下)
文章 2022-06-27 来自:开发者社区

Vue3+TS系统学习五 - 组件化开发基础

一. 认识组件化1.1. 什么是组件化?人面对复杂问题的处理方式:任何一个人处理信息的逻辑能力都是有限的所以,当面对一个非常复杂的问题时,我们不太可能一次性搞定一大堆的内容。但是,我们人有一种天生的能力,就是将问题进行拆解。如果将一个复杂的问题,拆分成很多个可以处理的小问题,再将其放在整体当中,你会发现大的问题也会迎刃而解。复杂问题的处理组件化也是类似的思想:如果我们将一个页面中所有的处理逻辑全....

Vue3+TS系统学习五 - 组件化开发基础
文章 2022-06-27 来自:开发者社区

Vue3+TS系统学习二 - 邂逅Vue3开发

一. 认识Vue.js1.1. 认识VueVue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。全程是Vue.js或者Vuejs;什么是渐进式框架呢?表示我们可以在项目中一点点来引入和使用Vue,而不一定需要全部使用Vue来开发整个项目;1.2. Vue的安装Vue是一个JavaScript的库,刚开始我们不需要把它想象的非常复杂,我们就把它理解成一个已经帮助我们....

Vue3+TS系统学习二 - 邂逅Vue3开发

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注