做个 SPA

前段日子一直在带团队做 SPA 相关的东西

需求很明确,我们要做一个云管理平台。

要不要自己造一个轮子?

造吧,因为没有合用的。

一开始团队提出了几个想法

  • 用 easyUI
  • 用 ExtJS
  • 用 vue
  • 用 angular
  • 用 react
  • 用 glup

我觉得思路不对。原因很简单:我们要的是一个方案,而不是选一个框架或者库

框架和库只是解决整个工程中一小部分的细节问题,方案而是要规划出哪些地方用哪些东西,如何支撑整个业务的流程,同时提高产品的体验,达到或者超越传统 C/S 的模式。


要先解决几个问题

  • 项目工程化
  • 组件模块化
  • 代码规范标准

有很多现成的方案,挑选一个就好,但是一定要在大面积开发之前完成。

上面是那些大方向的东西,往下一层是一些公用和业务需求的考量

  • 多浏览器窗口支持
  • 多语言国际化
  • 键盘操作支持
  • 结果集推送刷新
  • 页面跳转
    • 单页内路由
    • 多页面打开
  • 文件套打

和业务确认这些需求以后,每点都是一个小的解决方案。这些很多时候是需要自己实现的,从个人经验来看这些东西一定要自己实现才能更好的满足多变复杂的业务需求。

最终是代码上的考量

  • 静态文件加载策略
  • 公用初始化
  • 全局变量
  • 模板渲染
  • 缓存和更新策略
  • 控件封装
  • 组件间传递参数
    • 父子
    • 兄弟
    • 父亲和儿子们
    • 大哥和小弟们
  • 组件封装
  • 双向绑定 vs 单向绑定
  • 异步上传文件
    • 多文件上传
    • 多文件下载
    • 文件预览
  • 事件传递
  • DOM 操作封装
  • 布局公用封装

其中每点都对应了一个或者多个配套的框架和库,加上自己开发的一些逻辑,基本就能出一套方案。


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,050评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,053评论 19 139
  • 4.16深圳B10现场新声浪一周年专场 感觉有些遗憾,但又感觉很幸运。 遗憾是没有看衣湿和邵夷贝唱完。 幸运是和燕...
    初念于你阅读 4,221评论 0 0
  • 雕花的欧洋吊钟泛着辉煌金属光泽 玫瑰荆棘时针转动 一刻一刻缓缓逼近 满月初圆 环绕阴霾云雾的沉重渐渐散去 枝头郁金...
    髻涟_菱觞阅读 1,553评论 5 5
  • 本文参加#未完待续,就要表白#活动,本人承诺,文章内容原创,且未在其他平台发表过。 命中注定让我爱上你。 “儿子,...
    安河桥1998阅读 14,461评论 29 946

友情链接更多精彩内容