GRisGR

摘要： 过去对负margin的使用不多，前段时间小强对负margin做了特别的分享，很有感触。所以在近期的项目开发中使用了负margin来解决过去比较棘手的问题。 现将使用到的两种方式归纳总结如下： 一、相邻元素的边框叠加问题 如上图所示，我们在项目开发中会遇到很多种类似的tab设计，那么相邻元素之间的边线（红线所示）一直是个令人很头疼的问题。 一般的解决办法是，对所有的li单独设置左border或者右border，然后在最后一个li或者第一个li中添加单独的样式，给它单独添加一个右border或者左border。 你也可以想象，这样单独设置样式的办法有多麻烦，而且样... 阅读全文

摘要： 今天将上个周末做的sharelist组件进行了优化，支持了用户自定义模板，给出了一份template.html的示例文档。 先放效果图： 里面包含了四种效果，文档中也解释了各种效果的实现方式，应该可以满足一般需求。注意：此组件依赖于qwrap1.1.5（稳定地址：http://s0.qhimg.com/lib/qwrap/115.js）代码打包一份放微盘上了（目前版本号V1.1），地址：http://vdisk.weibo.com/s/w95oY。 阅读全文

摘要： 这是一位面试的同学总结的js知识点大脑图，很不错，分享出来。注：原图作者：zhangyaochun，原文地址：http://zhangyaochun.iteye.com/blog/1682605 阅读全文

摘要： 有时候设计的代码在实际运行中难免会遇到内存使用的问题，我们不可能在内存开始清理的时候才开始解决内存问题。内存的清理工作也是网站运行中比较烦人的东西，因为我们永远无法预知浏览器什么时候开始清理，清理时间有多长。 所以，既然直接无法解决问题，我们就应该重点考虑如何避免内存问题。《高性能网站建设进阶指南》（这本书很不错，读过的人评价很高，如果你有时间，我建议你浏览下，肯定会受益匪浅）讲到了两种比较好的方式。 一、使用delete从内存移除不再使用的js对象。 一般是我在使用的过程中可能用一些变量存储了比较大的数据，但是使用完后就不再使用了，但是我可能忘记了这些变量，我在后面的程序过程中... 阅读全文

摘要： 好吧，上次说要赶紧的补上几篇文章，结果淡定的失约了。。。又是近一个月才发一篇，真是让人郁闷。发现最近总是抽不出时间了，基本都是一个项目接一个项目的安排，自己不是在空闲的时候找不到合适的话题，就是在有纠结话题的时候抽不出时间了。所以我决定一段时间内先把自己纠结过的问题先归纳下知识点，等空闲的时候在一个一个深入研究，然后再整理成文章后分享出来。 开始进入正题，提到slider，过去一直都是用css+js来配合实现相关的切换效果。听过大家一直讨论使用html5+css3的实现方式，自己却一直没有动手实现过。好吧，这次我有时间来玩下css3了。其实，我也是被微博上的一条消息（原网址在这里http... 阅读全文

摘要： 好久没更新blog，上次发文（11月8日）到现在刚好一个月，期间项目上的东西比较多，一时觉得时间比较紧，没来得及更新。这个星期总算是告一段落，补上几篇技术性的文章。好吧，第一篇是关于css3动画的使用。 昨天突然看到jing.fm（这个音乐网站非常不错，很多效果我都很喜欢，如果你有兴趣，可以去围观下）上音乐播放时，专辑的转动效果很不错，所以准备自己动手写下，以备后用。结果第一次使用animate就遇到了坑爹的事情，特吐槽下。 一、最终的效果 如上图所示，最终是想让这个专辑的图片转动起来，模拟出唱片播放的效果（你可以去jing.fm上看看真实的效果，很赞，现在很多音乐网站都添加... 阅读全文

摘要： 前几天，校园招聘结束了有一段时间，然后群里放了个前端笔试面试试题集的链接。看完后比较郁闷，有很多东西写的不是很好，有“误人子弟”的嫌疑。。。JK也有吐槽，我偶尔发现个关于“闭包”概念的试题。其实仔细想想，自己对闭包的概念也不是很清楚，所以找了资料查询，比较实际的动手练习了下，对闭包做个总结。一、闭包的概念 闭包是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。 坑爹的官方描述，看了半天没想明白这些术语是具体个什么情况。 找了一圈的资料，总算有通俗易懂的解释。这句话实际上是在说：javascript中所有的function都是一个闭包... 阅读全文

摘要： 平时在项目开发中，没少跟边距，位置，坐标什么的打交道，悲剧的是，如果你对这些东西没有非常清晰的概念，编码的时候会非常痛苦，到处找资料寻求距离的精确计算。痛苦。。。。 今天就有个比较实际的需求，想要获取窗口滚动的距离，记得是scrollTop和scrollLeft，结果查找资料的时候发现个非常有用的示意图。 好吧，图上完了，我觉得我不用解释太多了吧，以后遇到什么client啊，offset啊，scroll啊，包括style内容的各种边距问题，你都不用再纠结了，看看这张图片一切都解决了。 阅读全文

摘要： 今天由于项目需求，需要js控制form的提交，在submit前先进行数据的验证和处理。 html的代码如下： 1 <div class="test-ft">2 <h3 class="shouji">手机号码凶吉</h3>3 <form needcheck="1" method="post" target="_blank" action="http://www.go108.com.cn/go108_mobile_free_sz.php" 阅读全文

摘要： 今天要设计一个定位在图片上的标签，标签的背景要有一定的透明度，使用到了opacity的属性，过去没太注意这个属性的兼容性问题，结果采坑了。。。 1.完成后的效果 完成前后的效果应该是这样的： 背景透明前 背景透明后 tag部分的html应该是这样的： 1 <div class="tag">2 <span class="tag-bg"></span>3 <span class="tag-font">拉萨</span>4 </div> tag部分的css应该是这样的： 阅读全文