摘要： 问题: 如何把一个object序列化的显示?这种需求其实还是很多的, 主要都是为了方便查看object. 比如一个object , {"name":"lucyhao","age":"18"}, 显示成如下 首先说明一下JSON.stringify已经把序列化的工作做了,并且很全面,在实际的需求中,能 阅读全文

摘要： 效果： http://lucyhao.com/tags/ hexo自带的tag cloud的标签展现不太美观，想能够展现出“云”效果的标签。在网上找到了d3-cloud这个项目，github地址：https://github.com/jasondavies/d3-cloud demo地址：https 阅读全文

摘要： 新博客 http://lucyhao.com 欢迎访问~ 阅读全文

摘要： 说明：请使用chrome浏览器打开See the Pen pvyjGV by lilyH (@lilyH) on CodePen.如上图所示，我们你要实现的效果就是，（1）在一行中显示两块元素；（2）每块元素的长度根据它里面的文字变化还是先看代码吧：HTML 1234567 2 2 1111... 阅读全文

摘要： 需求：一段文字，当收起的时候，显示4行，并且多余4行的部分用省略号表示，关键是在省略号前面留有空白部分来放一些图标等东西；展开的时候，全部显示。例如下面的示例图：收起的时候：展开的时候：在不用JS的情况下，如何能只用CSS就做到呢？(一)先看下html结构天空为什么是蓝色×××(二)再看下神奇的cs... 阅读全文

摘要： 借用jquery mobile中的代码，删除了一些多余的部分，简单的基于zepto的模块var CheckOrientation = (function(){ var win = $( window ), get_orientation, last_orientat... 阅读全文

摘要： touch.js 众所周知，mobile与pc 前端开发的不同中，有一点就是事件的不同，mobile上有touchstart,touchmove,touchend等，而pc上用最多的应该还是我们的click事件。mobile上，自己又喜欢用zepto.js库（喜欢有时候就是一种先入为主的感觉），但是 阅读全文

摘要： 说明：因为在移动上主要利用CSS来做动画，所以没有考虑其他浏览器的兼容性，只有-webkit这个前缀，如果需要其他浏览器，请自行补齐。首先解释一下什么是无缝滚动动画，例如下面的例子See the Pen css实现上下循环滚动效果 by lilyH (@lilyH) on CodePen.-----... 阅读全文

摘要： zepto 的selector模块是对jquery扩充选择器（jquery-selector-extensions）的部分实现。比如这样的选择方法：$('div:first')和el.is(':visible')。下面是原代码，简单的写了一些注释～;(function($){ var zepto ... 阅读全文

摘要： 之前翻译过一篇关于fastclick的快速点击文章http://www.cnblogs.com/lilyimage/p/3568773.html，fastclick可以解决在手机上点击事件的300ms延迟；另外我们也知道zepto的touch模块，帮助我们实现了很多手机上的事件，比如tap等，tap... 阅读全文