写点什么

vue2

0 人感兴趣 · 60 次引用

  • 最新
  • 推荐
https://static001.geekbang.org/infoq/fb/fb5c887db34948337c96b0697afce315.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

热点面试题:Vue2、3 生命周期及作用?

系列首发于公众号『前端进阶圈』 ,更多精彩内容敬请关注公众号最新消息。

https://static001.geekbang.org/infoq/29/297869bc4fe3ec8afac85d9b8ab6e521.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Vue 实现日期选择器

用户头像
游坦之
2022-10-18

本以为这是一个很简单的功能,几分钟就搞定。没想到,还是很麻烦的!记录一下开发过程。

https://static001.geekbang.org/infoq/29/297869bc4fe3ec8afac85d9b8ab6e521.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【Vue】图片拉近、全屏背景实战经验总结

用户头像
游坦之
2022-10-18

缘起是看到了下面的图片,我发现当鼠标悬浮的时候,发现他是可以拉近的,也就是图片的宽高不变,但是图片被放大了

https://static001.geekbang.org/infoq/29/297869bc4fe3ec8afac85d9b8ab6e521.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【Vue】踩坑日记:Scoped 下动画无效,曾经以为百利而无一害的 Scoped,也有自己的限制

用户头像
游坦之
2022-10-18

​ 在开发的前期,我清晰的记得使用动画完成了图片放大的效果,当时还写了一篇博文 http://t.csdn.cn/lA9aq上了热榜。可是过了几天之后,这个效果居然“失效了”,我百思不得其解。一度怀疑自己的代码写的有问题,在CSDN等各大博客平台上查找了很久也没找到解

https://static001.geekbang.org/infoq/29/297869bc4fe3ec8afac85d9b8ab6e521.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【Vue】Axios 详解

用户头像
游坦之
2022-10-17

Axios 是一个基于 promise 网络请求库,作用于node.js 和浏览器中。 它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.js http 模块, 而在客户端 (浏览端) 则使用 XMLHttpRequests。

https://static001.geekbang.org/infoq/29/297869bc4fe3ec8afac85d9b8ab6e521.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【Vue】悬浮窗和聚焦登录组件经验总结

用户头像
游坦之
2022-10-17

​ 本文整理了实现悬浮窗以及聚焦登录组件的功能。

vue2 升级 vue3: Event Bus 替代方案

用户头像
zhoulujun
2022-06-21

Vue3 removed $on, $off and $once methods from the instance completely $emit is still a part of the existing API as it s used to trigger event handlers declaratively attached by a parent component

https://static001.geekbang.org/infoq/b0/b070196c692f5a4d08a2e8438ea45edd.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

了解 Vue 生命周期钩子

用户头像
devpoint
2022-06-10

和其他框架一样,Vue 有许多生命周期钩子,它们允许将代码附加到在创建或使用 Vue 应用程序时发生的特定事件,如,当组件加载时、当组件被添加到 DOM 时或者当某些东西被删除时。

Vuex 在 TSX 中的改造方案:TS 改造 Vue2 项目 Vuex 如何处置?

用户头像
zhoulujun
2022-03-27

vue2与vuex都无法无缝融入TS生态,所以需要vuex-class、vuex-module-decorators等库做对接

https://static001.geekbang.org/infoq/ca/ca324bba3029fdcaa301c55e984f04a8.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

初识 Vue

用户头像
海信
2021-09-23

定义:Vue渐进式的JavaScript框架

vue3,对比 vue2 有什么优点?

​​​​​​摘要:Vue3新版本的理念成型于 2018 年末,当时的 Vue 2 已经有两岁半了。比起通用软件的生命周期来这好像也没那么久,Vue3在2020年正式推出,在源码和API都有较大变化,性能得到了显著的提升,比Vue2.x快1.2~2倍。

https://static001.geekbang.org/infoq/19/1969adad4b715f0204bd6a4de346ac4d.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【Vue2.x 源码学习】第四十三篇 - 组件部分 - 组件相关流程总结

用户头像
Brave
2021-09-02

组件相关流程总结:Vue.component 的实现;Vue.extend 的实现;组件合并的实现;组件编译的实现;创建组件的虚拟节点;组件生命周期的实现;创建组件的真实节;

https://static001.geekbang.org/infoq/19/1969adad4b715f0204bd6a4de346ac4d.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【Vue2.x 源码学习】第四十二篇 - 组件部分 - 组件挂载流程简述

用户头像
Brave
2021-08-21

上篇,组件部分-生成组件的真实节点;本篇,组件部分-组件挂载流程简述;

https://static001.geekbang.org/infoq/19/1969adad4b715f0204bd6a4de346ac4d.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【Vue2.x 源码学习】第四十一篇 - 组件部分 - 生成组件的真实节点

用户头像
Brave
2021-08-20

上篇,介绍了组件部分-组件的生命周期,主要涉及以下几部分:

https://static001.geekbang.org/infoq/19/1969adad4b715f0204bd6a4de346ac4d.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【Vue2.x 源码学习】第四十篇 - 组件部分 - 组件的生命周期

用户头像
Brave
2021-08-19

上篇,介绍了组件部分-组件的编译,主要涉及以下几部分:

https://static001.geekbang.org/infoq/c5/c53082c693b9411c63e854a37ba6cb61.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【Vue2.x 源码学习】第三十九篇 - 组件部分 - 创建组件虚拟节点

用户头像
Brave
2021-08-18

【Vue2.x 源码学习】第三十九篇 - 组件部分 - 组件的编译:组件编译流程介绍:html->render->vnode;创建组件虚拟节点:createComponent;

https://static001.geekbang.org/infoq/19/1969adad4b715f0204bd6a4de346ac4d.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【Vue2.x 源码学习】第三十八篇 - 组件部分 - 组件的编译

