超简单的JS基础

Coder_R
126 阅读1分钟

学JS去“mdn网站”

“shift+alt+F”自动调整代码格式

“shift+alt+D”鼠标点击多行，实现同时编辑

“shift+alt+鼠标左键拉选”选中多行局部区域，批量粘贴

“alt+上下箭头键”移动代码位置

“ctrl+0”恢复页面原来大小

“ctrl+alt+F”翻译

“ctrl+g”选择到代码页面多少行

“ctrl+f”查找

“ctrl+h”查找替换

“ctrl+b”关闭代码侧边栏

“ctrl+k , ctrl+0 ”所有都折叠

“ctrl+k , ctr +J ”所有都展开

image.png

image.png

一、JS第一天

1.JS介绍

image.png image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

2.变量

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png 调用“变量名”时不加引号

image.png

image.png

image.png let 不允许多次声明一个变量！

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

3.常量

image.png

image.png

image.png

image.png

4.数据类型

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png 字符串命名：str

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png 法一：Number转换成数字类型 image.png

image.png

image.png

image.png 先写死页面，再用JS实现动态数据

image.png

image.png

image.png

image.png

image.png

image.png

一、JS第二天

1.运算符

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

2.分支语句

image.png

除了‘0’,所有的数字都为真
除了‘空字符串’，所有的字符串都为真

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

3.循环语句

image.png

image.png

image.png

image.png

在网页上“F12键”，进入‘Sources’，打完断点后一定要刷新页面

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

一、JS第三天

1.for循环

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

2.数组

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

3.函数

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

形参可以看做‘局部变量’

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

4.对象

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png 随机数一定要配合Math.floor用

image.png

image.png

image.png

image.png

image.png

image.png

image.png

改进——设定猜数字次数：添加“开关”变量

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

简单数据类型存储“值”
复杂数据类型存储“地址”

image.png

image.png

image.png

image.png

image.png

avatar
文章
阅读
粉丝