【JavaScripe学习笔记】

@JavaScripe

Day1-JS的组成

ECMAScript：JavaScript语法
DOM：页面文档对象模型
对页面各种元素的操作（大小、位置、颜色等）
BOM：浏览器对象模型
操作浏览器窗口，比如弹出框、控制浏览器跳转、获取分辨率等

第一个JavaScript程序
1.打开Google浏览器任意网站，F12键打开开发者工具，找到console输入：console.log(‘Hello World’)，可以看到输出
Hello World

搭建开发环境

Vscode studio
https://code.visualstudio.com//
使用方法：
1.改成中文：ctrl+shift+p，输入configure display language，选择中文，然后重启Vscode studio
2.左侧的插件按钮，在左侧的搜索框中输入LiveServer（轻量级的web服务器，服务webapp），安装它并重启Vscode，右键点击写好的文件，选择open in LiveServer，会调用电脑的默认浏览器，运行写的程序
3.Vscode新建html文件，然后输入！，再tab键，就会显示一串html语句
如果要输入

，输入h1，再tab键
4.在Vscode运行node，ctrl+~按钮（esc正下方按钮），输入node index.js

Node.js
https://nodejs.org/en/
node是一个用来运行javascript的运行式环境
1.安装成功检查，cmd下输入node --version，查看是否打印版本号，如显示版本号，则表示安装成功

JavaScript语法：

1.写在中间，
2.双斜杠“//”用来注释
如：

新建一个index.js文件，将js文件从html文件中分离出来，html用来显示页面内容的，而js关注的是行为
html中改成的

变量：
1.var 全局变量，用的较少
2.let let的值可以修改 let age =30 ，age=31
3.const const的值不可以修改
const声明数组或者变量时，可以修改部分数值，在声明时就要初始化数值