1、初始化类

Html 里面创建一个 id 为 box1 的 div，并初始化 echarts 绘图实例

创建需要的目录结构及文件

目录：css、font、images、js

文件：index.html

在css目录下创建一个css文件

Index.html文件中编写基本代码

初始化css

我们查看下引入的文件是否正确，在body中检测一下

Echarts

在这个官网中有详细教程以及API，很容易入手Echarts，从个人刚学习Echarts图表来看，它的难度在于它有自己的一套属性，这和我们平时用的css是不同的，因而我们需要什么效果就得去遵守它的属性

对柱形图各部分分析:（重点）

想必我们都遇到过这样的需求，通过Echarts官网上我们可以得到一个如下效果的环状图效果，如下所示。

这种效果显示已经很炫酷了，但是产品还是不满意，想要实现一个如下的效果，虽然看上去不怎么样吧！但是产品觉得这个炫酷就炫酷到环状图有一个渐变的效果。

2013年开始使用第一款Mac之后，几乎就一直是Mac的忠实用户，到了iOS时代，几乎被Apple的设备占据。原因无非如下：

1、足够好的外观体验；

2、极其稳定的系统；

3、优质的app；

4、友好的体验。

后面三个是iPhone时代逐步体验出来的，优质的app可能是很多人选择Apple生态的重要原因，第二个可能是友好的体验。这个怎么描述呢？举两个例子：

1、微信是我们日常使用频率最高的应用了。微信的消息一般都是图文和语音最为频繁。而在工作环境中，我们希望微信能够自动切到听筒模式，而非扬声器的模式，避免私密的内容被别人听到。这一点安卓手机的体验赶不上苹果，安卓手机自动切换的声音远远谈不上友好，更令人厌烦的是误操作的情况经常发生；

大家都知道网站的整站关键字必须悉心布局，要有个清楚的构思和实施方案来指明方向。当建网站早期或是直接接盘一个网站时，为网站做搜索引擎优化的第一件事情，就是审视如何布置关键字。其中必须分清楚核心关键词、目标关键词和长尾词三种具体情况。

前言

相信做网站对JavaScript再熟悉不过了，它是一门脚本语言，不同于Python的是，它是一门浏览器脚本语言，而Python则是服务器脚本语言，我们不光要会Python，还要会JavaScript，因为它对做网页方面是有很大作用的。

在SEO中，meta标签扮演着非常重要的角色，它设置的好坏会影响后期的优化，下面一起来看一下meta标签的使用方法。

Meta元素可以提供关于页面的信息，如针对搜索引擎的内容提要和关键字以及更新频率，或定义用户浏览器上的cookie;它可以用来识别作者、设置页面格式、设置页面以便根据您定义的时间间隔自我刷新、设置RASC内容级别。

本文为Varlet组件库源码主题阅读系列第八篇，读完本篇，可以了解到移动端页面如何适配各种尺寸的屏幕，包括pc端，另外如何将触摸事件转换成鼠标事件。