近期在学着用easyui,发现框架用起来果然是方便简洁,能弄出这框架的都是大神级别了吧,牛啊....

今天碰到这个应用能够说是让我很之无语,整出源代码来一看就明确了。可之前却还是感觉很奇妙,我也经常告诉自己。要多动脑筋。实际上有一些也的确有想过。但实在是效果很牵强。而当源代码拿出来看的时候却又格外的明确。假设这时候我能够看到自己的表情。大抵就是一个纠结吧,假设说量变引起质变,那我的量还差的太多了,连见多识广都算不上,何谈创造啊。

先来分析下实现的原理吧。闪烁的原理是什么呢:事实上就一个,display在none与block之间频繁的交替,这样说你明确了么。

还是先上代码:

html部分:

 <div style="width: 50px;height: 50px;background-color: cyan;display: block;" id="showZone"></div>//是不是非常熟悉啊

javascript部分:

window.onload=function(){
var obj=document.getElementById("showZone");
var timer=null;
obj.onclick=function(){
var i=0;
clearInterval(timer);
timer=setInterval(function(){
obj.style.display=i++%2?"none":"block";//还是有收获的。这个写法比if..else想必简单了好多
i>8&&clearInterval(timer);//这个短路用的经典啊
},80);
};
};

尽管原理上简单,可是前辈的代码比我个人编写的代码要简单太多了。还是非常有收获的。

easyui也进入学习日程了,这一天天的是越排越满啊......加油,笨鸟飞飞飞.....

最新文章

  1. xml类型使用注意事项
  2. 再读《C++ Primer》——变量和基本类型
  3. Python—函数的参数组合
  4. Android动画效果生动有趣的通知NiftyNotification(Android Toast替代品)
  5. HTML5列表、块、布局
  6. ANDROID5.0触摸屏校准
  7. Oracle DB优化
  8. [ASP.NET]利用itextsharp将GridView汇出PDF档
  9. 介绍linux下Source Insight强大代码编辑器sublime_text_3
  10. c++ 智能指针【转载】
  11. hadoop和java 配置环境变量的的tar
  12. 破解微信防盗链&amp;微信公众号文章爬取方案
  13. 转载 线程池之ThreadPool类与辅助线程 - &lt;第二篇&gt;
  14. Gmail 设置,时区
  15. Scala--映射和元组
  16. socket编程及API简介
  17. 李洪强和你一起学习前端之(9)规避脱标,CSS可见性,滑动门案例
  18. UnicodeEncodeError: &#39;ascii&#39; codec can&#39;t encode characters in position 0-1: ordinal not in range(128)
  19. Windows下整合apache和Tomcat
  20. Tomcat9 配置在Windows7 64位 上安装步骤

热门文章

  1. JMeter之分布式部署
  2. [BZOJ 1305] 跳舞
  3. [BZOJ 1833] 数字计数
  4. BZOJ 1878 [SDOI2009]HH的项链(扫描线+树状数组)
  5. 【AC自动机】hdu2222 Keywords Search
  6. 【状态压缩DP】BZOJ1087-[SCOI2005]互不侵犯King
  7. Python自带的hmac模块
  8. &lt;摘录&gt;字节对齐(强制对齐以及自然对齐)
  9. JavaScript中的模块化之AMD和CMD
  10. UITextField 如何设置为密码方式显示?