使用方式与执行方式

<script type="module"></script>标签即可。

<script type="module"src="/static/js/index.js"></script>。

<script type="module">import { name, print } from "/static/js/index.js";</script>

解释性语言从上到下顺序执行

y总建议：用CSS控制HTML，JavaScript控制HTML与CSS，不要在HTML中调用JavaScript中的函数

变量
定义变量 ：let
定义常量 ：const
变量类型：number，string，boolen，object，undefined，set，map
数组：let b=[1,’yxc’,[1,2,3],{name:’yxc’,age:18;},function(){console.log(“hello world”)}]
数组常用方法：length,push,pop,splice(a,b),sort(),array.sort(cmp)

函数

作用域：全局变量，局部变量
闭包：通过函数的嵌套使外部可以访问函数内的局部变量

对象，类，原型
对象定义：let person ={name:’yxc’,age:18;}
对象赋值person[‘name’] === person.name
对象遍历：for（key in object）{}
类: https://www.acwing.com/blog/content/18188/
原型：
https://zhuanlan.zhihu.com/p/87667349
https://zh.javascript.info/prototype-inheritance
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Inheritance_and_the_prototype_chain

操作DOM树

事件：
https://zh.javascript.info/dispatch-events
修改DOM：
https://zh.javascript.info/basic-dom-node-properties
使用jQuery简化：
https://www.acwing.com/file_system/file/content/whole/index/content/5390125/

客户端通信
表单：
https://developer.mozilla.org/zh-CN/docs/Learn/Forms
ajax：
https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data
websocket：
https://zh.javascript.info/websocket

动画
canvas：
按帧刷新：
https://www.acwing.com/file_system/file/content/whole/index/content/5390130/