易有太极，始生两仪，两仪生四象，四象生八卦，函数就相当于太极，组合时灵活多变，但函数本身是不变的

本节主要讲解如何实现以下几种动画

1. 图表展示-圆环
2. 操作成功，操作失败动画
3. Logo 线条绘制动画
4. Loading 加载动画

通过普通的div实现方式与svg的实现做对比，体验使用SVG做动画的好处，以及SVG在实际项目中应用

并使用Vue及React封装一个基于SVG的圆环图表展示组件

Chrome为PC端调试提供了很方便的调试功能，控制台功能的强大使Chrome浏览器博得了众多前端开发者的喜爱，然而随着移动端H5的流行和广泛的应用，H5的调试越来越变得重要而不可或缺，这里汇兑了一些目前较为实用移动端H5的调试方法供大家参考学习，方便做微信、webview、手机浏览器调试及错位定位。

SVG 是可缩放矢量图形的缩写（Scalable Vector Graphics）, 也就是矢量图。
是基于可扩展标记语言XML来描述二维矢量图形的一种图形格式，由W3C制定，是一个开放标准（SVG 于 2003 年 1 月 14 日成为 W3C 推荐标准）

随着CSS3动画的普及，应用CSS3动画的活动页、宣传页、专题页，如雨后春笋般破土而出，达到了很好的传播与品牌宣传的效果。

H5几乎成为了移动端宣传的主流方式，不管是商业活动还是品牌推广宣传，大多都会选择制作H5页面来进行相应的宣传工作，因此在移动端，特别是微信上，几乎每天都能发现H5页面的踪影。

在CSS3中添加的媒体查询，允许内容的呈现针对一个特定范围的输出设备而定制，而不必改变内容本身。
Media Queries能在不同的条件下使用不同的样式，使用页面达到不同的渲染效果。

CSS3添加了几个动画效果的属性，通过设置这些属性，可以做出一些简单的动画效果而不需要再去借助JavaScript。
CSS3动画的属性主要分为三类：transform、transition以及animation。

Babel是一个广泛使用的ES6转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。
ECMAScript 6是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。但是目前浏览器对es6不完全兼容，需要借住babel编译。

MacOS 终端常用命令记录

一个项目大多都是由一个团队来完成，如果没有统一的代码规范，那么每个人的代码必定会风格迥异。且不说会存在多个人同时开发同一模块的情况，即使是分工十分明晰的，等到要整合代码的时候也有够头疼的了。大多数情况下，并非程序中有复杂的算法或是复杂的逻辑，而是去读别人的代码实在是一件痛苦的事情。统一的风格使得代码可读性大大提高了，人们看到任何一段代码都会觉得异常熟悉。显然的，规范的代码在团队的合作开发中是非常有益而且必要的。