小码农 – javascript

小码农小码农

小码农

wordpress,laravel和前端知识学习

WOW动画使用及常用动画

文章摘要:

1. 调用wow 1. 引入文件     <link href="animate.css" rel="stylesheet" type="text/css"/>     <script src="wow.js"></script> 2. 添加class及标签属性     <div class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="1s">Conetnt</div> 属性: 属性名 含义 data-wow-duration 动画执行时间 data-wow-delay 动画延迟执行时间 data-wow-offset 元素的位置露出后距离底部多少像素执行 data-wow-iteration 动画执行次数 class: 类名 含义 wow 动画执行的必须函数,可在js中自定义 rollIn 从左......

jquery动态添加append()之后事件及样式失效

文章摘要:

#jQuery动态添加节点后,动作失效 jQuery给大家带来很大的方便来操作DOM,当jQuery动态添加节点时,原有的事件将会失效,无法触发. 例如: $li = $('ul li:first-child').remove(); $('ul').append($li); 原事件绑定为: $('li').on('mouserenter',function(){    $(this).find('div').animate({       'opacity':'0.8'    },500);  }); 在动态截取添加后,虽然使用了on函数,但是并没有使用on函数的事件委托,导致事件仍然不能触发,因此,将on函数更改如下: $('ul').on('mouserenter','li',function(){    $(this).find('div').animate({  ......

使用AngularJS创建Todos工具

文章摘要:

使用AngularJS创建Todos工具,并利用HTML5的新特性localStorage本地存储数据

心知天气API调用

文章摘要:

免费份天气预报接口,每小时400次调用,利用jQuery和AngularJS的方法调用jsonp数据

javascript原生制作简易计算器

文章摘要:

javascript事件委托制作简易计算器. 使用的函数,eval(),事件委托srcElement(IE下),target,使用js原生方法写计算器.以上所有判断均在calc.onclick()执行的匿名函数中,我自己都吓坏了,好长的判断序列,暂时不知道如何解决,但是肯定可以简写的,欢迎指导雅正