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