-
区别transition与animation的使用 transition需要事件触发，animation可以直接自动触发，而且功能上更为强大，包括可以设置不同时间段的动画规则，还有状态的控制，事件等等。查看全部
-
/*主体部分*/ #content { width : 60%; height : 60%; top : 20%; left : 20%; overflow : ?; position : absolute; border : 1px solid #ccc; } /*使content在页面居中*/查看全部
-
我们把小男孩子所有的动作分解一下 走路到页面的2/3的时候，主题页面开始滑动 走路到1/2的时候，到了商店门口 进出商店 走路到1/4到了桥边 走路到1/2到了桥上 注意：小男孩走路范围其实只有一个页面区域，因为父容器是content元素查看全部
-
封装的目的是增强安全性和简化编程，使用者不必了解具体的实现细节，而只是要通过外部接口，以特定的访问权限来使用类的成员 这个主题案例，我采用的是面向接口编程的写法，简单的说就是将行为封装分布在各个对象中，并让这些对象自己各自负责自己的行为，这也是面向对象设计的一个优点查看全部
-
.pauseWalk { -webkit-animation-play-state: paused; -moz-animation-play-state: paused; } 动画的暂停方式查看全部
-
overflow : hidden;隐藏溢出部分查看全部
-
前段学习查看全部
-
并列结构 <div id='content'> <ul class='content-wrap'> <li> 页面1 </li> <li> 页面2 </li> <li> 页面3 </li> </ul> //与页面根节点并列 <div id="boy" class="charector"></div> </div>查看全部
-
转换、动画、音频、渐变查看全部
-
注意下position与offset的取值不同点，.offset()是相对于文档（document）的当前位置,.position()是相对于父级元素的位移，一个元素可以嵌套多个position所以这里要特别注意下。scale是一个缩放效果查看全部
-
.sun { background: url(assets/images/sun.png); position: absolute; top: 10%; //设置位置 height: 201px; width: 201px; //设置大小，必须 z-index: 1; //设置置顶，optional }查看全部
-
通过background-size 一般可以设置 100% 100%的方式平铺元素，这样设置后图片就能自适应大小缩放了查看全部
-
animation-iteration-count动画播放次数查看全部
-
Promise 是一种令代码异步行为更加优雅的抽象，有了它，我们就可以像写同步代码一样去写异步代码。通过$.Deferred处理（延迟对象），每一个代码执行部分都被封装了起来，只留了Deferred的接口处理了，等于是我们把执行的流程控制交给了Deferred，这样的好处就是我们在写嵌套函数的时候，可以用deferred提供的管道风格编写同步代码了 步骤 var dtd = $.Deferred(); //创建 dtd.resolve(); //成功 dtd.then() //执行回调查看全部
-
http://www.jb51.net/article/36595.htm查看全部
举报
0/150
提交
取消