前端学习(四)

Console.log(typeof(a));

打印出是什么类型的。

Typeof ————在js的代码中系统已经使用了这一段字符串。

凭什么说js是一个弱语言呢,比如,js中对数字没有细分,他不管你是负数,小数,还是整数,都是number

Boolean:用来表示对错。、

Boolean的世界很简单,所有的事务只有两种状态。

一种是对,一种是错。

True:对

False:错

复习:

js中类型转换做的比较少:(在高级语言中类型转换做的比较(JAVA,C#,IOS))

Js:

强制类型转:

Number(“”)转Number

parseInt(“”);转Number

String(“”);转String

.toString();用对象的来打点调用toString();

Boolean(““);转Boolean

自动转换:

逻辑运算符:(操作boolean)

&&  ||  !

等号运算符:

== ,===,!=,!==

NaN:数字的一个异常状态。

判断NaN:isNaN()

Underfined:声明了变量但是没有给变量赋值

判断:

If(){}else{}

If()else if()...else

三元运算符(三目运算符):

代码:

Boolean表达式?值1:值2;

执行过程:

首先程序会判断boolean表达式的值是否为true,如果为true,那么就执行值1的内容,或者返回值1的内容;如果为false,那么就执行值2的内容,或者返回值2的内容;

例子:

jinqian>=300?alert("请吃饭"):alert("揍一顿");

自增,自减:

后加:a++

1  Var
a = 2 ; var b = 3;

2  Var
c = a++ + b ;==> var c = a + b ; a = a + 1;//先计算,后加一

先加:++a

3  var a = 2 ;var b = 6;

4  Var c = ++a + b ;==> a = a +1 ;var c = a+b;//先加一,后计算

a--   --a与先加后加是一样的。

循环:

本意:重复的做一件事件啊?

作用:反复做一些事件,从而达到要求。

知识:while , do-while , for

While:(当……的时候)

用途:可以用来在代码中循环做一些事。

代码:

While(boolean表达式){

循环执行的代码块

执行过程:

当代码运行到while的时候,我们会判断boolean表达式,如果boolean表达式为true,那么我们就执行while括号中的代码块,如果boolean表达式为false,那么就结束这次循环。

注意:1)尽量不要写死循环(如果代码进入了死循环,那么程序就没有意义。)

2)一定要给循环设置结束的条件。

Do-while:

特点:先执行一次代码以后再判断是否应该循环。

代码:

Do{

循环的代码块

}while(boolean表达式)

代码的执行过程:

先执行一次循环的代码块,再判断while后面的条件,如果条件为true,那么就再次执行do里面的代码,如果条件为false,结束本次循环。

For 循环

特点:自己带有结束循环的条件。

代码:

For(声明变量;boolean表达式;变量条件){}

执行过程:

找到for关键字,发现要执行循环:声明并且赋值了i,开始执行判断条件,判断条件如果成立,那么就执行下面的循环代码块,执行完成之后,会给i++;如果不成立,就会结束for循环.

Break,continue

Break:在循环的条件没有满足之前就结束这次循环。

Continue:不结束当前循环但是结束本次循环,比如:现在我们在第50次循环中遇到了这个continue,那么程序会立即结束第50次循环(就算下面有再多的代码也不执行),直接执行第51次循环。

Js代码的调试:

1.0打开开发人员工具,找到sourecs,选中请求的页面。

2.0找到想要查看代码的具体行数,然后将鼠标放在行号上面点击左键:(打断点)

3.0如果想要查看效果,刷新页面:

或者F5.

4.0刷新完之后,浏览器在执行js代码的时候会停留在打过断点那一行中。

5.0如果想要查看代码的执行过程,直接f11,或者使用鼠标点击按钮

6.0如果想要查看某个变量的具体数值,选中这个变量,并且鼠标在这个变量上停留足够长的时间(2-3s),浏览器就会将变量的值显示在浏览器上。

7.0如果代码进入了一个方法中,我们希望跳出来,直接使用F10.

Switch-case:判断

作用:判断一系列的数据是否满足某些要求。

代码 :

Switch(变量,数值,条件){

case 值1:

代码块1;

Break;

Case 值2:

代码块2:

Break;

..

Default:

默认代码块

Break;

}

执行过程:

找到switch判断后面的条件,如果条件满足值1,那么就执行代码块1,遇到break以后会结束switch.,如果不满足,再判断值2。。。。,如果都不满足,执行默认代码块。

注意:

1)里面的case可以有任意多个。

