12 月闲暇的时间一直在更新 GearCase。通过不懈的努力，GearCase 今天迎来了一次中间版本的更新，这次的更新主要加入了 Springs 动画组件，部分组件也添加了此组件的动画效果。

> 除此之外还按照之前 jQuery 封装实现过的轮播方式 的思路，重新制作了 Vue 轮子版本的组件，并提供了相应的 api 方便使用。

重新复习 Vue 动画

在准备做动画和轮播组件之前，重新阅读了 Vuejs 动画的相关文档。

轮播 slides 组件已在 v0.2.2 版本添加。

重新读完文档之后，在构建组件的过程当中，发现若是单纯使用 Vuejs 动画效果 fade-enter、fade-leave的思路来实现轮播等效果，会产生很多视觉 bug。

虽然 Vuejs 是 MVVM 框架，不建议去操作 DOM，而是使用数据驱动视图的方式。
但是为了更加完美的实现动画效果，不得不使用操作 DOM 的方式。再查看了 element-ui 和 ant design 的组件之后，我发现这两款 UI 框架都是采取操作 DOM 的方式来实现 slides 。毕竟这是最好的解决方式，又让我想起了那句老生常谈的道理。

无论使用何种方法，能够最有效解决问题的，一定是最佳解答。

其他

在官网文档的 其他 中添加了历史版本信息，并标注出了当前最新的版本。

GearCase UI v0.2 版本的更多相关文章

  1. GearCase UI - 自己构建一套基于 Vue 的简易开源组件库

    最近 1 ~ 2 月除了开发小程序之外,还一直在继续深入的学习 Vuejs.利用零碎.闲暇的时间整合了一套基于 Vue 的 UI 组件库.命名为 GearCase UI,意为齿轮盒.现在把该项目进行开 ...

  2. JEECG前后端分离UI框架实战版本抢先体验（ng2-admin+Angular4+AdminLTE+WebStorm）

    JEECG前后端分离UI框架实战版本 - 抢先体验 (ng2-admin+Angular4+AdminLTE) 关键词: ng2-admin.Angular4.AdminLTE.Nodejs.Jeec ...

  3. STM32F429的新版用户手册更新记录， 改进、交流（2019-08-18发布V0.9版本）

    2019-06-16 发布首版V0.1 2019-06-23 发布V0.2版本 新增章节: 第3章 STM32F429 整体把控 第4章 STM32F429 工程模板建立(MDK5) 第5章 STM3 ...

  4. [译][ABP vNext]ABP CLI,v0.18版本的新模板和其他功能

    ABP CLI,v0.18版本的新模板和其他功能 ABP v0.18已发布, 包含解决的70+个issue,500+次提交 网站更改 abp.io网站完全更新以突出ABP框架的目标和重要功能.文档和博 ...

  5. [转帖]PCIe 6.0 v0.3版本草案已完稿：2021年转正、x16带宽飙至128GB/s

    PCIe 6.0 v0.3版本草案已完稿:2021年转正.x16带宽飙至128GB/s https://www.cnbeta.com/articles/tech/899389.htm 硬件发展突飞猛进 ...

  6. QFramework Pro 开发日志（七）v0.4 版本审核通过 与 对话编辑器功能预告

    经过一周的工作,v0.4 版本总算完成了. 就在刚刚笔者在 AssetStore 提交了 v0.4 版本. v0.4 版本主要内容有两个 一键生成简单继承类图功能 底层兼容 QFramework v0 ...

  7. 二、主流区块链技术特点及Hyperledger Fabric V0.6版本特点

    一.主流区块链技术特点 二.HyperLedger子项目 三.Hyperledger fabric架构 V0.6逻辑架构: V0.6区块链网络 对应的0.6版本的运行时架构: 0.6版本的架构特点是: ...

  8. 002-主流区块链技术特点及Hyperledger Fabric V0.6版本特点

    一.主流区块链技术特点 二.HyperLedger子项目 三.Hyperledger fabric架构 V0.6逻辑架构: V0.6区块链网络 对应的0.6版本的运行时架构: 0.6版本的架构特点是: ...

  9. COMCMS v0.9 版本发布，带前后端的一个响应式企业站

    前言:踏入十二月,人生也即将进入下一个阶段. 最近忙于其他,代码也是偶尔更新.目前算是0.9的版本,就是基本上可以完成一个简单的企业站/博客的功能. 主要特点:前台完整演示:文章.产品.留言.界面响应 ...

随机推荐

  1. Alias自定义命令

    [root@localhost etc]# type home    --检查是否占用-bash: type: home: not found[root@localhost etc]# alias h ...

  2. 使用rosed编辑ROS中的文件

    使用 rosed rosed是rosbash 的一部分. 利用它可以直接通过package名来获取到待编辑的文件而无需指定该文件的存储路径了. 使用方法: $ rosed [package_name] ...

  3. Kafka设计解析（四）Kafka Consumer设计解析

    转载自 技术世界,原文链接 Kafka设计解析(四)- Kafka Consumer设计解析 目录 一.High Level Consumer 1. Consumer Group 2. High Le ...

  4. Spring整合MyBatis（一）MyBatis独立使用

    摘要: 本文结合<Spring源码深度解析>来分析Spring 5.0.6版本的源代码.若有描述错误之处,欢迎指正. MyBatis本是Apache的一个开源项目iBatis,2010年这 ...

  5. Spring AOP源码分析（一）使用示例

    摘要: 本文结合<Spring源码深度解析>来分析Spring 5.0.6版本的源代码.若有描述错误之处,欢迎指正. 我们知道,使用面向对象编程(OOP)有一些弊端,当需要为多个不具有继承 ...

  6. JS-移动端判断上拉和下滑

    一.手指触屏,利用touchstart和touchend计算前后滑动距离,判断是上拉还是下滑. 二.js中距离:pageY.clientY.offsetY的区别: offsetY:相对于父节点的偏移距 ...

  7. nmap 扫描端口 + iftop 实时监控流量

    sleep 1|telnet 127.0.0.1 223 nmap 127.0.0.1 -p 223 -PN   (对禁ping IP) iftop -P -n -B -B 按字节显示 -N 切换 端 ...

  8. [图解tensorflow源码] Session::Run() 分布式版本

  9. 【数据结构与算法】001—栈与队列（Python）

    栈与队列 1.栈(stacks)是一种只能通过访问其一端来实现数据存储与检索的线性数据结构,具有后进先出(last in first out,LIFO)的特征 2.队列(queue)是一种具有先进先出 ...

  10. Scala模式匹配常用

    今天在工作中遇到的几个小问题,总结一下: 1.因为业务需要调用PHP的接口,获取到的返回体需要做一段逻辑处理,然而某个字段接收到的参数是io.serializable类型,字段的类型不是预期的stri ...