時間一晃，搞前端搞了好幾個月了，終於迎來了嶄新的2019年。新年伊始，公司專案終於有了個雛形。本著反哺精神，本人在此立下Flag：把這段時間的前端經驗彙總成一系列實戰的小文章，供感興趣的程式猿朋友參考，也算是給自己一個交代。歡迎批評指正。

    思路如下：

1、使用Vue.js框架和ES5語法（為主）全面單點實現瀏覽器原生的地理位置（經緯度）座標、錄音、拍照、DBIndexed等常用元件或功能；

2、使用自己搭建的前端框架，和微信、Facebook等平臺（後續會補錄Android/IOS平臺）大部分單點功能對接；

3、所有的文章程式碼統一使用

    執行如下：

1、先手把手教大家搭建一個Vue.js開發框架，並交代常用的npm編譯、除錯dev等命令；

2、單點介紹web常用的功能（順序如下：獲取經緯度座標、拍照、錄音、DBIndexed使用、AWeSome整合），分幾個階段循序漸進的介紹實現過程、存在哪些問題以及為什麼要這麼做；

3、介紹基於上述功能抽象出來的API；

4、介紹如何搭建一個可以同時對接Web原生、微信、Facebook、Android和IOS的JS框架。

    本人開發環境如下：

1、本機：

MacBook Pro (15-inch, 2017)

2.8 GHz Intel Core i7

16 GB 2133 MHz LPDDR3

Radeon Pro 555 2048 MB

Intel HD Graphics 630 1536 MB

2、測試瀏覽器：

Chrome版本：71.0.3578.98（正式版本） （64 位）

注意：因為時間和精力關係，本人只保證此作業系統下的此瀏覽器的驗證效果，Linux平臺/Windows平臺效果未經驗證正確，IE/Safari/Firefox瀏覽器也未經驗證。

3、開發工具：

使用npm進行vue.js及相關依賴庫的安裝及管理；

開發IDE使用Viusal Studio Code:1.27.2 (1.27.2)