细谈最近上线的Vue2.0项目（一）

8月初离职，来到现在的新东家负责一个新的项目。而我最近开发的两个webapp一直都是以Vue为主，这也是这篇文章的由来。

正文前的胡侃&一点点吐槽

在经历了两个公司不同的项目后，发现都存在一个很致命却又如此相似的问题。就是领导层的决策，导致项目的开发后期加班严重。领导们普遍都是先DIY，然后等到项目开发到尾期的时候，突然说，我用了很多类似的东西，发现我们做出来和他们的有很大的出入，吧啦吧啦一堆，重点就是，我们自己设计出来的，当时他拍板说：“没问题的东西”，现在有问题了!UI要换掉，功能要精简。结果就是本来可以清闲点的上线前的时间，变得无比的紧张，只能加班到半夜三四点来赶进度，真是让人无奈。

对于学习一门新的技术栈。我认为，在前期，API的熟悉程度是高于你对源码的熟悉程度。千万不要好高骛远，学习vue,ng,react一上来就是，看源码！我面试的时候就碰到有的前端，我问他：你vue学的怎么样啊？答：我看过一些源码。结果一问一些基本的使用技巧，都是含含糊糊，答非所问。拜托，公司请你来是让你开发产品的，不是让你写一个vue的。当然，我不是说学习源码不好，学习源码当然是天大的好事。说明你，有意识，不甘于做一个只会使用的人。有追根究底的学习心态。但是，请在你有足够的实践以后再去做这样的事情。俗话说：实践出真知。你在实战中不断的去使用，你才能知道它最后达到的是一个什么样的目的。你再去看源码的时候，才有了一个目标，顺着这条轨迹去找，最后源码读下来，也不会一点感觉也没有，就觉得，作者写得好！如同红军二万五千里长征。有了目的地，才开始走，才能得到想要的结果。

目录

因为要说的东西有点杂，而且对于写博这样的事情，自己还没有养成习惯，三天打鱼两天晒网。所以我这次列出了一个TODOLIST，准备按照这个目录，一步一步的写下去。当然也有很多细节的东西没有列举到，我会慢慢的梳理，然后再在正文里面补上。如果有的认知上存在问题，也欢迎道友们探讨。

1.vue项目的骨架及常用组件的业务实现场景

2.弹性盒子布局的使用，flex:1的意义，flex中text-flow的无效，flex配合better-scroll的使用

3.引入高德地图后手淘flexbile.js的兼容问题（技术点：dpr,rem,viewport等）及高德的基本使用

4.1px的由来及通用处理方式

5.import及module.export能否混用

6.时间格式比较的便捷方式及内在原理,ios下时间显示为NaN的问题

7.vue-router的实战及循环中this.参数名=undefined的问题

8.vuex在项目中的使用及持久化state的方式

9.vue中component的编写方式

10.样式的命名规范（技术点：BEM,SMA,OO等）

11.基于weinre的移动端样式兼容性调试

12.上线前的小插曲，网站被恶意代码劫持

13.项目上线后的日志系统sentry的基本使用