前端 Js

js诞生：https://www.ruanyifeng.com/blog/2011/06/birth_of_javascript.html 1.94年网景公司开发一款流行的浏览器，但那个时候浏览量只能显示文字静态图片，不能与用户交互，没有表单、注册登录。 2.网景高层考虑方案一当时现有的语言Perl python：方案二 新出具备新功能的Java语言：方案三 新创造一种语言。 3.由于现有语言集成到浏览器中比较复杂。所以让公司一个程序员发明新语言，这个程序员是函数式编程语言的信徒，最终发明出JavaScript语言，风格是函数式编程加简化版的面向对象。 4.由于互联网的发展，ie 、Chrome、浏览器流行。B/S架构程序流行，js被众人学习和使用。 5.随着网页复杂，js暴露一些语言设计上的缺点。 6.为了高效开发，js封装jQuery 7.国际协会不断地改进js的bug和嫁入新功能。从2000年到现在发布了多个大版本，例如ECMAScript 4、5、6 简称es5 es6 es2018等。 8.node js横空出世，特点不止可以操作浏览器，还可以操作电脑本地文件，解释器非常快，异步10.js可以写后端程序

适用浏览器控制台：
Chrome右键-检查 打开开发者工具/console

各门语言相通，js也有整形、浮点型、字符串、布尔、列表、map等基本数据类型和容器结构Chrome控制台console中做练习。总结如下。
变量：可以先声明在赋值，也可以声明变量用于关键字var （variable） alert
undefined近似相当于python里面的none。
var text=“hello” 字符串习惯双引号括住。
node js中新增关键字let。使用方式跟var一样。优点是变量作用域只负责当前文件。
z=true；布尔。小写true false
容器结构：数组Array 键值对映射Map

var stus=new Arrey();
stus[0]=“小明”
var stus=new Array("小明”）；
var stus=[“小明”,"小红”]
var stu=new Map();
stu.set(“name”,"小明”）
stu.get(“name”)

运算符：大部分与语言相似。
1+‘1’ ‘11’ js 回隐式转型。
2==‘2 ’ true 号判断值是否相等，包含隐式转型情况。
2=‘2’ false ===不尽判断值，还判断类型。

事件：event 鼠标或热键引发的动作，例如鼠标单击、鼠标悬停。
常用事件：
onclick 单击
ondbclick double 双击
onfocus 获得焦点 当用户点击一个表单中的input框准备输入时。
onblur 失去焦点 从一个表单中一个input框离开时。
onmouseover 鼠标移动某个元素上
onmouseout 鼠标移动出某个元素
onkeypress 键盘按键按下并松开

DOM 回顾2html图例，引入以下概念。
DOM : document object model
文档对象模型。整个网页html标签，下面有head、body标签，body标签下包含p、h1、img等。整个网页是文档树。每一个元素是一个节点。body节点是p、h1节点的父节点，p节点就是body节点字节点child。

js操作dom场景：
动态弹出对话框，子网页，改变样式，改变菜单，增减交互体验。
动态请求后端接口获取信息，增加数据安全防爬去；
前后端分离，js负责跟后端交互数据。
js网页特效
表单验证

js选择标签常用方法：
document.getElementByld(“idname”)
返回一个节点
ocument.getElementsByClassName(“classname”);
document.createElement(“div”)创建新元素节点.appendChild(mydiv)