时间一晃,搞前端搞了好几个月了,终于迎来了崭新的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