- 写好JS的一些原则
- 各司其责:让HTML、CSS和JS职能分离
自己的思路:if系统打开深色模式,网页的background:black;color:black;else{background:white;color:black}
版本一思路
版本二思路
版本三思路
版本一是修改body的style,用JS修改html标签,版本二用JS修改类名,版本三直接不用JS,用伪元素修改CSS;
总结:
- HTML/CSS/JS各司其责
- 应当避免不必要的由JS直接操作样式
- 可以用class来表示状态
- 纯展示类交互寻求零JS方案
- 组件封装:好的UI组件具备正确性、扩展性、复用性
例子:
- 过程抽象:应用函数式编程思想