摘要:问题: 如何把一个object序列化的显示?这种需求其实还是很多的, 主要都是为了方便查看object. 比如一个object , {"name":"lucyhao","age":"18"}, 显示成如下 首先说明一下JSON.stringify已经把序列化的工作做了,并且很全面,在实际的需求中,能 阅读全文
posted @ 2016-08-19 10:45 hlily 阅读 (91) 评论 (0) 编辑
摘要:效果: http://lucyhao.com/tags/ hexo自带的tag cloud的标签展现不太美观,想能够展现出“云”效果的标签。在网上找到了d3-cloud这个项目,github地址:https://github.com/jasondavies/d3-cloud demo地址:https 阅读全文
posted @ 2016-02-22 17:34 hlily 阅读 (5843) 评论 (2) 编辑
摘要:新博客 http://lucyhao.com 欢迎访问~ 阅读全文
posted @ 2016-02-01 17:40 hlily 阅读 (79) 评论 (0) 编辑
摘要:说明:请使用chrome浏览器打开See the Pen pvyjGV by lilyH (@lilyH) on CodePen.如上图所示,我们你要实现的效果就是,(1)在一行中显示两块元素;(2)每块元素的长度根据它里面的文字变化还是先看代码吧:HTML 1234567 2 2 1111... 阅读全文
posted @ 2014-12-11 21:16 hlily 阅读 (276) 评论 (0) 编辑
摘要:需求:一段文字,当收起的时候,显示4行,并且多余4行的部分用省略号表示,关键是在省略号前面留有空白部分来放一些图标等东西;展开的时候,全部显示。例如下面的示例图:收起的时候:展开的时候:在不用JS的情况下,如何能只用CSS就做到呢?(一)先看下html结构天空为什么是蓝色×××(二)再看下神奇的cs... 阅读全文
posted @ 2014-11-10 15:14 hlily 阅读 (4391) 评论 (3) 编辑
摘要:借用jquery mobile中的代码,删除了一些多余的部分,简单的基于zepto的模块var CheckOrientation = (function(){ var win = $( window ), get_orientation, last_orientat... 阅读全文
posted @ 2014-10-29 15:44 hlily 阅读 (934) 评论 (0) 编辑
摘要:touch.js 众所周知,mobile与pc 前端开发的不同中,有一点就是事件的不同,mobile上有touchstart,touchmove,touchend等,而pc上用最多的应该还是我们的click事件。mobile上,自己又喜欢用zepto.js库(喜欢有时候就是一种先入为主的感觉),但是 阅读全文
posted @ 2014-09-02 14:48 hlily 阅读 (961) 评论 (0) 编辑
摘要:说明:因为在移动上主要利用CSS来做动画,所以没有考虑其他浏览器的兼容性,只有-webkit这个前缀,如果需要其他浏览器,请自行补齐。首先解释一下什么是无缝滚动动画,例如下面的例子See the Pen css实现上下循环滚动效果 by lilyH (@lilyH) on CodePen.-----... 阅读全文
posted @ 2014-08-06 10:35 hlily 阅读 (4488) 评论 (2) 编辑
摘要:zepto 的selector模块是对jquery扩充选择器(jquery-selector-extensions)的部分实现。比如这样的选择方法:$('div:first')和el.is(':visible')。下面是原代码,简单的写了一些注释~;(function($){ var zepto ... 阅读全文
posted @ 2014-06-23 17:59 hlily 阅读 (3099) 评论 (0) 编辑
摘要:之前翻译过一篇关于fastclick的快速点击文章http://www.cnblogs.com/lilyimage/p/3568773.html,fastclick可以解决在手机上点击事件的300ms延迟;另外我们也知道zepto的touch模块,帮助我们实现了很多手机上的事件,比如tap等,tap... 阅读全文
posted @ 2014-05-22 20:49 hlily 阅读 (5737) 评论 (0) 编辑