大神前端——JavaScript板块
专注前端,一步一步,从HTML到前端MVC框架。HTML5,CSS3,JavaScript,JQuery,Node.js,Vue.js,Angular.js,一步一个脚印。
努力——每个人都是一个大神!
尼古拉斯_张三
心有猛虎,细嗅蔷薇。
展开
-
由浅入深JavaScript14进阶-复杂运动
JavaScript运动JS复杂运动,包括多物体任意值运动和链式运动多物体任意值运动多个物体任意样式运动要点:在原有运动框架上,添加一个name参数用来实现任意值的传递以下例子我们在上一期例子中多物体运动加以升级、可以看到我们这三个div不仅都可以运动,而且运动的方面不同,但是我们只写了一份运动框架,充分复用了代码,关键点就在于我们把运动的样式当成参数传原创 2017-08-17 21:18:33 · 387 阅读 · 2 评论 -
由浅入深JavaScript13进阶-简单运动
JavaScript运动说到JavaScript运动就不得不提一提JS定时器函数JS定时器有两种,延时性和周期性他们都是window对象的方法。定时器延时性定时器setTimeout(函数,毫秒数),返回值为该定时器。周期性定时器setInterval(函数,毫秒数),返回值为该定时器。取消定时器clearInterval(定时器名称)clearTimeou原创 2017-08-17 15:40:30 · 727 阅读 · 1 评论 -
由浅入深JavaScript12进阶-事件2
事件对象 再触发事件时会产生一个事件对象,事件对象记录了包含与事件有关的所有 详细信息。包括事件元素,事件类型等。 比如鼠标事件中会包含鼠标的位置信息,键盘事件中会包含按下的键的信息。 事件对象不需要创建,只需要在事件处理程序传入event对象 eg: window.onload = function() {原创 2017-06-19 20:05:38 · 445 阅读 · 1 评论 -
由浅入深JavaScript11进阶-事件1
什么是事件 JavaScript与HTML之间是通过事件来交互。 事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间。 事件一般分为DOM事件(文档对象模型事件)和BOM事件(浏览器对象模型事件)。事件流 事件流描述了在页面中接受事件的顺序。 比如:在页面里有三个嵌套的DIV,最大的DIV在下面,最小的在上面 eg:原创 2017-06-19 20:00:37 · 534 阅读 · 1 评论 -
由浅入深JavaScript9基础-Dom综合实例1
JavaScript9基础-Dom综合实例1在前两节课程中我们讲述了DOM基础以及DOM表格基础。但是要想学好DOM就必须要大量的练习。这节课我们通过大量例子的练习来提高对DOM的熟练度。DOM综合实例-丰富表格我们先做一个基础表格,该表格只具有添加功能:eg1: table, th, td原创 2017-06-15 19:12:29 · 509 阅读 · 1 评论 -
由浅入深JavaScript8基础-Dom表格基础
DOM基础——DOM表格基础JS提供了一套快速访问表格的方法。但是没有这些方法也能够操作表格元素。当然会变得很麻烦。表格元素获取 tBodies, 表格主体 == tbody tHead, 表头 == thead tFoot, 表尾 == tfoot rows, 行 rows[行数] == tr cells 列 cells[列数] =原创 2017-06-11 19:02:46 · 418 阅读 · 1 评论 -
由浅入深JavaScript7基础-Dom基础
DOM基础什么是DOM? DOM全称(Document Object Model)文档对象模型是针对HTML和XML文档的一个API(应用程序编程接口)。DOM描绘了一个层次结构的树,允许开发人员更容易的添加修改页面。 我们曾经讲过,JavaScript是由ECMASCript,DOM,BOM三部分组成。JavaScript实现了DOM,但DOM不是JavaSc原创 2017-06-11 18:56:38 · 376 阅读 · 1 评论 -
由浅入深JavaScript6基础-语句2
JavaScript语句JavaScript循环语句 JavaScript循环语句又称迭代语句。声明一组反复执行的命令,知道满足条件。循环语句有,for ,while do-while for in JavaScript循环语句——for for语句应该是最著名的循环语句了,在许多语言都有他的影子。 基本语法: for (initial原创 2017-06-07 17:16:32 · 385 阅读 · 1 评论 -
由浅入深JavaScript6基础-语句1
JavaScript语句JavaScript语句也称流程控制语句语句通常使用一个或多个关键字来完成给定任务大多数语言都有语句例如:if,for这些便是语句。JavaScript分支语句——if if基本语法 if(表达式){ statement; }如果表达式为真,则执行具体的statement语句;否则不执行。何原创 2017-06-07 17:09:04 · 344 阅读 · 1 评论 -
由浅入深JavaScript5基础-数组和函数2
JavaScript函数什么是函数: 函数是一组封装了特定功能的代码块,可以随时随地的运行的语句。 函数由关键字function,函数名,参数,函数体和返回值构成。函数的声明: 函数声明使用关键字function + 函数名称。 以下是一个函数的完整样例 eg: function showName(name){原创 2017-06-06 16:22:03 · 358 阅读 · 1 评论 -
由浅入深JavaScript5基础-数组和函数1
JavaScript数组Array对象: Array数组使用typeof 运算符会发现数组是Object类型 事实上,我们说过变量分为原始值和引用值类型,原始值就5个基本类型, 剩下的都是引用类型。 引用类型的值(实例)都为对象。数组也不例外。数组由于其值的可变性所以 存储在堆空间里,从数据结构来说是引用类型。同时其值(实例)属于Objec原创 2017-06-06 16:18:28 · 432 阅读 · 1 评论 -
由浅入深JavaScript4基础-引用类型和对象
JavaScript引用类型 在JavaScript中由于变量存储方式的不同所以变量分为两类 原始值类型和引用值类型。 原始值: 存储在栈(stack)中。值直接存在变量访问的地方。 引用值: 存储在堆(heap)中。存储在变量处的是一个地址,指向内存中的一小块空间。 值大多数是一个对象类型Object类原创 2017-06-05 16:02:09 · 366 阅读 · 1 评论 -
由浅入深JavaScript3基础-运算符和类型转换
JavaScript3基础——运算符和类型转换 JavaScript运算符 JavaScript运算符也称操作符。其作用是对目标数据进行运算操作。基本数学运算符 + - * / % 分别为加,减,乘,除,求模(求余数) 加减乘除不再赘述,此处解释一下求模 eg: var a = 10%20 //10 eg: var a =原创 2017-06-04 16:10:27 · 496 阅读 · 1 评论 -
由浅入深JavaScript2基础-变量和原始类型
JavaScript变量JavaScript变量标识符标识符 var + 变量名称来定义变量。变量名称以字母,下划线_,美元$符号开头,余下字符可以是字母,数字,下划线,美元符号。eg: var name = 'hello'; var a1 = 'hello'; var _test = 'hello'; var $test = 'hello'原创 2017-05-31 21:35:27 · 388 阅读 · 2 评论 -
由浅入深JavaScript1基础-概述
JavaScript的诞生背景 在上世纪90年代,欧美各国的web程序日益流行,但是当时用户上网还都在使用电话拨号上网,通过调制解调器,网速仅仅只有28kb/s。而web程序的展现却日渐丰富。当时在没有JavaScript的年代,表单验证等操作都是在服务器端执行的。 举个例子,用户进入到一个注册页面,填写用户名,密码,个人信息,点击注册,好,事大了。。。发送信息原创 2017-05-21 16:43:40 · 483 阅读 · 1 评论