#青训营笔记创作活动#今天学习了一些JavaScript的相关内容，比如一、JavaScript组件思维
直接文档流的前端开发，在制作某些页面功能件，比如页头、页尾、轮播图等重复高频反复使用的部分的时候，可以把这些制作成一个组件库，需要使用的时候用JavaScript直接调用生成即可，可大大加快工作效率！
可类比于java的面相对象编程开发，只不过JavaScript的这个对象（组件）大部分得需要我们自己制作！
目前大部分都框架比如jquery、vue等等的初步构建基础，即可认为是组件开发思维的开始！
二、组件基本组成
几乎比较完整的组建都会包括3个方面： 1、组件属性选项 2、组件方法 3、组件事件 实现步骤包括结构设计、展现效果、行为设计。 还有设计中颜色的表示方式：在前端开发中，色彩信息非常重要，它可以影响用户视觉，来表达数据的大小、操作的优先级等等。按照惯例，我们先来看几个需求： 任意图片上的文案清晰（亮度高的颜色，显示深色文字，亮度低的颜色上，显示浅色文字） 生成设计规范或组件库的主题颜色梯度 大数据可视化场景下的颜色渐变 三原色 色彩当然要从三原色开始说起 R红 G绿 B蓝 (A透明)，将三原色各种组合也就有了各种颜色。对于屏幕这种发光的场景通常是“加色模式”，对于颜料这种是“减色模式”。所以通常用红、绿、蓝来表示颜色，也就是 RGB。虽然RGB不能表示肉眼所见的全部颜色，但也足够丰富了，一般的显示器、彩色打印机、扫描仪等都支持它。web开发也离不开他，如：#0064ff 、rgb(0, 100, 255)、rgba(0, 100, 255, 1)，都是我们常用的表示颜色的方式。 但是 RGB 是理想化的色彩表示方式，我们只能大致的判断出它偏向红色、绿色还是蓝色，或者颜色立方体的大致位置，除此之外就没有其它信息了，也就很难有办法动态生成一组对比鲜明的颜色。因此，在需要动态构建视觉颜色效果的时候，我们很少直接选用 RGB 色值，而是使用其他色彩表示形式。这其中比较常用的就是HSL、HSV色彩表示方式。在色相梯度中，绿色附近的颜色比较接近，而其他颜色则跨度较大。而且相同亮度情况下，绿色要比蓝紫色看起来要亮上一些，这是因为人眼对不同频率的光的敏感度不同造成的。 因此，HSL依然不完美，于是一套针对人类知觉标准的色彩模型就诞生了：CIELAB
