zoukankan      html  css  js  c++  java
  • IceMx.Mvc 我的js MVC 框架 开篇

    开篇

    这篇文章是后补的,前端时间想写一些对于js开发的一些理解,就直接写了,后来发现很唐突,所以今天在这里补一个开篇。

    我的js Mvc 框架 基于实用设计,过分设计等于没设计。本着简单的原则,它只实现以下2点。

    1、html代码、逻辑、数据处理的分离。

    2、组件化

    对于现在web页面交互性要求越来越强的情况,开发复杂的js段应用就必不可少。

    就拿一个评论模块来讲,你可能要求它调用简单、参数可配置、组件化。

    组件化就不用说了,你肯定不希望你写的代码到处复制了。

    以前我自己写js组件的时候最原始的办法是把html代码 隐藏在页面里,用的时候show一下

    后来发现这样的话每个页面都要写一堆隐藏代码

    所以就改进一下,把html代码用js用字符串拼接出来,这样就可以再各个地方调用了。

    但是后来发现这样的代码维护很困难,而且不利于阅读。

    于是就先到了分离

    先来上一段组件调用代码

    1         var discussController, FACE;
    2         
    3         IceMx.Mvc.Get("Discuss","Face");
    4 
    5         IceMx.Event.AddEvent("MvcLoadOver", function () {
    6             FACE = new FaceController();
    7             discussController = new DiscussController();
    8             discussController.GetBody().appendTo("#panelDiscuss");
    9         });

    这是一个评论模块儿的调用,其实这里面包含了两个组件,我把评论里的表情也分离出来了,以后想其他地方加入表情只要new这个表情对象就ok了。

    这样的调用实现了组件化。

    再来看看目录结构

    尤其是html代码的分离是很有必要的

    框架会动态载入对应的控制器、模型、视图并且将视图绑定到控制器的变量内。

    就先写这么多吧,随后会逐步完整共享出来,想法很浅薄,望高手提供宝贵意见。

     其他

    若有兴趣请关注分类下的其他文章,如果能得到您的支持将不甚感激。

  • 相关阅读:
    vim复制
    嵌入式Linux学习(二)
    (Java实现) 洛谷 P1042 乒乓球
    (Java实现) 洛谷 P1042 乒乓球
    (Java实现) 洛谷 P1071 潜伏者
    (Java实现) 洛谷 P1071 潜伏者
    (Java实现) 洛谷 P1025 数的划分
    (Java实现)洛谷 P1093 奖学金
    (Java实现)洛谷 P1093 奖学金
    Java实现 洛谷 P1064 金明的预算方案
  • 原文地址:https://www.cnblogs.com/ajimidan/p/3296122.html
Copyright © 2011-2022 走看看