JavaScript

52 阅读1分钟
  1. 写好JS的一些原则
  • 各司其责:让HTML、CSS和JS职能分离

自己的思路:if系统打开深色模式,网页的background:black;color:black;else{background:white;color:black}

版本一思路

版本二思路

版本三思路

image.png

版本一是修改body的style,用JS修改html标签,版本二用JS修改类名,版本三直接不用JS,用伪元素修改CSS;

总结:

  1. HTML/CSS/JS各司其责
  2. 应当避免不必要的由JS直接操作样式
  3. 可以用class来表示状态
  4. 纯展示类交互寻求零JS方案
  • 组件封装:好的UI组件具备正确性、扩展性、复用性

例子:

  • 过程抽象:应用函数式编程思想