wow.js使用教程

JavaScript014

wow.js使用教程,第1张

1.引入css动画库

2.引入wow.js并且初始化

1.设置css类

将CSS类.wow添加到HTML元素:在用户滚动显示它之前,它将是不可见的。

2.选择动画类型

在Animate.css中选择一个动画样式,然后将CSS类添加到HTML元素中。

data-wow-duration: 更改动画持续时间

data-wow-delay: 动画开始前的延迟

data-wow-offset: 开始动画的距离(与浏览器底部相关)

data-wow-iteration: 动画重复的次数

boxClass: 用户滚动时显示隐藏框的类名。

animateClass: 触发CSS动画的类名(animate.css库默认为'animated')

offset: 定义浏览器视口底部与隐藏框顶部之间的距离。当用户滚动并到达该距离时,隐藏的框被显示出来。

mobile: 在移动设备上打开/关闭WOW.js。

live: 在页面上不断检查新的WOW元素。

既然清楚了原理,那么,接下来进入正题——我知道了vue怎么安装,那么我怎么使用呢?

在告诉你基础用法之前,我还是要先告诉你一个情况。

可能要令你有点失望。vue主要是侧重于数据端的。他的目的就是渲染数据和在前端调整一下数据逻辑。

他不是像jquery那样让你用来做特技的。就算你要做特技。你也应该通过css3/canvas而不是dom。

所谓的双向绑定,你可以理解就是把view。(你还不清楚mvc的话,请看第一章)

和model绑定到一起。说白了,就是你js中的绑定值变了。你dom中的内容就跟着一块变了。

vue是通过解析{{文字..}}来生成内容的。后面绑定方法,输出内容的时候都会讲到。

列表输出使用 v-for,这些v开头加横杠的叫做命令

这些命令是可以自定义的。但是那都属于高级操作,我们不用它也完全足够支撑做一个大型项目了。

其实你回发现,这里无论是v-for或者是v-什么其他玩意

它都深刻的遵循了es6的语法。这里不就是一个典型的for in 循环吗。不过我们现在都用for of了。

你记住这个用法,它就长这样。

前后端分离开发的关键在于:后台只提供接口。

我们获得的数据多数情况下,仅仅是一个json,而mvvm的关键就再于解析数据在前端完成了。如果你了解jsp或者php你会了解,数据的解析在mvc中,

是由后端完成的,而html只负责显示。

所以,当你了解了数据绑定和渲染以后,你可以第一时间先把数据输出到页面了。

我们前端最厉害的地方不就是处理能看得见的东西吗?

亲爱的读者朋友,如果你点开了这篇文章,说明你对正则很感兴趣。

想必你也了解的重要性,在我看来正则表达式是衡量程序员水平的一个标准。

关于正则表达式的教程,网上也有很多,相信你也看了一些。

与之不同的是,本文的目的是希望所有认真读完的童鞋们,都有实质性的提高。

本文共有七章,用JavaScript语言完整地讨论了的方方面面。

如果觉得文章某块儿没有说明白清楚,欢迎留言,能力范围之内,老姚必做详细解答。

构造的方法和创建数学表达式的方法一样。也就是用多种元字符与运算符可以将小的表达式结合在一起来创建更大的表达式。正则表达式的组件可以是单个的字符、字符集合、字符范围、字符间的选择或者所有这些组件的任意组合。

正则表达式是由普通字符(例如字符 a 到 z)以及特殊字符(称为"元字符")组成的文字模式。模式描述在搜索文本时要匹配的一个或多个字符串。正则表达式作为一个模板,将某个字符模式与所搜索的字符串进行匹配。