1.安装 npm install animate.css@3.7.2 --save 2.引入 main.js中： import animated from 'animate.css' Vue.use(animated) 3.使用 vue文件中： <!-- 直接使用animated中的动画class名 ...
分类：
其他好文 时间：
2021-04-10 12:54:36
阅读次数：
0
1、常见CSS布局方式详见：一些常见的CSS布局方式梳理，涉及Flex布局、Grid布局、圣杯布局、双飞翼布局等。2、几种JavaScript动画库推荐JavaScript库对设计师和开发人员来说，都是非常有用的工具。它们可以为你的网站添加一些超级强大的功能，给用户带来更好的体验。3、JS命名与注释规范详解从事前端开发也有一段时间了，一直在遵循着规范化开发，从js也逐渐转向了ts，在这个过程中也有
分类：
编程语言 时间：
2020-11-01 11:00:14
阅读次数：
22
Flutter动画中用到的基本概念 Flutter动画中有4个比较重要的角色：Animation、Controller、Curve、Tween，先来了解一下这四个角色 1.1 Animation Animation是Flutter动画库中的核心类，用于插入指导动画的值 Animation对象知道动画 ...
分类：
其他好文 时间：
2020-10-18 09:48:47
阅读次数：
19
在使用过一段时间的SVG动画之后，我相当清楚如何利用它来制作动画片段或者网页布局。一些动画库平台，例如Greensock，和原生的css动画简直是绝配。于是我便打算深入地研究一下，看看我能否用这些来制作一款简单的游戏。就像一个精美的工艺品一样，好的游戏拥有许多细致的动画细节。有一天夜里，我的脑海中突 ...
分类：
其他好文 时间：
2020-07-18 00:34:27
阅读次数：
117
Commento - 多说 & Disqus 开源替代品 Commento - 多说 & Disqus 开源替代品 anime.js 简单入门教程 强大轻量的动画库 anime.js 入门教程 来自B站的开源的MagicaSakura源码解析 简介 MagicaSakura是Bilibili开源的一 ...
分类：
其他好文 时间：
2020-06-08 19:05:07
阅读次数：
74
最近写vue的项目，需要添加一个动画，首先想到的就是jQuery中常用的第三方库，animate，但是这个不是能完全兼容的，需要自己做处理。然后就在晚上寻找Vue版本的动画库，然后就找到了这个vue2-animate。网上的教程还是不少的，然后demo能直接运行，但是他们有一点没有写的很明白，就是在 ...
分类：
其他好文 时间：
2020-06-02 11:26:18
阅读次数：
84
https://animate.style/ animate.css <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="lib/vue-2.4.0.js" type="text/java ...
分类：
其他好文 时间：
2020-06-01 21:02:48
阅读次数：
101
hover.css是一个比较优雅的css动画库，这里讲解如何在项目中使用 安装 点击 "这里" 到达所在的github地址； 或者 或者执行 点击 "这里" 查看演示demo,使用开发者模式就可以看到演示上的className，然后套用到自己标签上即可 PS:请确保引入正确。 以上。 ...
分类：
Web程序 时间：
2020-05-15 16:01:20
阅读次数：
87
1、常见 CSS 布局方式详见： 一些常见的 CSS 布局方式梳理，涉及 Flex 布局、Grid 布局、圣杯布局、双飞翼布局等。http://cherryblog.site/common... 2、几种 JavaScript 动画库推荐JavaScript 库对设计师和开发人员来说，都是非常有用的 ...
分类：
编程语言 时间：
2020-05-11 01:12:20
阅读次数：
80
传送门：从0到1，开发一个动画库(1) 上一节讲到了最基础的内容，为动画构建“帧-值”对应的函数关系，完成“由帧到值”的计算过程。这一节将在上节代码的基础上谈谈如何给一个完整的动画添加各类事件。 在添加各类事件之前，我们先对_loop循环函数进行一些改进： _loop() { const t = D ...
分类：
其他好文 时间：
2020-05-05 10:43:25
阅读次数：
45
