JavaScript
JS原则:各司其职、组件封装、过程抽象
组件封装:组件是指web页面上抽出来一个个包含模板、功能和样式的单元。好的组件具备封装性、正确性、扩展性、复用性。
组件封装的基本方法:结构设计、展现效果、行为设计(功能、控制流)。
控制流:用自定义事件来解耦。
三次重构:插件化、模板化、抽象化。
解耦:将HTML模板化,更易于扩展。将控制元素抽取成插件,插件与组件之间通过依赖注入方式建立联系。
组件框架抽象:将组件通用模型抽象出来。
过程抽象:用来处理局部细节控制的一些方法,函数式编程思想的基础应用。
高阶函数Once:为了能够让“只执行一次”的需求覆盖不同的事件处理,我们可以将这个需求剥离出来。这个过程我们称为过程抽象。
高阶函数HOF:指的是以函数为参数、一函数为返回值、常用于作为函数装饰器。
常用的高阶函数:Once、Throttle(节流函数)、Debounce、Consumer/2(每隔一个时间调用一次)、Iterative(批量操作)。
编程范式:命令式(趋向于怎么做)与声明式(趋向于做什么)。
个人心得
这次课程分为四小节,从最基础的讲解了对JavaScript概念与介绍了JS的基本原则,再到对组件封装的详细介绍与三次重构步骤的细分,第三节课则主要对高阶函数的运用进行了了解,最后老师再通过各种例子来进行演示,如交通灯、4的幂、洗牌生成器、分红包等,不论是最基础的讲解还是经典案例的讲解,老师逐层递进、逐步划分的讲解,对原来只对JavaScript一知半解的我有极大的帮助,我也会试着动手对所学的案例进行模仿以便于加深自己的印象,用实践巩固知识。