javascript的使用01基础部分

1、实现这样一种效果

javascript的使用01基础部分_第1张图片

javascript的使用01基础部分_第2张图片

1.1 这里有个手机注册验证功能,我可以提前设置注册页面,对了安全哦,

javascript的使用01基础部分_第3张图片

2 在实际工作中,如果发现后台数据一直没有,那你只能干等着(流程是要有一个接口,然后利用接口把数据传送过来),(1、实现数据交互的核心在于,想想怎么定义借口。2、借口又是返回怎样的数据,数据格式是怎样的

javascript的使用01基础部分_第4张图片

2.1

3、对于JavaScript 来讲,MDN比较具有权威性

MDN的链接地址:https://developer.mozilla.org/zh-CN/docs/Web/JavaScripthttps://developer.mozilla.org/zh-CN/docs/Web/JavaScript

javascript的使用01基础部分_第5张图片

3.1

4 点这个按钮可以进去,切换中文

javascript的使用01基础部分_第6张图片

4.1

5、体验Java Script实现交互效果

5.1 做成这种效果

javascript的使用01基础部分_第7张图片

5.1 操作案例代码

javascript的使用01基础部分_第8张图片

5.2获取点击按钮,绑定事件

javascript的使用01基础部分_第9张图片

5.3下面函数的意思是把类取过来,这样他就不变色里

javascript的使用01基础部分_第10张图片

5.4 document的意思是把之前绑定的给取消掉,而下一句话是当前点击的,要更换

javascript的使用01基础部分_第11张图片

6、js位置,行内,内部和外部的

javascript的使用01基础部分_第12张图片

7、内部一定要写在body上面

javascript的使用01基础部分_第13张图片

7.1

8内部代码

javascript的使用01基础部分_第14张图片

8.1

9 外部通过script src文件进行引入

javascript的使用01基础部分_第15张图片

9.1

10 内联的Java Scipt 链接

javascript的使用01基础部分_第16张图片

10.1

11、JavaScript的注示

javascript的使用01基础部分_第17张图片

11.1

12 结束符是;

javascript的使用01基础部分_第18张图片

12.1

13 输入和输出语法

javascript的使用01基础部分_第19张图片

13.1

14、这句代码的意思是通过js 的方法,让页面输出内容

 javascript的使用01基础部分_第20张图片

14.1

15 write会写在body里,页面元素也在里面

javascript的使用01基础部分_第21张图片

15.1

16 console是用来调试,另一个是弹框

javascript的使用01基础部分_第22张图片

16.1

17console控制台,log日志的意思

javascript的使用01基础部分_第23张图片

17.1

18 弹框拿到用户输入的信息用prompt 

 javascript的使用01基础部分_第24张图片

18.1

19 变量的使用

javascript的使用01基础部分_第25张图片

变量诞生的意义是什么,一个网站最有价值的东西就是用户信息,你的手机号我怎么存储,用的是变量,我知道你的手机号,打到你给买我产品为止,变量就是存储数据的盒子

javascript的使用01基础部分_第26张图片

变量里面存的是数据

javascript的使用01基础部分_第27张图片

19.1

20  let可以声明变量

javascript的使用01基础部分_第28张图片

20.1

##

21、声明一个变量

javascript的使用01基础部分_第29张图片

21.1

22 使用一个=把18给age

javascript的使用01基础部分_第30张图片

22.1

23 18叫数字字面量

 控制台成功输出18

javascript的使用01基础部分_第31张图片

 其他变量声明案例

javascript的使用01基础部分_第32张图片

23.1

24 注意可以用分档格式,想要更改变量值可以通过=,但是不能再加let 

javascript的使用01基础部分_第33张图片

24.1

25 一次性声明多个变量用,进行分割

javascript的使用01基础部分_第34张图片

25.1

26 利用变量存储prompt用户存入的数据

javascript的使用01基础部分_第35张图片

26.1

27 交换变量的值怎么做

javascript的使用01基础部分_第36张图片

27.1交互变量的步骤

javascript的使用01基础部分_第37张图片

 27.2 第一步先声明3个变量

javascript的使用01基础部分_第38张图片

28 JavaScript是把右边给左边

javascript的使用01基础部分_第39张图片

28.1

29 先把num1的值给temp,再把num2值给num1,再把temp的值给num2

javascript的使用01基础部分_第40张图片

29.1

30 在计算机中会有几G的内存条,有4G,有8G

javascript的使用01基础部分_第41张图片

30.1

31、硬盘是外存,500T,或者其他,如果想要大量节省成本,能源也是一种成本,变量的本质是向内存条申请存储数据的空间.

javascript的使用01基础部分_第42张图片

javascript的使用01基础部分_第43张图片

31.1

32 变量命名规则,符号只有两种_下划线和刀了那个符号

javascript的使用01基础部分_第44张图片

32.1

33 起名一定要有意义

javascript的使用01基础部分_第45张图片

33.1

34 变量名规范,注意呀,数字不能开头

javascript的使用01基础部分_第46张图片

34.1

35 1、let 和var的区别,let可以预先声明,var 是老版本,javascript你就用var声明变量就行

javascript的使用01基础部分_第47张图片

 javascript的使用01基础部分_第48张图片

35.1

36 数组诞生的意义,我想一次性存50个同学的名字,咋存,数组就诞生了

javascript的使用01基础部分_第49张图片

36.1

37 每个数组用,进行隔开

javascript的使用01基础部分_第50张图片

37.1

38 数组存储案例

javascript的使用01基础部分_第51张图片

38.1 我们数组编号是从零号开始的

javascript的使用01基础部分_第52张图片

39 使用数组方法

javascript的使用01基础部分_第53张图片

39.1 元素,下标,编号

javascript的使用01基础部分_第54张图片

40 思维导图很好哦

javascript的使用01基础部分_第55张图片

40.1

41、 JavaScript 可以用来编写常量,常量使用案例

javascript的使用01基础部分_第56张图片

javascript的使用01基础部分_第57张图片

41.1

42 Java Script 的数据类型,数字型number,包含小数

javascript的使用01基础部分_第58张图片

42.1

43 Java script的数据类型,有优先级情况,()可以提升优先级,

javascript的使用01基础部分_第59张图片

43.1

44 面积的数学公式πr方怎么写,原来r方就是两次乘以r

javascript的使用01基础部分_第60张图片

44.1

45 字符串型,反引号

javascript的使用01基础部分_第61张图片

45.1

46 bug,如果你非想要在里面加双引号的话,就外单内双,或者外双内单这种写法

javascript的使用01基础部分_第62张图片

46.1

47 \转义符,一看到这个符号,就给你正常打印,利用+可以使字符串进行拼接

javascript的使用01基础部分_第63张图片

47.1

48 利用+可以使字符串进行拼接

javascript的使用01基础部分_第64张图片

48.1

49 模板字符串,再使用字符串进行拼接的时候,你会发现其中存在的bug看起来太乱了,用刀了{}定义变量

javascript的使用01基础部分_第65张图片

49.1

50 运用模板字符串的案例

javascript的使用01基础部分_第66张图片

50.1

51、输入你年龄,页面展示输入的数据 

javascript的使用01基础部分_第67张图片

51.1

52、布尔类型数据

javascript的使用01基础部分_第68张图片

52.1

53 不赋值的情况都打印undefind 

javascript的使用01基础部分_第69张图片

53.1

54 使用typeof可以检查数据类型

javascript的使用01基础部分_第70张图片

54.1

55 在我们表单中默认的都是取的字符串的

javascript的使用01基础部分_第71张图片

55.1

56 这里是有风险的,表单里面反馈的数据是字符串类型的数据,如果想加就game over了,如果这两个是工资,就更加game over了

javascript的使用01基础部分_第72张图片

56.1

57  +旁边只要有一个字符串旁边那个就可以转换为字符串

javascript的使用01基础部分_第73张图片

57.1

58 + 正字符型,数字型蓝色,字符型黑色

javascript的使用01基础部分_第74张图片

58.1

59  +还有一种作用,可以转换为数字型

javascript的使用01基础部分_第75张图片

59.1

60 运算规则

javascript的使用01基础部分_第76张图片

60.1

61、带着字符串的只要在进行+号运算的时候不会出现问题

javascript的使用01基础部分_第77张图片

61.1

62  显示转换,你自己告诉字符串转换成什么类型

 javascript的使用01基础部分_第78张图片

62.1

63 转换为数据类型的案例

javascript的使用01基础部分_第79张图片

 

你可能感兴趣的:(Vue,javascript)