传统上用jQuery操作DOM,就类似C语言中的goto语句,随着项目复杂度增大,会越来越难以维护。 关于MVC(以及后续的MVP,MVVM),网上资源很多,就不展开。我们直接用代码来操练。index.htmlBackbone其中,x.js是用duo生成后的js。文件中引用的几个js,都可以从百度静态资源库中下载到 1.jsvar ListView = Backbone.View.extend({//el: $('.wrapper'),// 初始化函数,new时,backbone会自动调用initialize: function() {this.render(...
第6章,面向对象的程序设计对象:1、数据属性?configurable,表示能否通过delete删除属性从而重新定义属性,能否修改属性的特性,或能否把属性修改为访问器属性,默认为trueenumerbale,表示能否通过for-in访问属性,默认true?writable,表示能否修改属性值,默认true?value,数据存储位置,默认undefined修改默认属性特性:Object.defineProperty(),接收三个参数:属性所在对象,属性名,描述符对象,描述符对象属性必须是:conf...
第2章,在html中使用JavaScriptHtml引入外部js脚本标签有一个defer属性可以延迟脚本执行,但是并不保证会按脚本排列顺序执行建议:将脚本引入放在标签的所有内容之后,而不放在标签中进行引入,加快页面响应标签中的内容会在浏览器不支持脚本或脚本被禁用的时候输出,启用了脚本的浏览器将不会看到标签中的 内容第3章,基本概念标识符第一个字符必须是字母,下划线(_)或美元符号($),有效命名为字母、数字、下划线和美元符号构...
推荐阅读:JavaScript学习笔记之数组的增、删、改、查 JavaScript学习笔记之数组求和方法 JavaScript学习笔记之数组随机排序 在实际业务中有的时候要取出数组中的最大值或最小值。但在数组中并没有提供arr.max()和arr.min()这样的方法。那么是不是可以通过别的方式实现类似这样的方法呢?那么今天我们就来整理取出数组中最大值和最小值的一些方法。 取数组中最大值 可以先把思路理一下: 将数组中第一个元素赋值给一个变量,并且把...
推荐阅读:JavaScript学习笔记之数组的增、删、改、查 JavaScript学习笔记之数组求和方法 JavaScript学习笔记之数组随机排序 话说面试常会碰到面试官会问JavaScript实现数组去重的问题,最近刚好在学习有关于JavaScript数组相关的知识,趁此机会整理了一些有关于JavaScript数组去重的方法。 下面这些数组去重的方法是自己收集和整理的,如有不对希望指正文中不对之处。 双重循环去重 这个方法使用了两个for循环做遍历。整个思路是:...
推荐阅读:JavaScript学习笔记之数组求和方法 JavaScript学习笔记之数组的增、删、改、查 JavaScript中提供了sort()和reverse()方法对数组项重新排序。但很多时候这两个方法无法满足我们实际业务的需求,比如说扑克牌游戏中的随机洗牌。在这篇文章一起来学习如何完成上面这个示例的效果,以及一些有关于数组随机排序的相关知识。 在网上查了一下有关于数组随机排序的相关资料,都看到了Math.random()的身影。打开浏览器控制器,输入...
推荐阅读:JavaScript学习笔记之数组的增、删、改、查 通过最近学习,越来越感觉JavaScript的强大与魅力之处,仅数组一个知识点就让我这样的初学者折腾了很久。折腾是折腾,但还是很有效果的,这几天的学习到的一些基本知识,就在自己的业务就用到了。顿感自信心爆棚,我也有一天能学会JavaScript。 别的不多说了,咱们今天一起来玩数组的求和,看看有哪些方法可以实现数组的求和。 数组方法 JavaScript中数组有很多种方法,下图能...
在程序语言中数组的重要性不言而喻,JavaScript中数组也是最常使用的对象之一,数组是值的有序集合,由于弱类型的原因,JavaScript中数组十分灵活、强大,不像是Java等强类型高级语言数组只能存放同一类型或其子类型元素,JavaScript在同一个数组中可以存放多种类型的元素,而且是长度也是可以动态调整的,可以随着数据增加或减少自动对数组长度做更改。 数组是JavaScript中常见的一个对象,它有一些经典的操作,比如数组的增、删、...
ES6(ECMAScript 6)是即将到来的新版本JavaScript语言的标准,代号harmony(和谐之意,显然没有跟上我国的步伐,我们已经进入中国梦版本了)。上一次标准的制订还是2009年出台的ES5。目前ES6的标准化工作正在进行中,预计会在14年12月份放出正式敲定的版本。但大部分标准已经就绪,且各浏览器对ES6的支持也正在实现中。 ES6给数组添加了一些新特性,而这些新特性到目前为止完全可以运用到自己的业务层。在这一节中将总结有关于ES6给...
JavaScript 有Date、Array、String等这样的内置对象,功能强大使用简单,人见人爱,但在处理一些复杂的逻辑的时候,内置对象就很无力了,往往需要开发者自定义对象。 从JavaScript定义上讲对象是无序属性的集合,其属性可以包含基本值、对象或函数。也就是说对象是一组没有特定顺序的属性,每个属性会映射到一个值上,是一组键值对,值可以是数据或对象。 对象是JavaScript的基本数据类型。在JavaScript中除了字符串、数字、true、...
在浏览导航栏添加所需按钮DEMO//当 datatype 为"local" 时需填写 var grid_data = [{ id: "00001", type: "退货出库", pay: "1000", name: "abc", text: "ccc" }, { id: "00002", type: "退货出库", pay: "1000", name: "abc", text: "aaa" }, { id: "00003", type: "退货出库", pay: "1040.06", name: "abc", text: "ddd" }]; var grid_selector = "#grid-table"; var pager_selector = "#grid-pager"; $(document).ready(functi...
1. 使用jquery 到jquery.com下载jquery.js当前版本是1.4.2 新建一个html页面 代码如下: <script type="text/javascript" src="jquery.js"></ script> $(document).ready(function(){ $("a").click(function(event){ alert("As you can see, the link no longer took you to jquery.com"); event.preventDefault(); }); }); http://jquery.com/">jQuery 代码解释...
1. 使用class与id选择HTML元素 选择id为"myDivId"的元素.由于id是唯一的,所以总是选择到1个或0个元素 代码如下: $(#myDivId) 选择class为"myCssClass". 可以选择任何多个class为"myCssClass"的元素. 代码如下: $(.myCssClass) 获取或设置元素的值 代码如下: var myValue = $(#myDivId).val(); // get the value of an element $(#myDivId).val("hello world"); // set the value of an element 选择id中有.和:时,前面...
1.onchange 及其onpropertychange,oninput 在IE下可使用onpropertychangel立即触发监听, oninput 可以使用在FF下,但必须使用w3c推荐的addEventListener的方式来绑定事件. http://www.gxlcms.com/article/25275.htm2. 也有type属性: 很少用一般使用input标签,今天开发那边使用button说在ff下怎么和提交相同,查手册发现button有type属性值为:submit reset button,在我印象中他就是button的,错误了。。 并且此标签在IE和ff下默认...
DOM分为3个方面,即DOM Core,HTML-DOM,CSS-DOM. 1,DOM Core并不专属于JavaScript,任何一种支持DOM的程序设计语言都可以使用它. JavaScript中的getElementById(),getElementsByTagName()...等方法. 例如:使用DOM Core来获取表单对象的方法: document.getElementsByTagName("form"); 2,HTML-DOM. 在使用JavaScript和DOM为HTML文件编写脚本的时候.有许多专属于HTML-DOM的属性.HTML-DOM的出现甚至比DOM Core还要早,它提供了一些更简明的...