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

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

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

对于学习一门新的技术栈。我认为，在前期，API的熟悉程度是高于你对源码的熟悉程度。千万不要好高骛远，学习vue,ng,react一上来就是，看源码！

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

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

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

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

3.引入高德地图后手淘flexbile.js的兼容问题

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

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

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

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

8.vue中component的编写方式

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

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

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