01 2016 档案

jquery data方法取值与js attr取值的区别
摘要：<a data-v="3"></a> jquery data方法的运行机制： 第一次查找dom，使用attributes获取到dom节点值，并将其值存到缓存里，第二次操作的时候，还是先找到dom，但是这次取值是直接从缓存读了，少了一步对dom的操作 attr()方法每次都要操作dom，性能上差点儿 阅读全文
posted @ 2016-01-27 18:58 TomG 阅读(2651) 评论(0) 推荐(0)
单页应用引擎的写法artTemplate
摘要：使用到了ba-haschange.jstemplate-native-debug.js这个版本也是有细节的，使用这个版本起作用了 阅读全文
posted @ 2016-01-12 18:50 TomG 阅读(221) 评论(0) 推荐(0)
line-height行高使用技巧
摘要：若父元素标签高度一定，假设为150px,子元素需要垂直居中，再重新给子元素设置一个行高就好了，省事省力 阅读全文
posted @ 2016-01-12 18:05 TomG 阅读(179) 评论(0) 推荐(0)
代码间距的由来和解决方法
摘要：先来个简约版的，抛弃了那些老古董之后抛弃ie6-7,ie8(Q),safari 5.x，先用font-size:0;清除掉间距，再给子元素恢复字体大小，并且恢复默认间距vertical-align:top;不是必须的.yui-g { font-size:0;}.yui-u{ display: i... 阅读全文
posted @ 2016-01-12 17:56 TomG 阅读(856) 评论(0) 推荐(0)
径向渐变
摘要：http://www.w3cplus.com/css/create-shapes-with-csshttp://www.w3cplus.com/css3/new-css3-radial-gradient.htmlhttp://blog.csdn.net/playboyanta123/article/... 阅读全文
posted @ 2016-01-11 15:25 TomG 阅读(115) 评论(0) 推荐(0)
各种兼容性处理备用
摘要： 阅读全文
posted @ 2016-01-08 10:05 TomG 阅读(96) 评论(0) 推荐(0)
倒计时原理
摘要：00天 00时 00分 00秒 阅读全文
posted @ 2016-01-08 10:01 TomG 阅读(285) 评论(0) 推荐(0)
javascript原型模式理解
摘要：传统的面向对象语言中，创建一个对象是通过使用类来创建一个对象的，比如通过类飞行器来创建一个对象，飞机。而js这种没有类概念的动态设计语言中，创建对象是通过函数来创建的，所以通常也把js称为函数式语言，创建对象除了使用声明方法 var a = {} | function(){} | string | ... 阅读全文
posted @ 2016-01-08 09:48 TomG 阅读(123) 评论(0) 推荐(0)
倒计时原理和折叠收缩
摘要：获取当前时间，和结束时间，用当前时间减去结束时间为倒计时时间，然后用定时器setInterval每一秒刷新一次就可以得出以秒为单位的倒计时了，如果是毫秒的话，setInterval(callback,1),性能就不知道啦折叠收缩，先找到选中的和其子展开项目，去掉选中的样式，和展开的子项目，给当前加上... 阅读全文
posted @ 2016-01-07 16:50 TomG 阅读(247) 评论(0) 推荐(0)
插件使用记录
摘要：TweenMax.js图片缓动插件，如果是ie8ie9要使用图片缓动的话此插件还凑合，虽然有点抖动，但图越小就越看不出来，超过500x500的图就能看到明显的抖动了，改时间或曲线一个贵阳 阅读全文
posted @ 2016-01-07 15:59 TomG 阅读(134) 评论(0) 推荐(0)
原型链和new
摘要：http://www.cnblogs.com/objectorl/archive/2010/01/11/Object-instancof-Function-clarification.html构造器(自定义的或者系统默认的)是Function方法构造而出的，所以 function Foo() {};... 阅读全文
posted @ 2016-01-06 19:29 TomG 阅读(142) 评论(0) 推荐(0)
each函数循环数据表示列举，列举循环的时候添加dom的方法
摘要：var dotBox = $('#bannerNum');var item = '';var itemSize = $('#bannerBack p').length;var dotBoxWidth = itemSize*24;$('#bannerBack p').each(function () ... 阅读全文
posted @ 2016-01-06 19:01 TomG 阅读(240) 评论(0) 推荐(0)
字体圆润属性的使用-webkit-font-smoothing: antialiased
摘要：字体渲染和抗锯齿技术据称该属性在window下不起作用，不知win10如何，但是在OS和ios中会有不同的展示效果，主要也是展示在webkit内核中，以及android和ios中大概是说字体渲染的不同方式吧，灰度渲染还是比较好用的，其他次像素平滑使用前，还是先查询文档的好Mac网页字体优化小议- b... 阅读全文
posted @ 2016-01-06 18:43 TomG 阅读(626) 评论(0) 推荐(0)
面向对象对多态的理解
摘要： 阅读全文
posted @ 2016-01-06 18:11 TomG 阅读(141) 评论(0) 推荐(0)