2)Switch后面带的不是boolean表达式。

数组:

问题:如果要得到班级中每一个同学的成绩,那么我们用什么来将这些成绩保存起来?

作用:就是用来保存数据的集合。

声明:

var shuzu = new Array();

声明以后数组的内容为:

赋值:

通过数组名称加上中括号,在中括号中加上数据的下标(位置的标号)得到这个数据,给它赋值。

Shuzu[0] = 1 ;//[0] 选择器

取值:

和赋值是一样的:也是通过数组名加上选择器来取值。

遍历:

要将数组中的每一个元素都拿出来:

数组的属性:length==>数组的长度

数组中常用 的方法:

Concat:将两个数组合并一个新的数组(注意这个新数组是单独产生。)

Join:

slice();

splice();

indexof();

lastindexof()

注意:

1)在js中数组一旦定义好了,那么它就是一个无穷大的容器。

2)数组是从0开始存储的

3)数组定义好了以后的长度是0;

简单类型,复杂类型

简单类型:
Number,String,Boolean,Undefined

复杂类型:Array ,object

Object对象:

万能对象,使用object来描述一个人。

人有身高,体重。

函数:

概念:由于在不同的地方要使用相同的代码,为了代码的简洁,以及使用的方便,我们把这些常用的代码封装到一个函数中。

定义:

function 函数名() {

代码块

}

使用:

在需要使用的地方直接写上函数名。注意:要加上括号。

时间: 2024-10-17 08:41:14

前端学习(四)的相关文章

WEB前端学习笔记 四

接上一篇,web学习笔记 四,在此感谢您对此篇笔记的认可,但转发时请注明文章出自网知博学. 2.0  html的语法格式 html的标签要写在尖括号中 :<> 在在英文输入法状态下,按住shift键然后再按它左侧的尖括号就可了, 先学习一个简单的h1标签,是个标题标签,在html中这样写: <h1>我在h1标签中,我就是标题</h1> 那么h1标签中所包裹的文字,就标记成标题了.通过浏览器的解析后在页面上显示出来的效果就是字体加粗,加黑,和word中的标题性质一样! 大

黑马程序员:从零基础到精通的前端学习路线

随着互联网的深入发展,前端开发工程师一跃成为市场上非常抢手的人才.很多同学,包括以前做UI的.Java的.或者对于IT完全零基础的同学都想学习前端.下图是网上流传甚广的一张前端学习思维导图,很多初学者表示看到这些密密麻麻的知识点就已经晕了.确实,前端是一门涵盖面很广的学科.但是想学前端的你也不用慌张,内容虽多但有迹可循,只要循序渐进就不怕学不好前端! 那么前端开发到底需要学什么?应该怎么学?接下来黑马程序员前端学院教你如何从零基础学习前端. 一.前端开发入门 在入门阶段,你首先要学会最基本的技能

国内外有哪些实战型的前端学习网站?

编者按:学习前端知识太过乏味木有挑战?整天对着w3school打瞌睡?有一个很棒的观点与你分享:学习一门技术最佳的方法就是把它用起来!如果你已经有了一点前端基础知识,但缺少实战经验,今天这组网站就太合适了,全都是集实战与教学为一体的综合性前端学习网站,收藏起来! Codecademy 作为一款非常酷的在线编程学习网站,它向用户提供了一种全新的学习方式.在基于网络互动编程教程的基础之上,手把手帮助用户了解编程的基本原理,体味Codecademy的趣味性学习. 不仅如此,它还支持JavaScript

SpringMVC学习(四)——Spring、MyBatis和SpringMVC的整合

