思考（一）

这是我结合目前在的团队现状以及成长的一些思考。

首先我们团队需要前端的几个场景：

• Hybrid App 中的 H5 页面
• Web 端中后台控制台前端页面
• 微信端 H5 以及小程序

当然前面两个的场景比较多。对于中后台前端来说，我觉得作为一个前端最主要的部分是如何减少重复的劳动，主要体现在：

1. 项目的搭建环节，将类似项目的模板提炼归入团队的脚手架中。
2. 通用组件的提炼，对于中后台的项目，目前团队主要是用（Vue + Element） 和 （React + AntD），但是也有一些对于样式风格有特殊要求的页面，我们一直苦于没有好的组件库。这个环节上的积累，我觉得最好是基于 AntD 的 API，创建自己团队的 UI 组件库，因为在前端行业里，AntD 可以说是做的最优秀的 React 组件库了。
3. 移动端 H5 页面的样式预编译，Less 和 Sass 之类的虽然已经减少了很多前端的工作量，但是对于移动端来说，最重要的是做到不同的设备显示的效果适配一致。这里主要是 postcss 插件的方向。

当然还有一些稍微次要一点的：

1. 因为 PC 端的页面，通常我们会考虑使用 Vue 或者 React 的 SPA，而移动端 H5 Hybrid 的技术栈中客户端的 WebView 让我们不需要将页面做成单页应用，当然了如果是一般的 H5 页面通常也会因为流量、访问速度等原因也采用 SPA 的形式。最近比较火的移动端 PWA 我暂时没有怎么了解。
2. 移动端 Hybrid 过程中其实最费事的是页面的调试，可能会需要用到 nginx，Fiddler，charles 各种代理才可以，虽然其实原理上并不理解，也不是太难上手，但我还是觉得这个调试过程有点偏烦了。优化 h5 调试也是我之后应该深入的地方。
3. 这段时间我抽空看了一些脚手架的源码，比如说roadhog， vue-cli ，dva-cli 等，对于脚手架项目工作流程应该输出一些自己的思考，总结到团队的脚手架中去。
4. 我的 css 基础比较差，这肯定是今后一个难以逃避的一个坎了。

对于前端行业的新技术，比如 RN Weex GraphQL Nodejs Electron 等前端可以拓展的方向其实我都有在关注，不过对于我来说，既然目前团队的前端方向重心没有涉及这些，我肯定会优先将重心的知识做到极致，要时刻记得谦虚，记得每一个时间段里专心做一件事，脚踏实地。