IoC是个通用的设计机制，DI(依赖注入)则是具体的设计模式，它体现了IoC的设计原则。DI是IoC的最典型的实现，因此术语上IoC和DI经常混淆使用。 面向对象设计的基本思想是将系统分解为一组可重用的对象。如果没有一个核心模块来管理这些对象，它们将不得不各自创建和管理自己的依赖。结果就是这些对象会紧紧地耦合在一起。解决的方法就是，提供一个容器来管理组成系统的对象。该容器集中创建对象，并以注册表的形式提供对象的查找服务。同时，它还管理对象的生命周期，并为这些对象提供一个运行平台。运行于容器的对象必须遵循容器所定义的规范。1、假设现在要实现打印报表这个功能，打印报表可生成Html和Pdf格式等不 Read More
在编写使用jQuery的代码时，如果没有适当的预防措施，很可能会与其他JavaScript库发生冲突。绝大多数的冲突都与$有关。比如Prototype库也是使用$。因此如果在编写代码时，如果同时用到了jQuery和Prototype库时，就会产生冲突了。避免冲突的步骤：1、在jQuery库代码的最后添加一行noConflict方法调用。noConflict方法使jQuery代码不再依赖$这个别名。2、修改所有用到jQuery的代码，将$改为jQuery：$(document).ready(function(){ //TODO });改成：jQuery(document).ready(fu... Read More
可以在脚本中使用.css()方法来获取或设定元素的CSS属性，但是.css()方法的缺点是它会在HTML中添加内嵌样式。因此建议改用添加或删除样式类的方式。1、为DOM元素设定CSS属性在调试布局时，.css()方法非常有用。<script type="text/javascript"> $(document).ready(function(){ $('.content').css("border","1px solid #f00"); }); </scrip... Read More
使用jQuery，可以用更少的代码，非常容易理解的语法，轻松地应用所有的原声JavaScript事件捕获来自用户键盘和鼠标的交互。这正是jQuery的风格。1、使用.ready()事件检测DOM是否完全加载当HTML()文档加载完成时，触发.ready()事件。因此常用.ready()检查DOM是否加载完毕。当DOM准备好之后，这个时间将触发所有包在.ready()事件处理函数中的JavaScript或jQuery代码。它并不需要等待页面的图片或视频成功加载。一般写jQuery代码最开始就是使用.ready()事件：$(document).ready(function(){ //TODO... Read More
1、向DOM添加HTML.html()方法内部使用原生的innerHTML属性，它既能直接调用.html()方法获取某个元素内的HTML文本，又可以传递HTML代码参数给.html()方法以设定其内部的HTML。<script type="text/javascript"> $(document).ready(function(){ $('.content').html('<div class="main">Hei,jQuery!</div>'); }); </... Read More
使用jQuery选择器选取DOM元素，如使用ID选择器、类选择器。但jQuery选择器很强大，支持多种。1、使用多个类选取一个或多个元素：选取这些同时拥有多个类的元素$(".class1.class2").css("display","block"); //将同时具有类class1和class2的元素以块元素显示。2、使用子元素选择器选取元素：通过>选择符选择父元素的直接子元素$("body > div").css("display","block"); //将b Read More
在jQuery中，事件代理是指：把事件绑定到父级元素，然后等待事件通过DOM冒泡到该元素时再执行。在事件侦听过程中有两种触发事件的方式：事件捕获和事件冒泡。事件冒泡更快，效率更高。事件捕获：事件在DOM中向后代元素下沉。事件冒泡：事件从发生事件的源元素通过DOM向上冒泡。jQuery使用事件冒泡的方式处理所有的事件。jQuery库提供了3个方法来绑定元素的事件处理函数，分别是bind()、live()、delegate()。1、使用.bind()绑定事件处理函数:必须提供两个参数，第一个是事件类型，第二个是事件处理函数。.bind(event type,event handle)如：$(doc Read More