前言JavaScript 不包含传统的类继承模型，而是使用 prototypal 原型模型。（prototypal ：原型。学好英语还是很重要的）虽然这经常被当作是 JavaScript 的缺点被提及，其实基于原型的继承模型比传统的类继承还要强大。实现传统的类继承模型是很简单，但是实现 JavaScript 中的原型继承则要困难的多。由于 JavaScript 是唯一一个被广泛使用的基于原型继承的语言，所以理解两种继承模式的差异是需要一定时间的，今天我们就来了解一下...
我们知道通过界面设置字段的change事件，是否是必填，是否可见非常容易。但有时我们需要动态地根据某些条件来设置，这时有需要通过js来动态地控制了。下面分别介绍如何用js来动态设置。 一、动态设置字段的change事件// form on load eventfunction onLoad() { init(); pageAttr.delivery_from.addOnChange(deliveryFromChange); pageAttr.type.addOnChange(typeChange); pageAttr.order_purpose.addOnChange(orderPu...
1.Array类型js中的数组与其他多数语言中的数组有着相当大的区别。虽然js中的数组与其他语言中的数组都是数据的有序列表，但是与其他语言不同的是：1.js中的数组每一项都可以保存任何类型的数据。2.js数组大大小可以动态调整的。 2.array的栈方法LIFO，js中的数组提供了一种让数组的行为类似于其他数据结构的方法。具体来说，数组可以表现的酒香栈一样，后者是一种可以限制插入和删除项的数据结构。js为数组专门提供了push（）和pop...
javascript事件基础和事件绑定一、事件驱动 1.事件 javascript侦测到的用户的操作或是页面的一些行为(怎么发生的) 2.事件源 引发事件的元素。(发生在谁的身上)3.事件处理程序 对事件处理的程序或是函数 (发生了什么事) 二、事件的分类 1.鼠标事件 onclick ondblclick onmousedowm onmouseup onmousemove onmouseover onmouseout 2.键盘事件 onkeyup onkeydown ...
第1章 引言1.1 回顾历史1.2 变革之风1.3 分析现状1.4 展望未来1.5 面向对象的程序设计 1.5.1 对象（属性和方法的集合） 1.5.2 类 （相似对象的共同特征，如麻雀、老鹰都是鸟类） 1.5.3 封装 （将属性和方法集合起来，也有封闭作用域的概念，如封装一个播放器对象） 1.5.4 聚合 （将几个对象合并成一个对象） 1.5.5 继承 （一个实例对象继承父级对象的一些属性和方法） 1.5.6 多态 （一个对象调用其他对象的方法，...
一：前端开发中常遇到的问题 如果我们的网站简单的时候，结构上也许不会有什么问题，但是如果我们的网站越来复杂的时候（比如功能越来越多的时候，加入项目的人越来越多的时候），我们书写的代码就会遇到下面的两个问题： 1. 恼人的命名冲突 比如我们多人开发一个项目，事先由我自己写好了一个共公的组件库common.js供大家调用，里面的包括 function tab(){ 实现代码： }; ...
Array toString() - 返回以“,”号拼接元素的字符串 join(String a) - 返回以a拼接元素的字符串，默认以“,”号拼接 push() - 向数组末尾添加一个或多个元素，返回新的数组长度 pop() - 删除数组最后一个元素并返回这个元素 unshift() - 向数组开头添加一个或多个元素，返回新的数组长度 shift() - 删除数组第一个元素并返回这个元素 revers...
原理：先计算鼠标与拖拽目标的左侧距离 跟 上面距离，再计算拖动后的位置。示例代码： 1<!DOCTYPE html> 2<html lang="en"> 3<head> 4<title>拖拽原理</title> 5<meta charset="UTF-8"> 6<meta name="viewport" content="width=device-width, initial-scale=1"> 7<style type="text/css"> 8 #moveBlock{ 9 width:100px;height:100px;background-color:#f00;position:absolute 10}11</style>12<script>13...
DOM模型 Core DOM 正对任何结构化文档 XML DOM 针对XML HTML DOM 针对HTML 使用DOM访问节点 1、通过document对象 getElementById() 通过ID获取第一个对象的应用 getElementByName() 带有指定名称的对象集合 getElementBytagName() 带有指定标签名的对象集 2、通过层次关系 parentNode 父节点 firstChild 第一个子节点 lastChild 最后一个子节点 【这三个都是属性】 改变节点属性 1、Core标准方法 getA...
操作富文本与富文本编辑器的交互的主要方式就是使用 document.execCommand() 方法该方法可以对文档执行自定义命令,并且可以应用大多数格式该方法接收三个参数:要执行命令的名称浏览器是否应该为当前页面提供用户界面执行命令的值为了保证跨浏览器的兼容性,最好保证第二个参数为 false,因为Firefox会在该参数为 true 时报错 命令值(第三个参数)说明backcolor颜色字符串设置文档的背景颜色boldnull将选中的文本转为粗体显示copynull将...
js高级编程中对于原型对象，之前看的时候并没有很在意，今天看到js中的继承，原型链，于是回过头来重温一下原型模式。概念1：我们创建的每个函数都有一个prototype（原型）属性，这个属性是一个指针，指向一个对象，而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。这一点很像.net中的静态属性和方法。这一点对于代码的重用由很好的帮助，而且对于prototype属性的更改可以是动态的。 prototype中的属性是所有...
创建实例funtion Fn (){ var num = 10; this.x = 100; this.getX = function(){ console.log(this.num); }}var f1 = new Fn;f1.getX();最后执行的结果是：undefined说明： 类有普通的里面，当函数执行的时候，var num只是当的形成的私有作用域中的私有变量而已，它和我们的f1这个实例没有任何的关系，只有this.xxx=xx才相当于给f1增加私有的属性和方法，才和我们的f1有关系；funtion Fn (){ var num = ...
所谓绑定上下文就是当前绑定(dat-bind)所使用到的对象（ViewModel）。在单个对象绑定的情况下是很容易理解的，但对象可能是复杂的类型，嵌套很多层，这个时候每层都有自己的上下文对象，理解起来就不是很方便了。ko通过上下文关键字，让层次间的关系变得更加清晰，相互访问变得更加简单。一、$data 与 $index上一篇介绍了ObservableArray和template，通常我们通过对象属性进行绑定，例如：data-bind="text:属性名称"；但如果数组只...
随着JS越来越庞大，已经不仅仅是以前复制粘贴做特效的时代了，JS越来越偏向于业务逻辑与应用。JS在web开发中占有越来越重要的地位。由于JS代码庞大，文件数目多，传统的使用<script src=""></script>会带来很多性能的问题，因此requirejs可以为我们提供解决思路，它有以下的功能： 1、声明不同js文件之间的依赖2、可以按需、并行、延时载入js库3、可以让我们的代码以模块化的方式组织 下面进行实战：文档结构是这样的 .js/app/conf...
一、概念介绍prototype 对象 ： 原型对象。在JavaScript中, 每一个对象都继承了另一个对象,后者称为"原型对象". 只有 null 除外,它没有自己的原型对象。 原型对象上的所有属性和方法,都能被派生对象所共享。通过构造函数实例的实例对象,都会被自动分配一个原型对象。每一个 构造函数的prototype属性,就是这个实例对象的原型对象。二、原型使用如上图,在Animal的源...