2017年学习总结

概述

新年都第二周了才来写总结的也是没谁了。看了下17年元旦是自己一个人在家的，好好思考了下接下来要做什么，虽然17年已经过完，证实当时的计划有很多都偏离了方向，但是定个目标还是很重要的，这样让自己可以有节奏的掌握自己的规划进度。刚好接下来也要定18年上半年的KPI和IDP了，去年下半年的基本都完成了，因为给自己的定的目标不是很高，但是好在切实有效的执行完了，感觉还是有点收获的。像这种碎碎念的文章其实没什么干货的，我一般是写给自己记录的。

工作变化（前端-重构）

去年上半年换了工作，加入新的团队，接触新的工作流程以及新的知识层面。
工作流程从以前的 产品——设计——前端——后端
变成了现在的 产品——交互——视觉——重构——前端——后端

作为前端可能会关注业务逻辑和数据交互，但是作为在设计中心的重构，岗位职能跟前端是有一定区别的，首先重构主要写HTML和CSS，更关注视觉还原，交互体验，用户体验，以及更好的配合前端开发。

因为关注视觉还原，所以对设计稿的还原会比较较真，基本做到像素级还原
因为关注交互，所以会更在意使用上的交互逻辑和交互方式
因为关注用户体验，所以在页面的制作过程中，基本上都会自然而然的加上一些动画效果，这也促使我去年在transition、transform、animation补间动画、帧动画（主要CSS3动画）方面有了一定的积累，对动画有了新的认知，或者说动效，微动效等，可以了解谷歌Material Design动效指南。

移动Web

之所以单独拿出移动Web来说，是因为去年大部分时间是在做移动web的需求，主要配合产品做一些运营活动和开发一些APP内嵌页面。
最主要的收获应该是对移动端页面适配有了比较好的认知，而且有了自己的一套应对方案，比如单屏页面，滑屏页面，内嵌内容型页面，活动长页面等类型。flex布局，百分比布局，rem布局，vw单位布局等，具体我在专栏里面也分享了一些，可以戳这里看《移动Web开发实战》，目前已经分享了 移动Web开发基础 系列12篇。

对移动端布局和css技巧也有了一点点积累，可以很好的满足工作需求，并在不断学习中。

代码规范和组件化

因为团队还算挺大，负责的项目也是错综复杂，多个项目之间需要来回切换，有时移动端PC端来回切换都有点懵，所以为了团队之间协作方便，提高开发效率，保证产品体验统一，视觉风格统一，组件统一，做好代码规范显得尤为重要，所以严格按照团队规范开发是很有必要的。

具体的规范实施从组件化做起，将产品开发过程中重复的组件梳理出一套基础组件，然后根据项目业务，梳理出一套业务组件，组件的命名、结构保持统一风格，这样开发多个项目其实跟开发一个项目一样的。
目前是静态组件库，后面会用vue开发成可直接用于生产的UI组件库，方便快速开发产品。

工作流程

相信有很多老前辈也这么说过了，写代码只是完成需求的一部分，最重要的一部分其实是业务理解，需求分析，跟产品，设计沟通，提出自己的疑问或者建议，站在用户的角度看待这个需求，一般看具体需求，有些需求会提前先跟设计沟通，提出建议，有些是会等设计直接提供设计稿之后，对照需求分档和设计稿进行分析，将疑问以及建议汇总，然后再找产品对，最后才开始动手写。
为什么这么复杂呢，因为不管哪个环节，都有遗漏的可能，所以我们要在我们这一环尽可能的降低这种风险，重构这个环节直接涉及到页面DOM的节点，所以确定性很重要。
同时设计经常会遗漏一些状态，比如无数据，无网络，错误提示，toast提示，弹框提示，分享提示，鼠标hover态，按压态等，这些设计最好能有个自查表，交付的时候，当然作为重构也需要对前端同学有个自查表啦，这样就降低了来回修改的风险和成本。
如果你说这只是因为前端和重构分开工作的原因，如果是一个人完成的话就不存在这些流程，但是我觉得其实不然，即使一个人开发来回修改视觉结构，甚至修改业务逻辑，这其实对开发影响挺大的，所以这不是分工的问题。

学习总结

大家对于学习都很认真执着，会花时间认真探讨，会快速执行和善于总结，团队去年梳理出UI组件库，动效库，总结文章几十篇，每周会有一次分享，这拓宽了我的知识面，让我对行业有了更多的认识。去年一整年其实自己写的文章很少，只有四十篇左右，这其中主要包括了我学习小程序开发中的一些记录，实际意义不是很大，希望自己还是要多学习，多总结，多输出！

18展望

2018年希望自己继续对前端基础技术进行深入学习，打好JS基础，对H5开发有更多的探索，比如H5小游戏，canvas动画等，也希望近期学习的SVG及动画能有更多的实践应用。
扎实重构技能，探索H5，关注前端开发，实践小项目。

最后，推广下自己写的Chrome小插件《我的第一个Chrome小插件-基于vue开发的flexbox布局CSS拷贝工具》，祝好！