即：用对象的形式表示HTML、CSS。

select级联下拉选择器

• validity 存储验证结果，错误信息等

如果不需要验证，就在<form>上添加一个 novalidate 属性，就禁止了该表单下所有的验证。

onsubmit事件绑定的方法中，可以通过阻止默认事件触发来阻止表单提交刷新页面

验证手机号可以在标签中写pattern:

验证表单应该在表单的submit事件被触发时进行，而不是按钮被点击时进行。因为还有其他的触发表单提交的方式。

列表的显示、添加、删除、更新、选择

编程方式 ： 面向视图-> 面向数据

因为视图层变化会很频繁，这直接导致控制层的变化。
而且从自动化测试的角度来说，因为视图层没办法完全自动化，而视图层与控制层的耦合性如此高，导致控制层也没办法做完全的自动化测试。

将视图（View）抽象成数据模型（ViewModel），后续所有的操作都针对数据模型来进行。只需要关注数据模型，不关注视图上怎样展示。

具体视图上怎样展示，交给Binder（专门的数据绑定相关的库）去完成：

用惯了vue和react之后可能会慢慢淡忘掉原生的一些操作dom的几种方式，有的时候确实需要我们通过原生的方式进行操作。

今天就说几个 通过原生j s方式修改样式的方法

这种方式怎么说 很有可能会覆盖之前写好的样式。最好的方式还是添加上去比较好

关注我。 持续更新 前端知识。

用惯了vue和react之后可能会慢慢淡忘掉原生的一些操作dom的几种方式，有的时候确实需要我们通过原生的方式进行操作。

今天就说几个 通过原生j s方式修改样式的方法

这种方式怎么说 很有可能会覆盖之前写好的样式。最好的方式还是添加上去比较好

关注我。 持续更新 前端知识。