我作第一个项目的心路历程


刚来公司报道不久,接到咱们老大派来的一个新项目,接到活的心情是矛盾的,既兴奋又紧张,兴奋的是来公司一段时间,没有活干,闲着是让我感受最难受的一件事情,宁愿忙成狗,也不肯意闲得慌,终于有活干了,想着能让本身熟悉公司工做流程,加快对业务的理解,工做技能的提升,是比较兴奋,但又相矛盾的一点就是我的技术还处于初级中的初级,怕活没有作好,惹了大麻烦,而后在公司就没有而后了,这点想着就有点可悲。这是对自我认识最深入的一点,容易矛盾。vue


反正活是来了,再矛盾,也得干。我尽可能不让本身有负面的影响,横竖都是一刀,想了想本身该怎么干,而后就开始动手了。果真不出意料,本身写了不少的bug,踩了不少的坑,也许也留了不少的坑,项目这两天也要上生产环境了,趁本身脑壳仍是热的,写篇博客,记录本身的坑,防止之后再犯。react


对我我的而言“写点什么”是本身对本身最有效的总结方式,也是本身最喜欢,最顺然的一种方式。好的,废话很少说了,如今开始记录。webpack


此次的项目复杂的程度不高,没有不少的交互效果,大部分数据,都是经过大数据那边计算好,透传给gp,而后经过接口在gp这边拿数据,属于混合app开发(也属于本身的第一次混合app开发),嵌套在app中。因为如今流行的技术vue、angular、react没有用得很熟练,因此选择了原生,写以前以为第一个要解决的问题就是数据渲染的问题,解决了这个问题其它的问题都能方便解决,在这第一时间我想到了用腾讯的模板引擎。web


顺延着就想到了第二 问题:经过什么方式来数据,ok,ajax,在大数据没有写好的状况下,只能模拟数据,经过ajax拿数据必然会有跨域的问题,如何解决跨域的问题,我想到了ngnix反向代理,想到这几个问题,基本就能够开工了,对了,忘了重要的环节,如何起本地服务器,从后台拿到数据,最后如何将文件部署到测试环境和生产环境当中去,总结起来,本身陌生的地方有几点:第一点ngnix反向代理不知道如何配置;第二点:webpack的打包;第三点就是app中的调试,用到了charles抓包工具,以及谷歌的inspect调试工具。ajax


----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------api