專題背景

近幾年隨着開源在國內的蓬勃發展，一些高校也開始探索讓開源走進校園，讓同窗們在學生時期就感覺到開源的魅力，這也是高校和國內的頭部互聯網企業共同嘗試的全新教學模式。本專題會記錄這段時間內學生們的學習成果。前端

更多專題背景參考:【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…

來源：掘金