• 红包项目总结---MVC版


    起因: 针对传统版的明显缺陷做优化。主要是提升可维护性。

    效果

       线上:  未发布

          线下:http://10.27.5.1/svn/FED/code/hongbao/year-end   hb-fact-mvc项目。参照传统版运行方式。

    亮点

            观察领群红包首页代码

           

            原因

                 采用了自研框架。 

    项目关键点

      响应式  沿袭传统版


      应用程序框架
          特征: 框架约束业务渲染,MVC标配类显式分层。
          架构:   自研框架wap.js实践 

                    MVC标配:

                                

          service类:  wap.js约束 
          模块化框架: sea.js。   选择sea.js,不选择require的原因是,它压缩后只有几K。require几十K。sea有很多中文文档,容易剖析源码。
          DOM库: zepto

                     组件化:接口束缚流程。子类继承组件wap-cmp.js类。接口按顺序调用流程方法。

          

            

                     异常: dao层 zepto自带error。

                     日志:wap.js  访问模板链数据为空时抛出warn日志

                     适应场景      2人上。SuNing M站。小项目均可以使用,理解MVC。
                     优点            可维护性强。   
                     缺陷            前期需做足对框架的优化,源码剖析。 性能瓶颈依赖自研框架的水准。(打包很痛苦,这个不算明显的缺陷吧,解决了,照着流程做就OK)

      集成方案

                  spm

                           未打包成功,陷在合并那里。

                           fis无法合并seaJS。原因是,只有seaJS知道依赖了哪些类。spm支持合并,则通过require字面量去分析依赖,它不支持seaJS的别名,影响我的设计。至于张云龙提供的松鼠,基于fis封装的模块化框架+集成方案一整套东西,还未尝试。

      性能   

    项目明显缺陷

            1,未有堪比传统版的打包方案

            2,引入seajs,自研wap.js 在提升可维护性的同时,均会对性能造成损伤。

       缺陷处理

        打包可以解决。

               性能方面,针对WAP界面的内存下,网速下的实际情况。应对可维护性,代码管理采取’优雅降级‘的办法,来提升性能。推出实用版。

          1,去掉模块依赖,采用JSON类来替代模块。在源码hb-fact-wapmvc项目里打开getgrouphb.html里可以看到

       

        如果对性能仍不满意,还可以将MVC标配基类的继承改为组合,甚至去掉。  

               不采用模块化框架,又采用MVC设计,带来的明显问题就是,加载的JS,看上去10几个太多。实际上我们可以自研一种模块加载,对现有的集成方案fis,gulp等进行改造。达到开发时采用CMD模块化,打包后,去模块化。页面合并JS,合并CSS的效果。

       seaJS+spm做不到。因为seaJS仍会打进包里。   

                 

    源码

      github上下载

    意义
      MVC版红包虽然进行了强力解耦,对wap端来说,解耦却有点过了,可也并不是针对SPA推出。因为,Augalar是现在SPA的霸主。但是,MVC设计统治后台,前端。一旦涉及多人协作,它是不二之选。它只会因为使用语种(java php flex js),环境(浏览器、虚拟机)的不同,而变形。本质不会变。
     此版是阐述我对MVC的理解。希望给大家有所帮助,并不是要推广它。

            

  • 相关阅读:
    多状态场景:后端只记录行为,不记录行为的含义,比如产品定义的状态值含义;行为是客观的,不变的。
    Golang协程池的使用 原创 360质量效能 360质量效能 2021-05-28
    &strct new
    【Golang】图解函数调用栈
    Mybatis-Plus的应用场景及注入SQL原理分析
    倒计时时间到触发事件
    浅析软件供应链攻击之包抢注低成本钓鱼
    腾讯代码安全指南开源,涉及C/C++、Go等六门编程语言 https://mp.weixin.qq.com/s/yzg5uVnoJDTyaH2Wn8Vo7w
    58黄页标签提取及海量多分类优化
    引用站点策略: strict-origin-when-cross-origin 引用站点策略: no-referrer-when-downgrade
  • 原文地址:https://www.cnblogs.com/mominger/p/4224415.html
Copyright © 2020-2023  润新知