本篇文章为大家展示了什么是JavaScript秘籍，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。一、进入忍者世界A.即将探索的JavaScript库1.jQuery、Prototype、Yahoo!UI、base22.一个JS库的组成部分JS语言的高级使用跨浏览器代码的精心构建当前能够聚众合一的最佳实践应用B.理解JavaScript语言1.对象、函数、闭包2.with、eval()3.定时器、正则表达式C.跨浏览器注意事项1.IE7、8、9，chrome，firefox，safari、operaD.当前最佳实践1.测试：自己实现的assert()函数2.性能分析3.调度技巧二、利用测试和调试武装自己A.调试代码1.console.log()2.断点B.测试用例生成1.优秀的测试用例：可重用性（repeatability）、简单性（simplicity）、独立性（independence）2.解构型测试用例（deconstructive test cases）在消弱代码隔离问题时进行创建，以消除任何不恰当的问题。3.构建型测试用例（constructive test cases）从一个大家熟知的良好精简场景开始，构建用例，直到我们能够重现bug为止C.测试框架1.QUnit2.YUI Test3.JsUnit4.JUnit、TestSwarmD.测试套件基础知识1.断言：接收一个断言的值，以及一个表示该断言目的的描述2.测试组：一个测试组可能代表一组断言E.异步测试1.将依赖相同异步操作的断言组合成一个统一的测试组2.每个测试组需要那就行在一个队列上，在先前其他的测试组完成运行之后再运行三、函数是根基A.函数的独特之处1.函数是第一型对象它们可以通过字面量进行创建它们可以赋值全变量、数组或其他对象的属性它们可以作为参数传递给函数它们可以作为函数的返回值进行返回它们可以拥有动态创建并赋值的属性2.浏览器的事件轮询事件在触发时被旋转在一个事件队列（先进先出列表[FIFO]）中，然后浏览器将调用已经为这些事件建立好的处理程序 （handler）浏览器的事件轮询是单线程（single-threaded）的3.回调概念当我们定义一个函数稍后执行时，无论何时定义，在浏览器执行还是其他地方执行，我们定义的就是所谓的回调（callback）。我们定义一个函数，以便其他一些代码在适当的时机回头再调用它。4.js中的函数式特性允许我们像使用其他类型一样，创建一个作为独立实体的函数，并将其作为一个参数，像传递其他类型一样将其传递给另外一个方法，而这个方法可以将该函数作为一个参数进行接收，就像接收其他类型的参数一样B.函数声明1.函数字面量function关键字可选名称括号内部函数体2.作用域和函数变量声明的作用域开始于声明的地方，结束于所在函数的结尾，与代码嵌套无关命名函数的作用域是指声明该函数的整个函数范围，与代码嵌套无关（机制提升）对于作用域声明，全局上下文就像一个包含页面所有代码的超大型函数C.函数调用1.函数调用作为一个函数进行调用作为一个方法进行调用，在对象上进行调用，支持面向对象编程作为构造器进行调用，创建一个新对象通过apply()或call()方法进行调用2.从参数到函数形参如果实际传递的参数数量大于函数声明的形参数量，超出的参数则不会配给形参名称如果声明的形参数量大于实际传递的参数数量，则没有对应参数的形参会赋值为undefinedarguments参数是传递给函数的所有参数的一个集合，有length属性，没有其他数组方法，是类数组结构this参数引用了与该函数调用进行隐式关联的一个对象，被称为函数上下文（function context）js中this依赖于函数的调用方式3.作为函数进行调用如果一个函数不是作为方法、构造器，或通过apply()/call()进行调用的，则认为它是“作为函数”进行调用的这种方式通常发生在函数上使用()操作符进行调用的时候，应用了()操作符的表达式并没有将函数作为对象的一个属性函数的上下文是全局上下文——window对象4.作为方法进行调用当一个函数被赋值给对象的一个属性，并使用引用该函数的这个属性进行调用时，那么函数就是作为该对象的一个方法进行调用的将函数作为对象的一个方法（method）进行调用时，该对象就变成了函数上下文，并且在函数内部可以以this参数的形式进行访问5.作为构造器进行调用将函数作为构造器（constructor）进行调用，我们要在函数调用前使用new关键字6.构造器的超能力创建一个新的空对象传递给构造器的对象是this参数，从而成为构造器的函数上下文如果没有显式的返回值，新创建的对象则作为构造器的返回值进行返回7.构造器编码注意事项函数和方法名通常以动词开头，并且是小写字母开头；构造器通常是描述所构造对象的名词，以大写字 香港云主机母开头通过构造器，使用相同的模式就可以更容易地创建多个对象，而无需再一遍又一遍地重复相同的代码。通用代码，作为构造器的构造体，只需写一次8.使用apply()和call()方法进行调用通过函数的apply()方法来调用函数，我们要给apply()传入两个参数：一个是作为函数上下文的对象，另外一个是作为函数参数所组成的数组。call()方法的使用方式类似，唯一不同的是，给函数传入的参数是一个参数列表，而不是单个数组选择哪一个？哪个方法可以提高代码清晰度就用哪个，如果在变量里有很多无关的值或者是指定为字面量，使用call()方法则可以直接将其作为参数列表传进去。但是如果这些参数已经在一个数组里了，或者很容易将其收集到数组里，那么apply()是更好的选择四、挥舞函数A.匿名函数1.通常匿名函数的使用情况是，创建一个供以后使用的函数。例如，将匿名函数保存在一个变量里，将其作为一个对象的方法，或者是将匿名函数作为一个回调2.函数式编程专注于：少、通常无副作用、将函数作为程序代码的基础构件块B.递归1.内联函数（inline function），对象方法给函数起个名字。2.递归引用通过名称进行引用作为一个方法进行引用通过内联名称进行引用通过arguments的callee属性进行引用C.将函数视为对象1.缓存记忆在函数调用获取之前计算结果的时候，最终用户享有性能优势发生在幕后，完全无缝为了提高性能，任何类型的缓存肯定会牺牲掉内存很难测试或测量一个算法的性能D.可变长度的参数列表1.函数的length属性通过其length属性，可以知道声明了多少命名参数通过arguments.length，可以知道在调用时传入了多少参数2.函数调用时，通过控制传递函数上下文，我们在当前对象上执行该对象没有的方法。利用这种技术，可以利用像Array和Math上已有的方法，在自定义数据上进行操作3.重载只适用于不同数量的参数，但并不区分类型，参数名称或其他东西E.函数判断1.通过在对象上调用typeof运算符，判断结果是不是function，不过有跨浏览器的问题五、闭包A.闭包是如何工作的1.闭包（closure）是一个函数在创建时允许该自身函数访问并操作该自身函数之外的变量时所创建的作用域。闭包可以让函数访问所有的变量和函数，只要这些变量和函数存在于该函数声明时的作用域内就行2.声明的函数在后续什么时候都可以被调用，即使是声明时的作用域消失之后3.三个关于闭包的概念内部函数的参数是包含在闭包中的作用域之外的所有变量，即使是函数声明之后的那些声明，也都包含在闭包中相同的作用域内，尚未声明的变量不能进行提前引用B.使用闭包1.私有变量：限制变量的作用域2.回调（callback）与计时器（timer）3.函数在闭包里执行的时候，不仅可以在闭包创建的时刻点上看到这些变量的值，还可以对其进行更新，闭包不是在创建那一时刻点的状态的快照，而是一个真实的状态封装，只要闭包存在，就可以对其进行修改C.绑定函数上下文1.bind()并不是apply()和call()的替代方法，该方法的潜在目的是通过匿名函数和闭包控制后续执行的上下文。这个重要的区别使apply()和call()对事件处理程序和定时器的回调进行延迟特别有帮助D.偏应用函数1.“分部应用”一个函数，在函数调用之前，可以预先传入一些函数，实际上，偏应用函数返回了一个含有预处理参数的新函数，以便后期可以调用2.这种在一个函数中首先填充几个参数（然后再返回一个新函数）的技术称之为柯里化（currying）E.函数重载1.每个函数都有自己的上下文，从而可以将上下文变成闭包的一部分2.如果过多地利用闭包修改函数的逻辑，那会让函数变得不可扩展F.即时函数1.(function(){})()，第一组圆括号仅仅是用于划定表达式的范围，而第二个圆括号则是一个操作符，不管第一组圆括号中是什么内容，都会将其作为函数的引用进行支持2.执行过程创建一个函数实例执行该函数销毁该函数3.由于函数是立即执行，其内部所有的函数、所有的变量都局限于其内部作用域。可以存储数据状态。4.在JS中，变量的作用域依赖于变量所在的闭包5.闭包记住的是变量的引用——而不是闭包创建时刻该变量的值六、原型与面向对象A.实例化和原型1.原型可以让我们预定义属性，包括方法，这些属性和方法会自动应用在新对象实例上2.在构造器内的绑定操作优先级永远都高于在原型上的绑定操作优先级。因为构造器的this上下文指向的是实例自身，所以我们可以在构造器内对核心内容执行初始化操作3.查询属性引用时，首先是查询对象自身，如果不存在，才在原型上进行查找B.疑难陷阱1.不要扩展原生Object.prototype，使用hasOwnProperty判断属性是对象实例上的还是原型链上的2.不要扩展数字七、正则表达式A.正则表达式进阶1.在开发过程中，如果正则是已知的，则优先选择字面量语法，而构造器方式则是用于在运行时，通过动态构建字符串来构建正则表达式B.编译正则表达式1.每个正则表达式都有一个独立的对象表示：每次创建正则表达式，都会为此创建一个新的正则表达式对象C.捕获匹配的片段1.在全局正则表达式的情况下，匹配所有可能的匹配结果，而不仅仅是第一个匹配结果，返回的数组包含了全局匹配结果2.exec()方法可以对一个正则进行多次调用，每次调用都可以返回下一个匹配的结果3.要让一组括号不进行结果捕获，正则表达式的语法允许我们在开始括号后加一个?:标记（被动子表达式）D.利用函数进行替换1.replace()最强大的特性是可以接受一个函数作为替换值，参数：匹配的完整文本、匹配的捕获、匹配字符在源字符串中的索引、源字符串八、驯服线程和定时器A.定时器延迟的最小化及其可靠性1.浏览器不保证我们指定的延迟间隔，虽然可以指定特定的延迟值，但其准确性却并不总是能够保证，尤其是在延迟值很小的时候九、忍者点金术：运行时代码求值A.代码求值机制1.用eval()方法进行求值该方法将执行传入代码的字符串，将返回传入字符串中最后一个表达式的执行结果在调用eval()方法的作用域内进行代码求值任何不是简单的变量、原始值、赋值语句的内容都需要在外面包装一个括号求值执行的作用域就是调用eval()时的作用域2.用函数构造器进行求值：不会创建闭包3.用定时器进行求值4.全局作用域内的求值操作：将要执行的代码放在动态的5.安全的代码求值：无解，Google CajaB.函数反编译1.由函数的toString()方法来执行C.代码求值实战1.JSON转换2.在名称空间内移动定义代码3.JS代码的最小化及混淆操作4.动态代码重写和注入5.创建元语言十、with语句A.with是怎么回事1.with语句会创建一个作用域，在该作用域内，在引用特定对象的属性时，可以不使用前缀2.在with语句的作用域内，对象属性的优先级绝对高于在更高层级 作用域内定义的同名变量，作用域内的代码意义可能是含糊不清的3.它降低了所包含JS代码的执行性能十一、开发跨浏览器策略A.五大开发关注点1.浏览器的bug2.浏览器bug修复3.与外部代码一起共存封装代码处理不太典范的代码避免植入属性：hasOwnProperty()贪婪ID复制样式表排序4.缺失的功能优雅降级向后兼容5.回归B.实现策略1.安全的跨浏览器修复：对其他浏览器来说，没有负面影响或副作用；不需要进行浏览器检测或特性检测；2.对象检测：确定某一对象或对象的属性是否存在，如果存在，则假设它包含了暗指的功能，多用于在提供重复功能的多个API之间进行选择3.特征仿真：确保特征能按预期工作，为不能按预期工作的浏览器提供一个备用操作4.不可检测的浏览器问题事件处理绑定事件触发CSS属性效果不一致的APIAPI性能AJAX问题C.减少假设1.应该努力减少所做的假设，有效地减少出错的可能性，以及一些会在背后攻击我们的问题的可能性十二、洞悉特性、属性和样式A.DOM特性和DOM属性1.属性：div.id，特性：div.getAttribute(“id”)2.属性和特性需要考虑跨浏览器命名命名限制HTML和XML之间的差异自定义特性的行为性能注意事项：属性比特性快B.跨浏览器的attribute问题1.DOM中的id/name膨胀：表单中的input元素用id和action做为id时会覆盖表单的属性2.URL规范化：在访问同一个引用了URL的属性时（href、src或action），该URL值会自动将原始值转换成完整规范的URL3.style特性4.type特性：IE中不能修改type5.tab index 问题：如果不显式设置tab index，就无法获取到一个元素的tab index6.节点名称：HTML中nodeName返回的都是大写，XML或XHTML中返回正常的C.令人头疼的样式特性1.样式属性命名：会将CSS中的样式转成驼峰格式2.float样式：IE使用styleFloat，其他使用cssFloat3.测量元素的高度和宽度：offsetHeight()、offsetWidth()，包括border、paddingD.获取计算样式1.window.getComputedStyle()十三、不老事件A.绑定和解绑事件处理程序1.addEventListener()和removeEventListener()，IE9之前使用attachEvent()和detachEvent()B.处理程序的管理1.集中存储相关信息：将所有的数据保存在一个集中对象上可以避免IE浏览器的潜在内存泄露问题2.管理事件处理程序C.事件触发1.优点之一是，我们想创建多少就可以创建多少，并且这些处理程序是完全独立的。2.自定义事件是模拟真实事件的体验，而无需得到浏览器底层事件的支持D.冒泡与委托1.委托（delegation）是表示在DOM上层定义事件处理程序，而不是在触发事件的元素本身上定义十四、DOM操作1.将HTML文本片段注入到一个临时元素的innerHTML属性中，是一个可以将HTML文本字符串转换成DOM元素的快速且简单的方式十五、CSS选择器引擎A.W3C Selectors API1.使用querySelector()和querySelectorAll()2.执行一个元素级查询时，选择器只检查选择器的最后一部分是否包含在元素中B.利用XPath查找元素C.纯DOM实现1.向后兼容、速度尚可、全覆盖上述内容就是什么是JavaScript秘籍，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注开发云行业资讯频道。
本篇内容介绍了“动态SQL的拼接方法”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！“动态SQL的拼接方法”的内容就介绍到这里了，感谢 香港云主机大家的阅读。如果…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
