2018学习总结

今年是拔高和成长的一年。重构技术的拔高和前端知识的补充成长。
今年申请成为了CSDN博客专家，对写博客产生了一种特殊的感情。
今年一整年都没有“刷”和“发”朋友圈，对微信朋友圈失去了兴趣，我尝试打开看了几次，最后都觉得无聊关掉了。

技术拔高

到现在，专职重构也快三年了。今年主要在移动web开发和css基础及技巧上有了一定的拔高，对动画有一定的理解。

1. 移动web开发
   通过对移动web开发的实践与理解，持续输出基础文章，最后结合工作实际情况，总结了一套移动web（H5）开发的知识体系，并在团队分享，如果你有兴趣，可以看以下文章：

   专栏：《移动Web开发实战》
   PPT：《移动Web开发实战专栏总结（PPT分享）》

   这是今年成就感最高的一个输出。

2. CSS基础及技巧
   CSS基础没有太多成体系和理论的东西，全靠自己平时细心的积累，厚积薄发，处理一些问题，兼容性（如IE8）等，处理的是否足够优雅和巧妙，能不能利用在重构知识上的优势帮助开发进行用户体验的优化，这里推荐两个。

   基础：《CSS属性建议书写顺序》
   技巧：《CSS技巧-根据兄弟元素的数量来设置样式》

3. 动画
   专职重构（UI开发）的同学可能有体会，基础的就是HTML、CSS、动画。但是如何在基础上进行深入呢，比如UI组件库、命名规范、模块组件的划分、动画的形式，调性，性能等，我们该如何最终实现用户体验的优化，这是一个积累的过程。我将动画的基础理解和性能对比进行了梳理总结，输出两篇文章：
   《Web动画形式》
   《帧动画的多种实现方式与性能对比》

技术成长

除了基础的重构知识技巧提高，我对前端的知识体系也有了成长，包括在Canvas技术、JS面向对象编程、jQuery插件、Git基础操作、Vue/Nuxt、小程序等方面有一定的实践。

1. Canvas技术、JS面向对象编程
   去年阅读和实践了SVG，入门了，虽然后续没有精进，但是这种技术就是需求驱动的。Canvas也一样。今年实践了一些Demo，体系了解常用开发功能，掌握了Canvas的基础，虽然下次再用起来什么都不记得了，但是没关系，忘了用，用了忘，最后就熟悉了。在实现Canvas效果的同时，也将JS面向对象编程加入进去实现，最后输出了两篇文章。同时对JS面向对象编程也有了一定的体会。

   Demo目录：https://github.com/xiangshuo1992/canvas-demo
   分享文章：《Canvas星空效果（JS面向对象）》、《Canvas绘制时钟（面向对象版）》

2. jQuery插件
   在重构的过程中，为了实现全屏适配的效果，之前我们在做移动端的时候已经找出了一种实践方案，后来需要做PC的需求，同时需要兼容IE8，在同事的启发下，我将移动端和PC的全屏适配的实现方案优化输出成JQ插件，并分享出来。
   在做页面loading的重构时，我将图片预加载实现了一个JQ插件并分享。通过这两个插件的实现，体会了如何开发一个简单的JQ插件。

   《单屏（全屏）适配解决方案（jQuery插件）》
   《Preload图片预加载（jQuery插件）》

3. Git基础操作
   之前团队使用的是SVN，所以对Git命令一直不是很了解，今年10月转岗后，前端开发需要用到Git协作，所以在一边学习，一边实践的情况下，很短的时间就学会了Git的基础操作，复杂的还不会哈，知道了Git工作流等协作模式，之后我也将这些基础的操作分类进行整理，比如文件管理，分支管理，标签管理等。后面我也将Git操作整理了一个专栏。

   专栏：《Git操作管理》

4. Vue/Nuxt
   转岗之后，因为之前也有Vue基础，所以才能快速整合重构流程，并上线了一个需求，后面又将这个需求改成Nuxt架构，同时将开发中遇到的问题整理输出。类似这样的文章，大家感兴趣可以看我的主页。

   《Nuxt项目如何配置使用 Sass/postcss-px2rem/webpack-spritesmith》

总结展望

虽然上面写了很多，但是放到一年来看，好像也没学习多少内容，工作上的具体细节也不方便说，希望自己保持对技术的探索与渴望，继续精进和成长，也希望在新的一年里，自己在前端技术领域有更多的掌握和领会，继续在博客上输出总结，让自己的分享帮助更多的人。

END.