张东旭

JavaScript编程中多数情况是面向过程编程，但有时候为了更好地封装重用。面向对象思想来编程更为有用。虽然现前端都开始流行MVC思想的js框架，但并不是说js没用了，学好js对于学习js前端框架，jquery,等都是非常有帮助的。好了，闲话不说，下面用一个例子，两种写法，来说明面向对象和面向过程编程。效果如上，一个简简单单的选项卡的例子。面向过程编程代码：

JavaScript运动JS复杂运动，包括多物体任意值运动和链式运动多物体任意值运动多个物体任意样式运动要点：在原有运动框架上，添加一个name参数用来实现任意值的传递以下例子我们在上一期例子中多物体运动加以升级、可以看到我们这三个div不仅都可以运动，而且运动的方面不同，但是我们只写了一份运动框架，充分复用了代码，关键点就在于我们把运动的样式当成参数传

JavaScript9基础-Dom综合实例1在前两节课程中我们讲述了DOM基础以及DOM表格基础。但是要想学好DOM就必须要大量的练习。这节课我们通过大量例子的练习来提高对DOM的熟练度。DOM综合实例-丰富表格我们先做一个基础表格，该表格只具有添加功能：eg1:                    table, th, td

什么是事件    JavaScript与HTML之间是通过事件来交互。    事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间。    事件一般分为DOM事件（文档对象模型事件）和BOM事件（浏览器对象模型事件）。事件流    事件流描述了在页面中接受事件的顺序。    比如：在页面里有三个嵌套的DIV，最大的DIV在下面，最小的在上面    eg：

事件对象    再触发事件时会产生一个事件对象，事件对象记录了包含与事件有关的所有    详细信息。包括事件元素，事件类型等。    比如鼠标事件中会包含鼠标的位置信息，键盘事件中会包含按下的键的信息。    事件对象不需要创建，只需要在事件处理程序传入event对象    eg:            window.onload = function() {

JavaScript运动说到JavaScript运动就不得不提一提JS定时器函数JS定时器有两种，延时性和周期性他们都是window对象的方法。定时器延时性定时器setTimeout(函数，毫秒数)，返回值为该定时器。周期性定时器setInterval(函数，毫秒数)，返回值为该定时器。取消定时器clearInterval(定时器名称)clearTimeou

Chrome浏览器表单自动填充默认样式 Chrome会在客户登陆过某网站之后, 会自动记住密码 当你下次再次进入该网站的时候, 可以自由的选择登陆的账号, Chrome会为你自动填充密码. 而你无需再输入密码 这本身是一个很好的功能, 但是对于开发者而言, 却有一个很让人难受的问题. 当你选择账号密码之后, 你的输入框会变成黄色… x黄色 (额. 只是因为我单纯的不喜欢这个颜

DOM基础——DOM表格基础JS提供了一套快速访问表格的方法。但是没有这些方法也能够操作表格元素。当然会变得很麻烦。表格元素获取    tBodies, 表格主体 == tbody    tHead, 表头 == thead    tFoot, 表尾 == tfoot    rows, 行 rows[行数] == tr    cells 列  cells[列数] =

DOM基础什么是DOM?    DOM全称（Document Object Model）文档对象模型是针对HTML和XML文档的一个API(应用程序编程接口)。DOM描绘了一个层次结构的树，允许开发人员更容易的添加修改页面。    我们曾经讲过，JavaScript是由ECMASCript，DOM,BOM三部分组成。JavaScript实现了DOM,但DOM不是JavaSc

JavaScript3基础——运算符和类型转换    JavaScript运算符    JavaScript运算符也称操作符。其作用是对目标数据进行运算操作。基本数学运算符    + - * / %  分别为加，减，乘，除，求模（求余数）    加减乘除不再赘述，此处解释一下求模    eg： var a = 10%20  //10    eg： var a =

JavaScript语句JavaScript循环语句    JavaScript循环语句又称迭代语句。声明一组反复执行的命令，知道满足条件。循环语句有，for ,while do-while for in JavaScript循环语句——for    for语句应该是最著名的循环语句了，在许多语言都有他的影子。    基本语法：     for (initial

JavaScript语句JavaScript语句也称流程控制语句语句通常使用一个或多个关键字来完成给定任务大多数语言都有语句例如：if，for这些便是语句。JavaScript分支语句——if    if基本语法    if（表达式）{        statement；    }如果表达式为真，则执行具体的statement语句；否则不执行。何

JavaScript函数什么是函数：    函数是一组封装了特定功能的代码块，可以随时随地的运行的语句。    函数由关键字function，函数名，参数，函数体和返回值构成。函数的声明：    函数声明使用关键字function + 函数名称。    以下是一个函数的完整样例    eg: function  showName(name){        

JavaScript数组Array对象：    Array数组使用typeof 运算符会发现数组是Object类型    事实上，我们说过变量分为原始值和引用值类型，原始值就5个基本类型，    剩下的都是引用类型。    引用类型的值（实例）都为对象。数组也不例外。数组由于其值的可变性所以    存储在堆空间里，从数据结构来说是引用类型。同时其值（实例）属于Objec

JavaScript变量JavaScript变量标识符标识符 var + 变量名称来定义变量。变量名称以字母，下划线_，美元$符号开头，余下字符可以是字母，数字，下划线，美元符号。eg: var  name = 'hello';     var  a1 = 'hello';    var  _test = 'hello';    var  $test = 'hello'

JavaScript的诞生背景    在上世纪90年代，欧美各国的web程序日益流行，但是当时用户上网还都在使用电话拨号上网，通过调制解调器，网速仅仅只有28kb/s。而web程序的展现却日渐丰富。当时在没有JavaScript的年代，表单验证等操作都是在服务器端执行的。    举个例子，用户进入到一个注册页面，填写用户名，密码，个人信息，点击注册，好，事大了。。。发送信息

JavaScript引用类型    在JavaScript中由于变量存储方式的不同所以变量分为两类    原始值类型和引用值类型。    原始值：        存储在栈（stack）中。值直接存在变量访问的地方。    引用值：        存储在堆（heap）中。存储在变量处的是一个地址，指向内存中的一小块空间。        值大多数是一个对象类型Object类

velocity 中list遍历比较简单，那么map遍历呢，这里举出两种velocity Map遍历方法、两种volicity遍历mapjava代码：soft属性：数量num，名字nameSoft soft = new Soft("3","爱奇艺app");softTypeMap{1，soft}前端代码：1：#foreach($item in $!sof

JavaScript运动JS复杂运动，包括多物体任意值运动和链式运动多物体任意值运动多个物体任意样式运动要点：在原有运动框架上，添加一个name参数用来实现任意值的传递以下例子我们在上一期例子中多物体运动加以升级、可以看到我们这三个div不仅都可以运动，而且运动的方面不同，但是我们只写了一份运动框架，充分复用了代码，关键点就在于我们把运动的样式当成参数传