来自实习生的提问

Q: 感觉我们前端能做的事情很少,前端真正的技术难点是在哪里?

前端技术难点

1、如何提效降本?

代码写的更快/更少?排查问题更快?占用机器资源更少?投入的人手更少?

2、极致体验

最早是淘宝天猫提出的,针对C端/H5的体验。更有价值的是,体验的优化能带来订单量的增长,这就需要跳出前端来考虑,有个「黑客增长」的概念

3、赋能阶段

让别人也拥有专业前端的能力,一般2个思路:让后端来写前端;让非技术同学来搭建页面

中后台场景

典型的中后台页面,调研过以下3种思路。

基于代码区块

开发页面时先用一条命令生成好大体的代码模板,比如表格、表单这种。

  • 优势是可逐渐沉淀,提高复用率

  • 缺点是区块需要抽象,要搞搞定上下游的人员

  • 参考飞猪的中后台前端实践

基于页面可视化搭建

使用拖拽的方式直接生成最终的页面。

  • 优势是可全部甩给后端或外包人员去做,减少前端同学的投入
  • 缺点是一眼看不到页面源码,以后页面迭代时可能会有一定门槛,特别是换其他同学去维护。

优秀的搭建工具有

  • 面向中后台页面:金蝉
  • 面向C端活动页:斑马

个人感觉C端页面更适合用搭建

基于JSON来配置页面

介于上面2个方案之间(一个完全看到源码,一个完全无源码),这种方案下的源码就是 JSON。

  • 优势是对于开发人员,写JSON比可视化拖拽更便捷,前端和后端同学都会写JSON
  • 缺点是JSON的描述能力毕竟有限,JSON中的配置项增加了记忆负担,只适于简单的增删改查页面
  • Tapas 还不是很成熟的方案,但目前也能cover一些实际需求