前端基础知识碎片化整理

1、Form 表单相关

原生 input 标签在处于焦点状态的时候，按下键盘 的回车键 是可以通过 监听input 的 submit事件来捕获到的。

// 当按钮的 type="submit" 时，并且被包括在 form 标签里面时 ，
// 点击按钮即可捕获到submit事件，同时按下 回车键也可以捕获到
<button type="submit" [disabled]="!profileForm.valid">Submit</button>

2、使用原生js对DOM添加或删除 class。
今天上午在帮后台同事加个页面向下滚刀到一定距离把顶部菜单悬浮到效果时，懒得去引用JQ之类到库了，想着原生js操作下dom动态添加或删除一个class就行了，百度到时候发现了一个新特性，记录一下。

html5增加了classList

classList 属性返回元素的类名，作为 DOMTokenList 对象。

该属性用于在元素中添加，移除及切换 CSS类。

classList属性是只读的，但你可以使用 add()和 remove()方法修改它。

增加：document.getElementById("myDIV").classList.add("mystyle", "anotherClass", "thirdClass");

去除：document.getElementById("myDIV").classList.remove("mystyle");

替换：document.getElementById("myDIV").classList.replace("someClassName","otherClassName");