1、幻灯片播放

有重用功能的代码要封入一个函数内,尽量减少调用出口(一般传入的参数为索引值),以便调用;

计数器放在最终调用的函数那里,index++;

明确那部分函数执行什么功能,将代码块只放在相关的函数内,避免调用函数时执行不必要的语句;

原生JS模仿fade in() 函数原理为改变透明度,setInterval(迭代递增透明度,n)。间隔时间与递增值决定渐变速度,部分代码如下:

timer = setInterval(function(){
                        alpha += 2;
                        alpha > 100 && (alpha = 100);
                        aImg[index].style.opacity = alpha / 100;
                        
                        alpha == 100 && clearInterval(timer);
                    },40)

2.网页计算器。

eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。不需要判断是作何运算,全部交给eval()处理;

巧妙运用正则匹配;

3.强大的三元操作符。

对于if()else()之类的语句,尽可能用三元操作符代替,用法如下:

object.style.background = object.background == "green" ? "red" : "green"  ;

object.className == "current" ? 执行语句一 : (执行语句二  ,执行语句三,执行语句四。。。) ;

非常适合模拟连续单击的事件触发,以及条件判断;

三元操作符的执行语句用括号括起来,以逗号分隔,可执行多条语句

4.无中生有的 var s = false。

此类对于特殊状态下的条件判断非常好用,辅以  “s || 语句一,s = false; ”  改变 s 状态执行 语句一 ,执行完毕 复位 s 状态,构成封闭逻辑

妙用无穷啊

5.addEventListener().

       使用这个方法可以实现事件绑定的嵌套;

从功能上讲,可以是是事件绑定的条件嵌套,也可通过 var s = false; 来实现;

JS中的逻辑哲学的更多相关文章

  1. js中的逻辑与(&&)与逻辑或(||)

    var foo = 1; var bar = 0; var tar = false; var baz = 2; 一.js中的逻辑与(&&) 1.当第一个数为true时,返回第二个数: ...

  2. 讲讲js中的逻辑与(&&)以及逻辑或(||)

    前几天看到一个函数,百思不得其解,今天早上醒来看了本js的书,正好讲到操作符的用法,给大家分享下js中的&&,||,和我们用的其他的编程语言还是有点区别的. 直接上那个函数的代码: f ...

  3. js中的逻辑与(&&)和逻辑或(||)

    之前有一个同事去面试,面试过程中碰到这样一个问题: 在js中写出如下的答案 : var a = 2; var b = 3; var andflag = a && b ; var orf ...

  4. js中的逻辑与(&&)和逻辑或(||)(转载)

    var a = 2; var b = 3; var andflag = a && b ; var orflag = a || b; 问andflag 和orflag 分别是什么? 起初 ...

  5. js中的原型哲学思想

    https://segmentfault.com/a/1190000005824449 记得当年初试前端的时候,学习JavaScript过程中,原型问题一直让我疑惑许久,那时候捧着那本著名的红皮书,看 ...

  6. js中的逻辑与和逻辑或随笔

    逻辑与:&&,都真才真 逻辑或:||,一真都真 逻辑运算两侧不都是布尔值时,会隐式转换为布尔值转换规则:转换为true:非0数字(包含infinity).非空字符串转换为false:0 ...

  7. js中的逻辑或和逻辑与

    a=''||'abc';                              //返回什么?  'abc' a=1||2;                                  // ...

  8. 研究分析JS中的三种逻辑语句

    JS中的三种逻辑语句:顺序.分支和循环语句. 一.顺序语句 代码规范如下:1. <script type="text/javascript"> var a = 10;  ...

  9. JS中 逻辑或 || 逻辑与 && 的使用方法总结

    JS中 逻辑或 || 逻辑与 && 的使用方法总结 //1.在if判断中 //if(1==1 || 2==3){}//->两个条件中只要有一个条件为真,整体就为真 "或 ...

随机推荐

  1. IT人士的职业规范——凝视

     这两天将系统敲完了,该总体调试了,调试的过程中,发现了一个非常大的问题,就是自己的凝视写的不够,有时候不明确U层这个事件是做什么的,有时候不知道这个事件传递的是什么參数,有时候不知道相应的B层和 ...

  2. Android系统的开机画面显示过程分析

    文章转载至CSDN社区罗升阳的安卓之旅,原文地址:http://blog.csdn.net/luoshengyang/article/details/7691321 好几个月都没有更新过博客了,从今天 ...

  3. php错误日志级别

    ; E_ALL             所有错误和警告(除E_STRICT外) ; E_ERROR           致命的错误.脚本的执行被暂停. ; E_RECOVERABLE_ERROR   ...

  4. c#语句:分支

    六.分支:(一)if (表达式){}说明:1.表达式,就是用来返回bool形的表达式.2.if的小括号后面千万不要加分号 (二)if(表达式){}else{} 例:1.输入年龄,大于等于18显示成年, ...

  5. Method to fix "Naming information cannot be located because the target principal name is incorrect." for AD replication failure

    Assume Failure DC FP01 and Working DC DC01 1. Stop the Key Distribution Center (KDC) service on FP01 ...

  6. C# Process.Start()方法详解(转)

    C# Process.Start()方法详解 System.Diagnostics.Process.Start(); 能做什么呢?它主要有以下几个功能: 1.打开某个链接网址(弹窗). 2.定位打开某 ...

  7. STM32的例程GPIO的汇编指令初探

    任务一:寻找main函数的汇编指令集 任务二:寻找main函数中的SystemClock_Config函数的汇编指令集 寻找main函数的汇编指令集 运行例程中GPIO工程时,总会加载startup_ ...

  8. juce viewport使用

    1.设置内容组件 void PropertyPanel::init() { messageWhenEmpty = TRANS("(nothing selected)"); addA ...

  9. view import symbols

    nm -D [file]|grep -w U or objdump -T [file]|grep "*UND*"

  10. python虚拟环境Virtualenvwrapper无法升降级虚拟环境软件解决方法

    virtualenv用于创建独立的Python环境,多个Python相互独立,互不影响,它能够在没有权限的情况下安装新套件,不同应用可以使用不同的套件版本,套件升级不影响其他应用. Virtaulen ...