zoukankan      html  css  js  c++  java
  • 红包项目总结---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的理解。希望给大家有所帮助,并不是要推广它。

            

  • 相关阅读:
    我看到的我未曾是你们看到的我。
    nagios状态数据更新不及时问题
    Ubuntu下安装 nagiosgraph报错处理
    禁止、允许PING
    windows批量关机
    [转载]div仿框架(B/S结构软件界面)详解[非quirks模式全兼容]
    rrdtool错误attempt to put segment in horiz list twice
    命令参考大全 iostat
    SAP学习手册
    顾问成长之路
  • 原文地址:https://www.cnblogs.com/mominger/p/4224415.html
Copyright © 2011-2022 走看看