这是我参与「第四届青训营 」笔记创作活动的第3天！ 今天学习的是如何写好Java Script，那么对于Java Script，我之前是没有接触过的，学起来可能没有HTML和CSS那么快上手，但今天的课程学习还是很有收获的，我对Java Script一些函数或功能书写也有一个初步的认识和学习。主要的笔记还是以图片的形式呈现。
首先，要想写好Java Script： 1、要注意三个方面，各司其职、组件封装、过程抽象，要注意避免不必要的Java Script直接操作样式，可用class表示状态。 2、组件封装 （1）组件是指web页面上抽象出来的一个个包含模板html，功能Java Script和样式CSS的单元。一个好的组件具备正确性、扩展性、复用性，这也是组件设计的原则。 （2）实现组件的步骤：结构设计、展示效果、行为设计 （3）三次重构包括，插件化、模板化、抽象化（组件框架） 3、轮播图，这是一个典型的列表结构，分为几个步骤制作 （1）首先定义html结构 （2）用CSS表现，使用CSS绝对定位将图片重叠在同一个位置；轮播图切换状态使用修饰符（modifier）；轮播图的切换动画使用CSS transition （3）行为：JS API 其中有两个特别注意， +getSelectorItem（）————这是得到选中当前图片元素 +getSelectorItemIndex（）————这是得到选中当前图片元素的下标 另外还有+slideTo（）、+slideText（）、+slidePrevious（）等 （4）重构：模板化，将html模板化，更易于扩展 （5）抽象，将组件通用模型抽象出来 4、过程抽象 为了能够让“只执行一次”的需求覆盖不同的事件处理，我们可以将这个需求剥离出来 （1）用来处理局部细节控制的一些方法 （2）函数式编程思想的基础应用 5、高阶函数 Once、Throttle、 Debounce、 Consumer /2、Iterative 6、编程范式 分为命令式和声明式 举个例子，让每个数都变成两倍 命令式: let list = [1,2,3,4]; let mapl = []; for(let i=0; i<list;i++) { mapl.push(list[i]2) } 声明式: let list = [1,2,3,4]; const double = x => x2; list.map(double);
通过今天的学习和整理，我队Java Script有一个初步的认识和了解，通过练习跟着老师书写代码，对知识点印象更深刻，另外今天的知识很实用也很有趣，像轮播图这类技术，日常我们生活在浏览购物网站或者学校官网也会经常看到，贴近生活学习能够更加高效。
