摘要：
以前有篇文章介绍过inline-block的相关内容，但是现在看回来还是不够详细，原来我还是图样图森破啊，今天遇到个问题，勾起了我的兴趣，后来查找原因，在这位同学的博客找到了原因，感谢~！http://www.cnblogs.com/lrzw32/p/4927570.html在做一个重构练习的时候，... 阅读全文
摘要：
昨天进行微众银行的面试，其中有一个面试题目引起了我的兴趣（恭喜你，成功引起我的兴趣→_→）就是在jquery选择器中$('#div .cls')和$('#div').find('.cls')有什么不同当时知道这个问题的时候，我是懵逼的，因为我从来没有思考过这个问题，最近用cheerio经常用到fin... 阅读全文
摘要：
我们知道，当子元素float的时候，虽然没有脱离文本流，但是也会使父元素坍缩，也就是父元素的高度或者宽度变为0，解决办法就是让父元素的overflow为hidden。今天我遇到一个bug，如下代码所示： .wrap{ position: r... 阅读全文
摘要：
前一段时间参加了阿里的9月校招，为了贯彻及时总结的精神，今天就来总结一下我做的这套题目吧。1.下面哪段css代码通常用于页面水平居中：1 A:site-align:center;2 B:margin:center;3 C:margin:auto 0;4 D:margin:0 auto;这题很简单，水... 阅读全文
摘要：
转自（学习之用）作者：韩子迟网址：http://www.cnblogs.com/zichi/p/4720000.html先回顾下前文高性能JavaScript DOM编程，主要提了两点优化，一是尽量减少DOM的访问，而把运算放在ECMAScript这一端，二是尽量缓存局部变量，比如length等等，... 阅读全文
摘要：
转自（学习之用）作者：韩子迟网址：http://www.cnblogs.com/zichi/p/4713031.html我们知道，DOM是用于操作XML和HTML文档的应用程序接口，用脚本进行DOM操作的代价很昂贵。有个贴切的比喻，把DOM和JavaScript（这里指ECMScript）各自想象为... 阅读全文
摘要：
先上效果：http://2.danielcv.sinaapp.com/sae/minimon/index.html要实现这个效果其实并不难，主要是对一些CSS3特性的实质性应用，比如transform，transition还有relative，absolute定位的使用方法，在搭建好 ... 阅读全文
摘要：
最近学习一个在线小项目，用JS+css3实现图片画廊的效果，具体效果可以点击以下链接查看：Here案例中主要用到一些新的CSS3效果比如：1、3D视图位置设置和子元素3D支持-webkit-perspective:800px;/*若设置为0px则不支持3D透视功能*/-webkit-transfor... 阅读全文
摘要：
上星期刚完成一个新游戏，《机械险境》。游戏玩法：点击屏幕，机器人伸出绳子，通过摇荡前进，同时避开障碍物，前进的越远得分越高~！游戏制作难点： 1、钟摆运动。说实话，这个游戏乍看好像很简单，其实在没有物理引擎的帮助下，纯模仿机械人的钟摆运动是挺困难麻烦的。 机器人的x值其实没有变，变的是背景和... 阅读全文
摘要：
Twitter最近更新了一个叫做“fave”的设计，也被叫做fav按钮。这个按钮有一种新的动画。他们运用的是一连串的图片，而不是css transition来做的，其实道理也很简单，不过很酷炫，这里就介绍一下怎么使用CSS animation的steps这个timing function来完成这样一 阅读全文