# 易良同学的思考(一)

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

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

  • 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. 这段时间我抽空看了一些脚手架的源码,比如说roadhogvue-clidva-cli 等,对于脚手架项目工作流程应该输出一些自己的思考,总结到团队的脚手架中去。
  4. 我的 css 基础比较差,这肯定是今后一个难以逃避的一个坎了。

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