用户头像
Brave
2021-08-17

【Vue2.x 源码学习】第三十八篇 - 组件部分 - 组件的编译,主要涉及以下几个点: 组件初始化情况; 组件合并的位置; 组件合并的策略; 组件合并后测试;

https://static001.geekbang.org/infoq/19/1969adad4b715f0204bd6a4de346ac4d.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【Vue2.x 源码学习】第三十七篇 - 组件部分 - 组件的合并

用户头像
Brave
2021-08-16

【Vue2.x 源码学习】第三十七篇 - 组件部分-组件的合并:- 组件初始化情况;组件合并的位置;组件合并的策略;组件合并后测试;

https://static001.geekbang.org/infoq/19/1969adad4b715f0204bd6a4de346ac4d.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【Vue2.x 源码学习】第三十六篇 - 组件部分 - Vue.extend 实现

用户头像
Brave
2021-08-15

第三十六篇 - 组件部分 - Vue.extend 实现:Vue.extend 简介;Vue.extend 实现,包括:组件初始化;子类继承父类;修复 constructor 指向问题;

https://static001.geekbang.org/infoq/19/1969adad4b715f0204bd6a4de346ac4d.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【Vue2.x 源码学习】第三十五篇 - 组件部分 - Vue.component 实现

用户头像
Brave
2021-08-14

第三十五篇 - 组件部分 - Vue.componen: Vue.component 全局 API 的初始化处理;Vue.component 的定义和参数说明;组件构造函数全局存储的方式和作用;

https://static001.geekbang.org/infoq/19/1969adad4b715f0204bd6a4de346ac4d.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【Vue2.x 源码学习】第三十四篇 - 组件部分 -Vue 组件与初始化流程简介

用户头像
Brave
2021-08-13

【Vue2.x 源码学习】第三十四篇 - Vue组件与初始化流程简介:组件使用介绍;组件初始化流程介绍;Vue.component、Vue.extend、保存全局组件构造函数、组件的渲染和更新;

https://static001.geekbang.org/infoq/c8/c860f8cebbc5c3c68094df8cf69850ac.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

2021 年最佳 VUE3 UI 框架推荐

用户头像
devpoint
2021-08-12

Vue3已经发布一段时间了,版本趋于稳定并且可以用于生产。虽然很多开发人员对这个版本褒奖不一,新版本由于算是重新构建生态系统,相关资源的缺乏。与Vue2丰富的UI框架相比,Vue3就显得有点少,也算是影响开发人员使用Vue3的原因之一。

https://static001.geekbang.org/infoq/19/1969adad4b715f0204bd6a4de346ac4d.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【Vue2.x 源码学习】第三十三篇 - diff 算法 - 收尾 + 阶段性总结

用户头像
Brave
2021-08-12

【Vue2.x 源码学习】第三十三篇 - diff算法阶段性梳理:初渲染与视图更新流程;diff 算法的外层更新;diff 算法的比对优化;diff 算法的乱序比对;初渲染和更新渲染判断;

https://static001.geekbang.org/infoq/19/1969adad4b715f0204bd6a4de346ac4d.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【Vue2.x 源码学习】第三十二篇 - diff 算法 - 乱序比对

用户头像
Brave
2021-08-11

【Vue2.x 源码学习】第三十二篇 - diff算法-乱序比对:介绍了乱序比对的方案;介绍了乱序比对的过程分析;实现了乱序比对的代码逻辑;

https://static001.geekbang.org/infoq/19/1969adad4b715f0204bd6a4de346ac4d.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【Vue2.x 源码学习】第三十一篇 - diff 算法 - 比对优化(下)

用户头像
Brave
2021-08-10

【Vue2.x 源码学习】第三十一篇 - diff算法-比对优化(下):介绍了儿子节点比较的流程;介绍并实现了头头、尾尾、头尾、尾头4种特殊情况比对;

https://static001.geekbang.org/infoq/19/1969adad4b715f0204bd6a4de346ac4d.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【Vue2.x 源码学习】第三十篇 - diff 算法 - 比对优化(上)

用户头像
Brave
2021-08-09

【Vue2.x 源码学习】第二十九篇 - diff算法-比对优化(上): 介绍了如何进行儿子节点比对;新老儿子节点可能存在的3种情况及代码实现;新老节点都有儿子时的 diff 方案介绍与处理逻辑分析;

https://static001.geekbang.org/infoq/19/1969adad4b715f0204bd6a4de346ac4d.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【Vue2.x 源码学习】第二十九篇 - diff 算法 - 节点比对| 8 月更文挑战

用户头像
Brave
2021-08-08

【Vue2.x 源码学习】第二十九篇 - diff算法:介绍了 diff 算法、对比方式、节点复用;实现了外层节点的 diff 算法;不同节点如何做替换更新;相同节点如何做复用更新:文本、元素、样式

单向数据流 - 从共享状态管理:flux/redux/vuex 漫谈异步数据处理

用户头像
zhoulujun
2021-08-07

状态管理的解决思路就是:把组件之间需要共享的状态抽取出来,遵循特定的约定,统一来管理,让状态的变化可以预测。是Vue,还是React,都需要管理状态state。react采用redux集中方案,vue直接给出vuex一把梭。需要注意异步操作

https://static001.geekbang.org/infoq/19/1969adad4b715f0204bd6a4de346ac4d.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【Vue2.x 源码学习】第二十八篇 - diff 算法 - 问题分析与 patch 优化

用户头像
Brave
2021-08-07

【Vue2.x 源码学习】第二十八篇 - diff 算法-问题分析与patch优化:初始化与更新流程分析;问题分析与优化思路;新老虚拟节点比对模拟;patch 方法改造;

vue2_vue2技术文章_InfoQ写作社区