LaoZhuHome Beta

之所以写这篇文章呢正好群里和论坛里都有人问这个问题，多数人的回答都是去谷歌去百度，好吧，要想把他们解释清楚花五分钟是不够的，于是弄了一个扫盲贴再加上一个生动的列子这样就会记忆的更深刻，一个demo胜过千句废话。 原理还是不能少的： 一、call 方法 调用一个对象的一个方法，以另一个对象替换当前对象(其实就是更改对象的内部指针，即改变对象的this指向的内容)。 call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 参数 ： thisObj 可选项，将被用作当前对象的对象。 arg1, arg2, , argN 可选项，将被传递方法参数序列。

这两天在处理一个小需求，目的是当用户页面里引入一段外部js（外部js由内部生成，用户手动添加），然后根据外部js提供参数回调不同的js文件和方法（js文件和方法未知，由参数传递），回调的js文件异步在客户的页面里加载，目前已实现基本功能，之所以这么做就是为了尽可能的减小外部js对客户页面加载效率的影响。 事实上目前接触到公司的产品中也遇到了这种情况，页面里因为有较多的辅助功能而引入了比较多的js文件，本地测试开发的话基本看不出对页面加载的影响，但是在模拟的较差网络环境下页面瞬间空白的出现时间有点超过预期，虽然不仅仅是那些js文件造成的加载白屏现象，但是过多js零碎文件的引入任然拖慢了页面的加载速度，目前建议使用$LABjs管理和Combo脚本文件来优化。 鉴于这个小需求又想到了js对大型网站页面加载的影响条件，下面根据不同的情况做了不同的对比，已经尽可能的模拟同等条件下的载入效果，展示上会略有不同，已经取了平均值，数据还算是比较可靠。

前几天加上了一个小效果，我叫它为时光流逝效果，最初是在苹果官网看到的，是为了介绍全新ipad可以续航10小时的一个小效果，于是我用我自己的方式把相同的效果写了一下，不是canvas，仅仅是css3而已，因为我看着还可以，于是就挂到博客上了，用来提醒自己一天的时光就这样流逝了,刚好又有童鞋问我这效果是如何实现，并希望我写一篇文章来说明一下，于是就有了这篇文章。 效果是webkit only。 素材是使用的苹果官网的svg图片，本来我想找几个好看的指针和表盘，可是很多都是主题的色调不匹配，懒得找了，就用它吧。

今天早上上班打开电脑突然发现谷歌的doodle竟然动了起来，第一反应是flash，然后firebug，发现竟然不是，然后唏嘘数分钟。估计有很多童鞋都会像我这样思考和行动吧，好吧，让我们一起来探索一下奇迹是如何发生的。 这个动画使用了CSS Sprites技术，这个已经不是什么新技术了，很多很多的网站都在使用，使用CSS Sprites的目的是为了减少HTTP请求以减轻服务器端的压力，在访问人数很多的电子商务类网站这项技术的优势就会很明显，最后再把拼图压缩一下CDN流量那边估计每个月就又能加菜啦~~

昨天去winy那里咨询他网站里css和js后面版本号的问题，我之所以想加这个功能是因为每次在A电脑修改的样式或者js到了B电脑上就看不到效果，还得ctrl+f5才能看到，我承认我缓存了网站的样式和js，虽然可以让用户把一些常用的很少改动的样式和js缓存到本地，蛋似当我修改了样式或者js后用户看到的还是之前缓存的那个版本，这是个很糟糕的问题，这样不能让各位童鞋们第一时间看到我搞出那些可爱效果，所以我决定也搞一个自动添加版本号的功能。

之前贴代码都是从代码发芽网生成的代码，即使有些麻烦偶也贴来贴去的，为神马呢，还不是因为不想用那几个高亮插件啊，于是想着能不能既不用插件，又不用去别处生成代码也能实现这种高亮呢？经过我香港谷歌，台湾谷歌，翻墙谷歌之后找到了实现这个方法的思路. 其实这个方法不是很好，蛋我没有找到更好的非插件方法，所以暂时先用着吧~~

拿到一张效果图，发现有自定义滚动条这种效果，于是很纠结该怎么来实现它，自己尝试模拟了一下，可是最终还是因为天生愚钝暂时还没有能力独立写出来这个效果，所以只好找了一个插件来实现，下面上demo。 有两处用了自定义滚动条这个效果，一个是上面秒杀规则那里，还有一个在下面的查看英雄榜那里。使用方法很简单，再上一个精简版的demo，

最近一段时间木有敲代码了，大部分时间都在娱乐，感觉自己坠落了，求回收 (鼻涕) 马上要做一个专题页面了，嘿，这让我精神抖擞了一下，都说代码如湿，看来我又要开始淫湿做赋咧。

在Winy那里看到了这个效果，感觉很不错，我在这里木有经过他的同意把这个效果放出来，（他说他也是copy的），所以我把js加密了一下，其实思想也很简单，又能力的童鞋可以山寨一下玩玩。 闲扯一句，现在看到很多博主都把js给加密了，不知道这是好事还是坏事啊。。。

一直想给自己加个楼层显示，可是网上找的代码大多都不太适合，索性自己写一个吧，依然基于jquery实现. 代码写的很直白，没有优化，喜欢的朋友何以拿去，不喜欢的朋友可以自己优化， 网上的代码大部分是用php输出的，我对php不是太了解就，所以就用js做了这个使用了侵入页面的方式来实现的效果：