年底啦!总结下吧

发布时间:2019-08-19 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了年底啦!总结下吧脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

不知不觉一年就过去了,这是我来公司的第二年,比起上一年今年在前端这一块变化还是非常的大的,可以说整个前端变化都非常的大,我们公司的前端也跟上了整体的步伐。接下来是对今年的一些思考和展望。

The Good

首先说说好的方面吧,去年我们前端是只有我一个人,今年前端团队终于多了两个人,在前端方面我也没有像之前那么随意了,更加注重团队的发展和怎么才能让我们前端小组开发的更爽,工作效率更高。

总的来说 2016 年主要的个人贡献就是完成了前端工程的基础构建。

前端工程化

回想起去年我刚来的时候,前端什么都没有,还是用着比较传统的方式,移动端用的是 zepto,后台用的是 jquery + bootstrap。到年中的时候才在移动端用了些自动化的工具。当时还没有前端工程化的概念。自从去年年末接触到 react 的时候才开始觉得我们的前端需要有所改变,不再是单纯做一个切图仔。

库/框架选型

在 520 活动的时候我们就开始用了 vue.js 作为前端的主要框架作为移动端页面的主要框架,解放了不少生产力,通过前端组件化可以合理的对 UI 组件进行分治,大大加强了代码的复用率,也方便了日后的维护。

简单构建优化和模块化开发

在选用 vue.js 之前我是用 grunt 来做为构建工具,现在因为项目需要进行模块化开发,最后选用了 webpack 作为构建工具,模块化开发的最大价值应该是分治,因为 webkit 宣布默认打开 ES6 module 功能,CommonJS、amD、UMD以及所有模块加载器全部过时,我们选用了 ES6 module。

自动化

还记得之前有个同事说过,如果你一件事情重复做了 3 遍就需要想办法去做优化,也就是 Don`t rePEat your self。前端的自动化是通过 make 加上 npm script 组合的一连串命令执行预先写好的 node 代码完成自动化构建、上传静态文件、自动分环境等操作,上线只需一个命令加上去 apolo 点一下就行了。

同时用 Yeoman 编写了前端项目的脚手架,从此新项目开始就不用傻傻的去复制就项目的代码了,同时还可以再创建项目的时候加入一些配置,按照需求创建项目。

积累

我在项目中加入了一个各个项目公用的 gIT submodule。一年之中不断的写了许多公用的代码和工具的方法,包括了一些简单的弹窗和 Ajax 模块等,这个仓库以后一定还会慢慢的积累,方便日后的开发。对于不能放在公共仓库的代码就放在脚手架内。

后台前端框架

之前用的是 react + reflux,今天在 6.0 改版的时候决定重新写后台,借此机会我换了下结构,用的是 react + redux,虽然项目看起来好像复杂了不少,不过理解了之后一定是有利于项目的开发和日后的维护的。同时对之前简单的构建工具的配置进行了整理,开发起来会更加的方便。

The Bad

好的说完了说说做的不好的吧。

  • 首先是我的个人问题,工作的时候有时会有点小情绪,这个需要克制一下。

  • 工作缺少自测,其实这点是必须做的,但是我常常会忽略或者是做的不够认真,以后开发如果条件允许就去借一些手机在身边一起开发

  • 应该及时重构代码而不是“到时候”,提升代码质量

展望

今年前端团队终于小有规模,希望在来年我们能共同进步吧。

原文地址: https://hongguancheng.github.io/2016/12/30/2016-summary/

脚本宝典总结

以上是脚本宝典为你收集整理的年底啦!总结下吧全部内容,希望文章能够帮你解决年底啦!总结下吧所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。