专题背景

近几年随着开源在国内的蓬勃发展，一些高校也开始探索让开源走进校园，让同窗们在学生时期就感觉到开源的魅力，这也是高校和国内的头部互联网企业共同尝试的全新教学模式。本专题会记录这段时间内学生们的学习成果。前端

更多专题背景参考:【DoKit&北大专题】缘起git

系列文章

【DoKit&北大专题】缘起github

【DoKit&北大专题】-读小程序源代码（一）json

【DoKit&北大专题】-读小程序源代码（二）小程序

原文

1、前言

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

初学前端，根据本身的喜爱与需求选择了学习微信小程序。阅读滴滴DoKit小程序方向的源码，一方面是能够学习前端相关的内容，另外一方面也是但愿借这个机会试着接触开源项目。微信小程序

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

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

2、初识滴滴DoKit

根据滴滴DoKit官方文档的说明：微信

一、DoraemonKit 可以快速让你的业务测试代码可以在这里统一管理，统一收口；markdown

二、DoraemonKit 内置不少经常使用的工具，避免重复实现，一次接入，你将会拥有强大的工具集合；app

三、搭配dokit平台，借助接口Mock、健康体检、文件同步助手让你方便和他人协同，极大的提高研发过程当中的效率。

简单的说，滴滴DoKit是一个面向前端开发人员的测试工具集合，把这个工具集合引入到本身的项目，不须要本身从新编写测试模块，进一步提升开发效率。

哆啦A梦的四次元口袋

DoKit是一个Android、iOS、微信小程序都通用的功能平台，官网上介绍的功能有一部分并无在微信小程序端实现。目前DoKit小程序端的功能有：App信息、位置模拟、缓存管理、H5任意门、请求注射、更新版本、数据模拟（mock）。

以后的目标就是经过阅读源代码来了解各个功能是怎么实现的，但在阅读源代码以前还须要作的操做就是将DoKit模块引用到本身的小程序项目中。

3、将DoKit模块引用到本身的项目中

DoKit小程序端模块的引入很简单，能够参考官方指南进行下载安装，也能够选择在github上下载。

DoKit小程序 github地址

咱们新建一个小程序示例项目，引入Dokit模块，结果如图所示。

点击DoKit图标，能够看到DoKit的功能界面：

点击各个功能按钮能够体验各类功能，须要注意的是位置模拟功能点击后提示须要受权。

和其余全部手机APP同样，微信小程序要获取用户的隐私信息也是须要受权的，具体设置方法是在小程序的app.json文件中添加permission，说明获取信息的用途。

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

能够看到再次点击位置模拟时小程序会正常申请受权了。

总结

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

做者信息

做者：亦庄亦谐

原文连接：juejin.cn/post/694715…

来源：掘金