一、前言

这是一个前端初学者的阅读源代码笔记

初学前端，根据自己的喜好与需求选择了学习微信小程序。
阅读滴滴Dokit小程序方向的源码，一方面是可以学习前端相关的内容，另一方面也是希望借这个机会试着接触开源项目。

前端“初学”者是什么程度的初学者

在学习微信小程序开发前，我只学过Java、C++这些面向对象语言和基本的计算机基础，没有接触过JavaScript、HTML、CSS等前端的内容。这些前端有关的内容我都是通过微信小程序开发边看边学的，包括基础的HTML语法、CSS盒模型、flex布局等。

二、初识滴滴Dokit

根据滴滴Dokit官方文档的说明：

1、DoraemonKit 能够快速让你的业务测试代码能够在这里统一管理，统一收口；
2、DoraemonKit 内置很多常用的工具，避免重复实现，一次接入，你将会拥有强大的工具集合；
3、搭配dokit平台，借助接口Mock、健康体检、文件同步助手让你方便和他人协同，极大的提升研发过程中的效率。

简单的说，滴滴Dokit是一个面向前端开发人员的测试工具集合，把这个工具集合引入到自己的项目，不需要自己重新编写测试模块，进一步提高开发效率。

哆啦A梦的四次元口袋
Dokit是一个Android、ios、微信小程序都通用的功能平台，官网上介绍的功能有一部分并没有在微信小程序端实现。目前Dokit小程序端的功能有：App信息、位置模拟、缓存管理、H5任意门、请求注射、更新版本、数据模拟（mock）。
之后的目标就是通过阅读源代码来了解各个功能是怎么实现的，但在阅读源代码之前还需要做的操作就是将Dokit模块引用到自己的小程序项目中。

三、将Dokit模块引用到自己的项目中

Dokit小程序端模块的引入很简单，可以参考官方指南进行下载安装，也可以选择在github上下载。github地址
我们新建一个小程序示例项目，引入Dokit模块，结果如图所示。

点击Dokit图标，可以看到Dokit的功能界面：

点击各个功能按钮可以体验各种功能，需要注意的是位置模拟功能点击后提示需要授权。

和其他所有手机APP一样，微信小程序要获取用户的隐私信息也是需要授权的，具体设置方法是在小程序的app.json文件中添加permission，说明获取信息的用途。

  "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将被盗用(X)" 
    }
  }

可以看到再次点击位置模拟时小程序会正常申请授权了。

总结

到目前为止，我们简单的了解了滴滴Dokit的功能，将Dokit模块引入到了自己的小程序项目中，并获取了地理位置授权。
从下一篇文章开始，我们将正式开始阅读Dokit的源代码。