2017年12月学习心得报告

学习心得报告

2017.12.30
以下分为两个部分：
一、 关于es6的学习
二、 关于Vue的学习

   从12.2-12.25号之间，我主要地学习了es6、 Vue。上个月分别学习了它们的前部分，前部分相对来说比较简单，讲的都是一写数据，方法，指令的介绍，剩下还没学习到的部分就越来越难，里面涉及到的方法越来越多，有的例子，还会混合使用一写方法，需要花一写时间去看。   上个月的学习过程中，我都是通过网页上的教程在来学习，像git、jquery比较短的教程，通过网站学，比较高效。   但是相对于es6教程，vue教程，内容篇幅特别大，看电子书，容易集中不了注意力，而且做笔记不能像纸质书本那样，可以把笔记标注在旁边，我用记事本做的笔记，虽然都是一章一章地写笔记，但是在复习的时候，总体还是不方便。时间跨度也比较大，有些内容也忘记了，找知识点的时候也不方便。所以下个月我打算买纸质书本，再把其他笔记打印下来。在认认真真地复习一下。以下是我学习各个内容的详细认识：

一、关于es6的学习，学习时间12.2—12.23

学习地址：http://es6.ruanyifeng.com/ 阮一峰
 12.2：symbol、Set 和 Map 数据结构
 12.5：Iterator和for–of的概念
 12.7：Proxy
 12.11：reflect
 12.12：Promise 对象
 12.13：Iterator 和 for…of 循环:
 12.14：Generator 函数的语法
 12.15：Generator 函数的异步应用
 12.18：async 函数
 12.19：Class 的基本语法
 12.20：Class 的继承
 12:21：修饰器
 12.22：module的语法
 12.23：module的加载实现

   Es6的内容非常的多，里面有好多内容是完全没有接触过的，这个月所学的内容都是全新的。里面好多东西看得一头雾水。比较印象深的有这些内容：Symbol它的作用是防止属性名的冲突，这是一种新的原始数据类型Symbol，表示独一无二的值。它是 JavaScript 语言的第七种数据类型。前六种是：undefined、null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）。它是直接通过Symbol函数生成。它有两个常用的方法：Symbol.for()与Symbol()，都会生成新的 Symbol。区别是前者会被登记在全局环境中供搜索，后者不会。   Map + Set + WeakMap + WeakSet：用于常见算法的高效数据结构。set类似于数组，成员的值都是唯一的，没有重复的值，weakset要求成员必须是对象。Map 结构提供了“值—值”的对应，是一种更完善的 Hash 结构实现。WeakMap：WeakMap结构与Map结构类似，也是用于生成键值对的集合。而WeakMap只接受对象作为键名（null除外），不接受其他类型的值作为键名，WeakMap的键名所指向的对象，不计入垃圾回收机制。   Proxy和reflect类似，它们的方法也都很类似，感觉作用差不了多少，但是学了之后还是不太明白二者有什么关系。   Promise 是异步编程的一种解决方案，，Promise 是一个对象，从它可以获取异步操作的消息。有三个状态且一旦状态改变，就不会再变。然后还有一个then（）方法的可以执行回调函数。   遍历器和for…of的循环，遍历器（Iterator）是一种机制，它是一种接口，任何数据结构只要部署 Iterator 接口，就可以完成遍历操作。一个数据结构只要部署了Symbol.iterator属性，就被视为具有 iterator 接口，就可以用for...of循环遍历它的成员。   Generator 函数也是是 ES6 提供的一种异步编程解决方案。Yield提供了一种可以暂停执行的函数。Async和generator类似。在函数里async函数就是将 Generator 函数的星号（*）替换成async，将yield替换成await。   Class可以创建一个类，可以再类里面添加属性，类可以继承，每个类都有默认的构造方法，类里不支持私有属性，私有方法，但是可以用#符合来使用。This在类中的指向比较复杂，容易搞混。类里还有一些指令，关键字super，也有原型属性。   许多面向对象的语言都有修饰器（Decorator）函数，用来修改类的行为。接下来就是学习module这块知识，模块化的知识，感觉学起来有点乱，学了里面的指令。仍然是一头雾水。   总体算是把es6过了一遍，起码知道了里面有什么内容，es6的内容很多，讲的非常的细致。特别是每讲到一个地方，里面涉及的方法就特别多，容易搞混。里面也有很多的知识点很类似。下个月打算买纸质的书籍，再认认真真的复习一遍。

二、Vue学习笔记11.23—11.29

学习地址：https://cn.vuejs.org/v2/guide/
 12.3：过渡 & 动画：十一进入/离开 & 列表过渡
 12.5：十二状态过渡：十三混合、十四自定义指令、十五渲染函数 & JSX、十六插件、十七过滤器、十八生产环境部署、十九单文件组件

   Vue的动画这块，感觉比较难，动画里都有一些过渡，就需要写一写过渡类：里面有6个过渡类：v-enter，v-enter-active，c-enter-to：v-leave，v-leave-active，v-leave-to。我再操作的过程中，有一些自己的感悟：在定义离开过渡的时候，最后就只定义class-leave-active的类，class-leave效果不明显。css的过渡，就用transition：属性 过渡时间 速度 整个动画时间，动画的过渡，就用animation：动画名 过渡时间。这两个属性用来做过渡动画非常好看。单个元素过渡很好操作，多个元素，组件过渡，就比较复杂。需要添加过渡模式，然后还要通过几个指令混合操作。   Vue可以自定义指令。还有钩子函数，是一种事件劫持机制，它会比你的事件更早进行执行处理。后面的学习内容也比较杂比较乱。

以上就是我的学习心得。