关于写好js的思考 | 青训营笔记

188 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的的第2天

1 写好js的一些原则

1.1各司其职

HTML、CSS、JavaScript职能分离
  • HTML、CSS和JS各司其职
  • 应当避免不必要的由JS直接操作样式
  • 可以用class来表示状态
  • 纯展示类交互寻求零JS方案

1.2组件封装

好的UI组件应具备正确性拓展性和复用性
  • 组件设计的原则:封装性、正确性、扩展性、复用性
  • 实现组件的步骤:结构设计、展现效果、行为设计
  • 三次重构

插件化

模板化

抽象化(组件框架)

1.3过程抽象

为了能够让“只执行一次“的需求覆盖不同的事件处理,我们可以将这个需求剥离出来。这个过程我们称为过程抽象。 应用函数式编程思想

  • 用来处理局部细节控制
  • 过程抽象是函数思想的基础

g.PNG

1.4关于操作次数的限制

操作次数限制常用场景有:① 一些异步交互 ②一次性的HTTP请求

image.png

1.5高阶函数

Once:为了能够让“只执行一次“的需求覆盖不同的事件处理,我们可以将这个需求剥离出来。这个过程我们称为过程抽象

image.png

HOF:①以函数作为参数 ②以函数作为返回值 ③常用于作为函数装饰器

image.png

2 分析与总结

月影老师的讲解真的很透彻很深入,每一个点都值得我深入学习。通过高阶函数以函数作为参数,就能得到写出一个只执行一次或者限制次数的函数。今天由于实习的原因,没能完整的听完理解透彻月影老师的课,下次会结合自己的理解与实践,真正地掌握其中蕴含的编程思想