对于每个源（origin ）sessionStorage 和localStorage 使用不同的 Storage 对象
Javascript + DOM lessions from Codecademy
practice link:
Basic JS+DOM：
理解如何交互，何为interaction
Building interactive website with JS
<style> used to embed CSS codes
<script> used to embed JS codes 使HTML文件知道如何加载执行JS
Linking code used: Separation of Concerns (SoC)
疏散代码，差别模块安排差别文件
script挨次执行
插手defer属性则等带HTML parse完毕后执行
用处是需要其他脚本依赖的脚本放到后面执行
插手async属性则等下载完成后直接执行不期待
用处是给其他脚本供给依赖的脚本先执行
位置：<head>中且操作defer和async属性
DOM：Document Object Model
The DOM is a logical tree-like Model that organizes a web page’s HTML Document as an Object.
关键在于理解树布局
Tips in JS：
JS中可以操作单引号和双引号来声明
串里单引号多用双引号包裹，双引号多用单引号包裹
为的是少用\”以及\’ 这类escape sequences
String一旦创建assign一个value，那么里面的字符是只读属性不成改削
要改只能从头assign一个新值
js数组可进行栈操纵和行列队伍操纵
push pop shift unshift
js中的全局变量：global scope
相对付一个function，在外的称全局变量
而js中默认不带var声明而直接使用的变量就是全局变量
js中的局部变量：local scope
Link between HTML and JS
理解极点的document，作为js的关键字，是js获取html节点信息的入口
js通过document进入DOM树，再依次从中操纵节点
总体来看，HTML通过script标签相当于授权js操纵，js通过document顶节点进入HTML文件进行操纵
一些较为根本的节点增删改查：均操作document入口获取
getElementById()
querySelector()
.innerHTML
.id
等等直接用点要领操纵值
监听事件的函数是小写的，非驼峰的onclick等，要注意
有关parentNode和getChild()的使用：非常类似mybatis中的association和collection
父节点永远只有一个，而子节点可能有多个，所以获取的getChild（）是一个list
而.parentNode直接返回的是HTMLelement类型的父节点
event handler & event listener functions:
事件措置惩罚惩罚以及监听的机制是为了代码可读性以及复用性
事件监听函数写法：1.事件类型（string） 2.事件措置惩罚惩罚函数
eventTarget.addEventListener(‘click‘, eventHandlerFunction);
对应有移除事件监听，同样接受：1.事件类型（string） 2.事件措置惩罚惩罚函数
eventTarget.removeEventListener(‘click‘, eventHandlerFunction);
几种添加事件监听的要领：
1.target.onclick/onmouseup等，，应用于简单措置惩罚惩罚
2.eventTarget.addEventListener
第二种可以为单一事件添加多个事件措置惩罚惩罚函数，用于较大的措置惩罚惩罚函数，一切为了可读性复用性
越发细致的鼠标事件：
mouseup，mousedown，mou搜索引擎优化ver，mou搜索引擎优化ut
越发细致的按键事件：
keydown，keyup
任意按键撤除成果键城市出发
获取按键的值用
quiz report：
事件不必然是用户触发，浏览器也可以进行操纵
温馨提示: 本文由Jm博客推荐，转载请保留链接: https://www.jmwww.net/file/web/32302.html
![[转]Node.js中package.json中^和~的区别](/uploads/allimg/200519/054J34453_lit.png "[转]Node.js中package.json中^和~的区别")