Vue.js實戰——序言_1

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

    思路如下:

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

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

3、所有的文章代碼統一使用github管理,方便大家查閱和下載;

4、本着不重複造輪子的思想,本人所使用的素材幾乎都來自互聯網,同時爲了尊重作者版權,會把參考的關鍵點和步驟的過程用鏈接的形式附在我的文章中,同時會在最後章節彙總。

    執行如下:

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)

 

 下一篇:Vue.js實戰——框架搭建_2

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章