第一次项目开发之遇到问题及流程总结

在项目开始前，被告知是电商网站，这让本人这种菜鸟还是为之一紧的---一个人负责前端阿，还要只有师父远程的指导，偶尔能当面指导（一周一次的样子），但是 还是觉得压力挺大的，毕竟新人肯定会遇到非常多的问题，太小的不敢问，太多又不敢问，脑洞类的只能选择着问，最后能问的问题并不多！刘翔曾说过---逆风飞翔，才能张开翅膀（？）。总之就是不行也得行，说不定最后就行了呢。

这个项目其实就是做静态页面，说的是不需要做逻辑方面的，其实我当时听着挺模糊的，逻辑分很多种吧，JS肯定也有逻辑的啊。。我的理解是并不会有太深奥的代码需要我去理解或者去自己敲。公司对我的知识底蕴是清楚的，如果这么难直接叫我做，做不好不是双输么。既然理论分析了结论是不可能太难，那就开干！

言归正传。项目一开始，师父让我用git上传代码到网络，方便他远程观看。想到之前（运气好？）成功上传过，想想就觉得是pieceofcake，没有太注意这方面（导致后面回档！）。其实git这个东西指令并不多，麻烦的地方是每条指令执行都是霸道的，你只要输入就不能回头了，当然，你能用别的指令试图扭转局面，个人的建议是，在弄清楚你输入的指令的所有含义后，再去按回车。就像一开始我以为master是分支，origin是原始仓库，然后origin是不能改的，然而origin只是一个名字，就像xiaoming，hanmeimei一样。master分支按我的理解应该是所有者才有的分支，别人想用你项目的master分支，需要授权才行。还有就是版本问题，git很早之前就有了，这么多年指令应该没有增加太多，但是指令的功能却发生着变化。如果你傻傻的百度一个git add . 是什么意思，旧版本和新版本功能不同，没注意的话点到旧版本的科普里，就GG了。

说说之前回档的事吧，当时是因为被要求用yim---即terminal内置了的一个编辑器，去编写commit，毕竟是国外的东西，写英文还好，写中文没打10个字就开始卡了，不知道师父有没有注意到这个问题，因为他的是pro而我的是air，反正就是第三天左右的时候一次提交，因为想commit的详细些，打了有10行中文的样子，然后就崩溃了（只有terminal崩溃）。当时我的想法是：辣鸡编辑器，大不了再打一次。然后重新打开，commit内容没了，status显示无内容，但是我还没push啊。想着这是啥意思呢，于是百度了下，说是这种情况需要删除之前的提交，不然没法上传。那是一个中文的文章，而且看着是个老程序猿了，傻傻的就信了。然后删除的结果是：git add 的没了，然后还回档了！回的上一档，是昨天晚上的档。还好机智的我发现sublime里打开的文件有变化提示，文件名变黄(橙），果断command + Z返回，果然回到之前想提交的状态，然后保存。当然不可能所有想提交的页面都打开了，部分自然是只能自己凭记忆手打了。总结一下这个小故事：

一个小白在软件崩溃情况下误信网上旧版本操作回档，后机智发现编辑器里能返回，最后以额外工作4小时告终。摁...考虑到当时自己在那种情况下，又是新手，也还行吧。最好当然是问师父了，但是考虑到回档是一件挺羞耻的事情，就想着自己搞定吧。从此命令操作，基本是小心翼翼的，除了重复用过多次的语句外。

然后说说开发环境，yoman一键搭环境，还带自动编译加载，还有打包，压缩，包管理功能，具体见下图，当然，我用的是把grunt替换为‘gulp’。

yoman还是很好用的，毕竟简单易操作，主要还是npm应该还是比较符合趋势的，bower 的话毕竟专门为前端服务，而且有包冲突的可能，后面会再学习用webpack吧。还有开发中比较常见的一个问题，有时候明明已经改了代码，看terminal也编译了，但是在浏览器看的效果依然是修改之前的效果，要重新保存再编译才行，感觉应该是缓存机制的问题，至于是电脑缓存，还是别的缓存，如浏览器的，就不太清楚了。

在拿到设计稿的时候，还是有点懵逼的，开始做了一些页面之后，才慢慢习惯了些。个人感觉，项目经理的确是一个重要的职位，了解客户需求太TM重要了，少了东西或者理解有偏差的话，后面前后端的工作量不一定会增加很多，但是肯定会有一种蛋疼的感觉。至于设计图的实现，个人认为在大家都是第一次配合的情况下，最好还是一起坐下来聊聊，主要是功能模块的增减。作为一个前端，我认为，做到不对设计稿的成色作出丝毫评价是我该有的职业操守，但是设计时期还是应该加入前后端进行观察的，因为设计过程中由于设计对前后端工作难度的评估能力不足，少设计东西或者样式过于复杂都可能增加项目的工时，从而增加开发成本。同理的，前端于后端也可能造成相同的影响。下次项目开发的话，定会提出此观点。

关于前端的开发规范，本次是使用less进行样式开发的，用到了bootstrap和jQuery，样式开发过程中由师父的带领，学会了使用变量名及统一加载，虽然可能less官方文档里，或者你看bootstrap的源码会发现，但是有人有经验去描述及指导当然还是明了得多。这次比较失败的地方是变量名方面只是名义上使用了，但是使用率太低，这也和设计没有沟通好有关吧，以至于后面几乎没有使用变量名进行样式设置，不过并不影响。