前端 技术总结
文章目录
今年是拔高和成长的一年。重构技术的拔高和前端知识的补充成长。
今年申请成为了CSDN博客专家，对写博客产生了一种特殊的感情。
今年一整年都没有“刷”和“发”朋友圈，对微信朋友圈失去了兴趣，我尝试打开看了几次，最后都觉得无聊关掉了。
技术拔高
到现在，专职重构也快三年了。今年主要在移动web开发和css基础及技巧上有了一定的拔高，对动画有一定的理解。
移动web开发
通过对移动web开发的实践与理解，持续输出基础文章，最后结合工作实际情况，总结了一套移动web（H5）开发的知识体系，并在团队分享，如果你有兴趣，可以看以下文章：
专栏：《移动Web开发实战》
PPT：《移动Web开发实战专栏总结（PPT分享）》
这是今年成就感最高的一个输出。
CSS基础及技巧
CSS基础没有太多成体系和理论的东西，全靠自己平时细心的积累，厚积薄发，处理一些问题，兼容性（如IE8）等，处理的是否足够优雅和巧妙，能不能利用在重构知识上的优势帮助开发进行用户体验的优化，这里推荐两个。
基础：《CSS属性建议书写顺序》
技巧：《CSS技巧-根据兄弟元素的数量来设置样式》
动画
专职重构（UI开发）的同学可能有体会，基础的就是HTML、CSS、动画。但是如何在基础上进行深入呢，比如UI组件库、命名规范、模块组件的划分、动画的形式，调性，性能等，我们该如何最终实现用户体验的优化，这是一个积累的过程。我将动画的基础理解和性能对比进行了梳理总结，输出两篇文章：
《Web动画形式》
《帧动画的多种实现方式与性能对比》
技术成长
除了基础的重构知识技巧提高，我对前端的知识体系也有了成长，包括在Canvas技术、JS面向对象编程、jQuery插件、Git基础操作、Vue/Nuxt、小程序等方面有一定的实践。
Canvas技术、JS面向对象编程
去年阅读和实践了SVG，入门了，虽然后续没有精进，但是这种技术就是需求驱动的。Canvas也一样。今年实践了一些Demo，体系了解常用开发功能，掌握了Canvas的基础，虽然下次再用起来什么都不记得了，但是没关系，忘了用，用了忘，最后就熟悉了。在实现Canvas效果的同时，也将JS面向对象编程加入进去实现，最后输出了两篇文章。同时对JS面向对象编程也有了一定的体会。
Demo目录：https://github.com/xiangshuo1992/canvas-demo
分享文章：《Canvas星空效果（JS面向对象）》、《Canvas绘制时钟（面向对象版）》
jQuery插件
在重构的过程中，为了实现全屏适配的效果，之前我们在做移动端的时候已经找出了一种实践方案，后来需要做PC的需求，同时需要兼容IE8，在同事的启发下，我将移动端和PC的全屏适配的实现方案优化输出成JQ插件，并分享出来。
在做页面loading的重构时，我将图片预加载实现了一个JQ插件并分享。通过这两个插件的实现，体会了如何开发一个简单的JQ插件。
《单屏（全屏）适配解决方案（jQuery插件）》
《Preload图片预加载（jQuery插件）》
Git基础操作
之前团队使用的是SVN，所以对Git命令一直不是很了解，今年10月转岗后，前端开发需要用到Git协作，所以在一边学习，一边实践的情况下，很短的时间就学会了Git的基础操作，复杂的还不会哈，知道了Git工作流等协作模式，之后我也将这些基础的操作分类进行整理，比如文件管理，分支管理，标签管理等。后面我也将Git操作整理了一个专栏。
专栏：《Git操作管理》
Vue/Nuxt
转岗之后，因为之前也有Vue基础，所以才能快速整合重构流程，并上线了一个需求，后面又将这个需求改成Nuxt架构，同时将开发中遇到的问题整理输出。类似这样的文章，大家感兴趣可以看我的主页。
《Nuxt项目如何配置使用 Sass/postcss-px2rem/webpack-spritesmith》
总结展望
虽然上面写了很多，但是放到一年来看，好像也没学习多少内容，工作上的具体细节也不方便说，希望自己保持对技术的探索与渴望，继续精进和成长，也希望在新的一年里，自己在前端技术领域有更多的掌握和领会，继续在博客上输出总结，让自己的分享帮助更多的人。
END.
---------------------
作者：前端向朔
来源：CSDN
原文：https://blog.csdn.net/u013778905/article/details/85343720
版权声明：本文为博主原创文章，转载请附上博文链接！
