第一次写博文呢,这次写博客是因为应一位同学的要求,写一下GSAP JS的一个小教程.为什么说小呢?因为它实际上就是小,只是一个入门级的小教程.如果你想问:“那你为什么不写详细一点呢?”,我想说,说.,说..,“因为我也不懂,哈哈”,就是不懂,不骗你们,不懂就是不懂.那我那点英文水平肿么会懂呢?   好吧,言归正传.首先说一下GSAP(GreenSockAnimationPlatform)的官网,点这里进入GSAP的官网,也可以点这里直接进入GSAP JS的介绍,有空详细看一下,并不需要非常好的英

今天来学习用TweenLite操作元素的各种属性,以Div为例,其他元素的操作也是一样的,只是可能一些元素有它们的特殊属性,就可能不同罢了.   代码里用详细注释,我就不再重复啦,大家看代码就可以啦!   注:要一条条撤销注释看效果哦!!!!!!!!!!     <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"

diff.js列表对比算法 源码分析 npm上的代码可以查看 (https://www.npmjs.com/package/list-diff2) 源码如下: /** * * @param {Array} oldList 原始列表 * @param {Array} newList 新列表 * @param {String} key 键名称 * @return {Object} {children: [], moves: [] } * children 是源列表 根据 新列表返回 移动的新数据,比

好多天没有写无博文啦,今天无聊就再写一下! 今天要讲的是TweenLite的一些事件以及,TweenLite动画的控制,TweenMax类似,请自行参考官方文档:http://api.greensock.com/js/ 先说一下TweenLite的常见事件: onStart 动画开始时的一瞬间触发 onUpdate 动画进行时循环触发(可以理解为一个循环,当动画未结束之前都不会停止) onComplete 动画结束的一瞬间触发 onReverseComplete 反转动画结束时的一瞬间触发 相应

今天来了解一下缓动easeing函数. 开始,如果你还没有GSAP的类包,可以到GreenSock的官网去下载最新版本的类包,或者直接点击这里​来下载 学习之前,先来准备一下:     <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <tit

背景 上图是一个典型的采用 Node.js 开发 web 应用的前后端结构,下面介绍一下 Node 服务层在其中的作用以及使用 Node.js 的一些优劣. Node 服务层作用: 请求代理 传统做法是后端提供 api 供前端直接调用,但后端逐渐趋于服务化,直接调用面临的问题有: 跨域 数据需要二次加工 后端服务部署在内网时,前端无法直接调用 路由 模板渲染 使用 Node.js 的优势: 前后端分离,节省沟通.联调成本. 生态圈繁荣,第三方模块很多,合理使用可以大量提升开发效率. 处理高并发场

程序本质上,就是由数据和处理数据的方法构成.函数和方法,这两个名词虽然字面不同,但意义上其实没有区别.只是因为它们出现的地方有异,给予了不同的名称,比如在全局环境中,叫函数,在对象或类中,叫方法.而C#没有全局的概念,所以绝大多数时候,都叫方法.本节内容比较多,列一下目录: 基本概念 函数的声明和调用 函数表达式 通过Function的构造函数来声明函数(JS/TS) 函数/变量提升(JS) 值参数 引用参数/输出参数 可选参数/默认值参数 数组参数/剩余参数 扩展方法 闭包和委托捕获 一.基本

以下写法:没有明确指定module和controller,写法不规范. 更改angular.js版本会出bug. <html ng-app> <head> <title>1.0.1-1.5版本间的差异</title> <script src="/js/angular-1.0.1.min.js"></script> <!--可以正常显示--> <!--<script src="/js

国内外前端开发框架对比 首先我们先对目前国内外主流前端开发框架做一个基本的了解,之后再对他们进行一个直观的对比. Bootstrap Bootstrap(http://www.bootcss.com)是目前桌面端最为流行的开发框架,一经 Twitter 推出,势不可挡.Bootstrap 主要针对桌面端市场,Bootstrap3 提出移动优先,不过目前桌面端依然还是 Bootstrap 的主要目标市场.Bootstrap 主要基于 jQuery 进行 JavaScript 处理,支持 LESS

<script> $(function () { $('#head').click=function () { alert($(this).html()) } }) </script> <script> window.onload=function () { var Ohead=document.getElementById('head'); Ohead.onclick=function () { alert(Ohead.innerHTML) } } </scri

转载:http://blog.csdn.net/leasystu/article/details/18735797 cocos2dx 3.0 js继承:John Resiq的继承写法解析 CCClass.js cocos2d-html5/cocos2d/core/platform/CCClass.js //创建一个function cc.Class = function(){}; cc.Class.extend = function (prop) { //this为父类的对象 var _supe

一.元素查找问题 1. document.all[name]   (1)现有问题:Firefox不支持document.all[name]   (2)解决方法:使用getElementsByName(name),getElementById(id)等来替代. 2. 集合类对象问题   (1)现有问题:IE中对许多集合类对象取用时可以用 (),但在Firefox只能用[].       如:IE中可以使用document.forms("formName")来返回名字为"form

Vue.js 是开源的 JavaScript 框架,能够帮助开发者构建出美观的 Web 界面.当和其它网络工具配合使用时,Vue.js 的优秀功能会得到大大加强.如今,已有许多开发人员开始使用 Vue.js 来取代 Angular 和 React.js  . 那么对于 Angular 和 React.js ,开发者该如何选择呢? 下面我们会对这两种框架进行介绍和深度对比. Vue.js 是前 Google 员工 Evan You 的开发的,并于2014年发布,现已获得了超过57,000个 Git

http://www.imooc.com/article/15885 正则表达规则 <script type="text/javascript"> </script> 今天上学学习了JS的三中引入方法,JS的运算方式和CSS的方式不一样,JS的方式是从上往下的方式运算.第三种外部引入方式需要建立一个JS结尾的JS文件 !--3.外部引入方式--> <script type="text/javascript" src="d

本文转自:https://www.cnblogs.com/souvenir/p/6039990.html 本文翻译自: https://www.airpair.com/node.js/posts/nodejs-framework-comparison-express-koa-hapi 1.介绍 直至今日,Express.js仍然是最为流行的Node.js Web应用程序框架.它似乎已经逐渐成为大多数Node.js Web应用程序的基础依赖框架,包括很多流行的框架,比如Sail.js就是以Expr

本文翻译自: https://www.airpair.com/node.js/posts/nodejs-framework-comparison-express-koa-hapi 1.介绍 直至今日,Express.js仍然是最为流行的Node.js Web应用程序框架.它似乎已经逐渐成为大多数Node.js Web应用程序的基础依赖框架,包括很多流行的框架,比如Sail.js就是以Express.js为基础搭建的.然而现在我们有了更多“类sinatra”(注:sinatra是一款Ruby框架,

几天的vue之后,给需要的盆友们带来一篇对比,也算是我近期之内业余时间的大工程,现在开始: Vue.js 是开源的 JavaScript 框架,能够帮助开发者构建出美观的 Web 界面.当和其它网络工具配合使用时,Vue.js 的优秀功能会得到大大加强.如今,已有许多开发人员开始使用 Vue.js 来取代 Angular 和 React.js . 那么对于 Angular 和 React.js ,开发者该如何选择呢? 下面我会对这两种框架进行简单的介绍和对比. Vue.js 是前 Google

返回网页顶部方法 一.锚链接 simpleDemo: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; } #father{ width: 400px; height: 5000px; border:

testShowAndHiddern.html <!DOCTYPE html> <html ng-app="MyModule"> <head> <meta charset="UTF-8" /> <title>动画效果之:隐藏与显示</title> <!--引入官方标准的angular.min.js --> <script src="https://ajax.googl

本代码是借鉴大神的代码分析理解后,自己改写的!有不足指出希望给为大神指点. 核心只有一个JS,里面包含了css样式. 展示效果图: