改造:React和AntDesign
- 不得不说React再加上AntDesign(Mobile)绝对是开发Web页面以及小程序的神器,开发效率至少有80%的提升,美观度更是有99%的飞跃
- 当前线上的版本是完全基于HTML+Javascript+CSS实现的代码浏览,不仅界面不好看,数据下载量也很大,而且界面的改造难度非常大,因此决定进行改造
- 这两周时间一共进行了三轮改造
- 第一轮改造:代码页不走静态页面下载,而是走JS内嵌的http请求获取,然后填充回代码显示区域,好处是扩展灵活了。通过传参即能进行代码库的切换,而且网络请求其他数据也便于扩展了
- 第二轮改造:增加了UI框架的使用,这一版改造实际上是本质的改变,因为开发框架就从原来的HTML+Javascript+CSS的模式切换到了React+AntDesign(Mobile),UI瞬间就高大上了。
- 第三轮改造:增加了React
Element的动态生成能力,相当于浏览代码的时候,所有的代码节点都是实实在在地通过网络请求回来的数据生成的,这样与UI框架就完全结合了,React几乎所有的特性都可以通过准换工具使用上了。这样低代码+配置化的模式就基本确立了,只需要编辑后端吐给前端的数据,就可以实现前端显示的变化了,后续要增加功能非常方便
- 多年以前做游戏引擎时,总是各种轮子自己造,现在拥抱变化,尽可能的避免与目标无关的开发工作量