最近更新

DOM基础1:DOM对象初了解

如果说ECMAScript是JavaScript语言的硬核部分的话,那么DOM就是JavaScript的宿主环境之一。使用HTML DOM,JavaScript可以访问和更改HTML文档的所有元素。DOM(Document Object Model):文档对象模型当一个html页面被加载后,浏览器就...

JavaScript基础14:var、let、const的区别

要理解var和let的区别,先了解一下关于变量的声明以及作用域。一、变量的声明和提升在ES6之前,都是用var关键字来声明变量。var x; // 声明 x如果还没有为变量赋值,此时的变量是undefined。也可以先赋值,再声明,这就是变量提升。也可以理解为...

JavaScript案例4:鼠标经过显示隐藏的内容

JavaScript案例4:鼠标经过显示隐藏的内容
利用数组对象的方式,把数据放入数组的对象中,动态加载到一个div中,再通过改变div的定位实现在不同的地方显示不同的内容。具体效果点击查看一、html代码<div id="a...

JavaScript基础13:Object对象初了解

我们常说“面向对象的编程”,在JavaScript中,对象就是最重要的内容。在老家常把谈恋爱说成“找对象”,那么这里的对象是一个人,在JavaScript中,几乎“所有事物”都是对象。布尔是对象(如果用 new 关键词定义)数字是对象(如果用 new 关键词定...

js小案例:利用定时器实现幻灯片的自动播放

js小案例:利用定时器实现幻灯片的自动播放
js上课小案例,利用定时器完成幻灯片的自动播放。注意定时器的开和关。具体效果点击查看1、html代码<div class="banner"> <ul&...

js小案例:函数传参完成多个选项卡的制作

js小案例:函数传参完成多个选项卡的制作
js上课小案例,多个选项卡,有的是鼠标经过,有的是鼠标点击。利用函数传参实现代码复用。具体效果点击查看1、html代码<div class="container t...

js小案例:函数传参完成多个幻灯片制作

js小案例:函数传参完成多个幻灯片制作
js上课小案例,利用函数传参完成多个幻灯片的制作。具体效果点击查看1、html代码<div class="banner tab0"> <ul...

JavaScript基础12:函数传参

如果函数只是一段重复执行的代码块,那就不够强大了,最多就是节约了一点重复代码。函数的强大在于通过获得不同的参数,从而得到不同的结果。一、函数的参数1、形参和实参function functionName(parameter1, parameter2, parameter...

js小案例:通过改变translateY的值实现点击按钮翻页效果

js小案例:通过改变translateY的值实现点击按钮翻页效果
更新上课小案例...具体效果点击查看1、html代码<div class="course"> <div class="title&...

js小案例:利用forEach完成选项卡轮换

js小案例:利用forEach完成选项卡轮换
更新一些上课的小案例... See the Pen js小案例:利用forEach完成选项卡切换 by zhaolanzhen (@mrszhao) on Co...

JavaScript基础11:Function函数的基础介绍

记得大学学习C语言的时候,刚毕业的研究生老师讲到函数,什么构造函数,形参,实参,把我搞得晕乎乎的。结果,期末考试C语言没及格,当然,全班几乎都没有及格。第二学期换了一个资历深厚的教授给我们补了一学期的C语言,大家的期末成绩几乎都是80分以上,看来,姜还是老的辣。所以,我们多学了一学期的C语言,导致C...

JavaScript基础10:for循环的几种类型介绍

for循环是一个很强大的流程结构,如果你要重复做某件事情,每次处理的值不一样,就可以用循环。循环要满足一个基本的条件:那就是必须在某个时刻停止循环,否则陷入死循环是要死机的。循环的流程结构图如下:一、不同类型的循环for循环       在代码块中循环多次wh...

JavaScript基础9:流程结构之if条件判断和switch多分支语句

js有三种流程结构,顺序、选择、循环。顺序结构:默认的流程结构。按照书写顺序从上至下执行每一条语句。比如我们的html文档就是常见的顺序流程结构,浏览器默认从上往下渲染页面。比如我们在加载外部文件的时候,如果后面加载的文件需要使用前面某个文件的组件或者函数,要确保加载顺序,否则调用不成功。除了一条道...

JavaScript基础8:Math及常用方法

Math和Array一样,算是JavaScript的一种内置对象,自带了很多的函数可以处理数字方面的任务。Math也有属性和方法。与其他全局对象不同,数学对象没有构造函数。方法和属性是静态的。所有方法和属性(常量)都可以在不首先创建Math对象的情况下使用。也就是不需要new一个对象的实例。一、常用...

JavaScript基础7:数组Arrays常用的迭代方法

这些新增的方法只有IE9或者Edge及chrome等现代浏览器才支持,IE8及以下就不支持了。不过,老的东西肯定是要被抛弃的,学习新东西是常态。技术总是一波接一波更新,所以持续学习是技术人必须的技能。不然很容易被拍死在沙滩上。数组迭代方法对每个数组项都要进行操作。1、forEach()为每个数组元素...

JavaScript基础6:数组Arrays和常用属性与方法

数组是JavaScript中一个很重要的概念。数组是一种特殊的变量,因为它一个变量里面可以存储多个值。一、创建数组var array_name = [item1, item2, ...];  比如: var imgURL=[&...

JavaScript基础5:NaN和isNaN到底是啥?

NaN和isNaN(),还有ES6提供的Number.isNaN(),真的把脑袋都绕晕了,觉得计算机的世界真的好笨,人看一眼就知道的事情,它们要有一套各种转换逻辑才能得出结论。好吧,其实它们的逻辑都是人设计的,最终还是人笨了 : )一、什么是NaN?number数据类型包括有效数字和一个NaN,所以...

JavaScript基础4:Strings 及String Methods

字符串是JavaScript中最常用的数据类型,主要用来存储和操作文本,当然,这个文本指的是带有引号的字符。1、定义一个变量,为其赋值一个字符串,字符串用双引号和单引号包含起来。var str1="hello world!"; var str2=&...

JavaScript基础3:运算符和表达式

运算符和被运算的对象(操作符)构成表达式,表达式能产生一个具体的值。JavaScript的运算符包括:算术运算符、赋值运算符、字符串运算符、比较运算符、逻辑运算符、类型运算符、按位运算符。一、算术运算符算术运算符用于对数字执行算术运算。运算符描述例子+加var x = 100&n...

JavaScript基础2:数据类型

JavaScript是一门弱语言,不像大学时候学的C语言,用一个变量,还要先定义数据类型,定义成了int整型,就不能放字符串进去。JavaScript定义的变量,就是你先放了数字进去,它就变成了数字类型,后面改放了字符串进去,也就变了字符串类型。所以,在进行一些运算的时候,虽然灵活,但也会出毛病,这...
Top