之前我整合了Spring和MyBatis这两个框架,不会的可以看我的文章MyBatis框架的学习(六)——MyBatis整合Spring.本文我再来讲SpringMVC和MyBatis整合开发的方法,这样的话,Spring.MyBatis和SpringMVC三大框架的整合开发我们就学会了.这里我使用的Spring是Spring4.1.3这个版本(SpringMVC自然也是这个版本),MyBatis是MyBatis3.2.7这个版本. 为了更好的学习SpringMVC和MyBatis整合开发的方法

WEB前端学习笔记 五

接web前端学习笔记第四篇,此篇为web学习笔记 五,在此感谢您的采集和转发,但请注明文章出自网知博学. 2.0.3  html标签的属性格式 现在我们知道了两个双标签分别是,标题标签:<h1> - <h6>.和段落标签:<p></p>还知道了一个换行的单标签:<br />,现在我们给<p></p>标签添加一个属性,来改变段落是右对齐,还是左对齐,还是居中. 如上图,<p>标签中的 align(中文就是排列的意

大前端学习笔记整理【一】CSS盒模型与基于盒模型的6种元素居中方案

概览 CSS盒模型,规定了元素框来处理元素的 内容.内边距.边框和外边距的方式 元素部分是指内容部分,也是最实际的内容,包围内容的称之为内边距,内边距外围是边框,边框外围就是外边距:且外边距是透明的,所以并不会阻挡其后的元素 * { margin: 0; padding: 0; } 这是在CSS中最常见的初始化CSS的代码,用于覆盖浏览器的默认样式 浏览器兼容性 大多数浏览器都会按照上面的图示来呈现内容.然而 IE 5 和 6 的呈现却是不正确的.根据 W3C 的规范,元素内容占据的空间是由 w

前端学习-试卷

前端学习-试卷 1(满分100+20,90分及格) 一.填空题(每题4分,共20分): html{ font-size: 12px; } div{ font-size: 2.5rem },div的字号是: _30px_____ 有上下两个div分别标记为A和B,A{ margin-bottom: 20px } B{ margin-top: 30px },在不考虑浏览器兼容的前提下,AB之间的间距是:__30px______ 使一个div左右居中且上下外边距均为3倍字号的最简洁写法是:__marg

从零基础到精通的前端学习路线

随着互联网的深入发展,前端开发工程师一跃成为市场上非常抢手的人才.很多同学,包括以前做UI的.Java的.或者对于IT完全零基础的同学都想学习前端.下图是网上流传甚广的一张前端学习思维导图,很多初学者表示看到这些密密麻麻的知识点就已经晕了.确实,前端是一门涵盖面很广的学科.但是想学前端的你也不用慌张,内容虽多但有迹可循,只要循序渐进就不怕学不好前端! 那么前端开发到底需要学什么?应该怎么学?接下来黑马程序员前端学院教你如何从零基础学习前端. 一.前端开发入门 在入门阶段,你首先要学会最基本的技能

vue2.0学习(四)-实例和内置组件

vue2.0学习(四)-实例和内置组件 1.实例入门-实例属性 一.Vue和Jquery.js一起使用 下载可以去官网进行下载,我这里使用的版本是3.1.1,下载好后在需要的页面引入就可以了.当然你还有很多其它的方法引入jquery,只要可以顺利引入就可以了. <script type="text/javascript" src="../assets/js/jquery-3.1.1.min.js"></script> <!DOCTYPE

从小白到大神的前端学习路线

大家经常跟我要一些 web前端的学习路线和一些vue.angular.react教程,我自己很懒,自己没整理过系统的教程,因为网上也多的是,有时间我会普及一些入门和提升建议,思想提升了,路线明确了自然就好了,于是就整理了下这篇学习路线文章,干货福利内容 在文末↓对于很多人来说,问题的关键在于没有找到正确的发展方向,他不知道自己该学什么?前端更是体系庞杂,很难从一而终,于是特意抽出一部分时间来总结一下路线,帮助大家. 一.HTML.CSS基础.JavaScript语法基础.学完基础后,可以仿照电商