IceMx.Mvc 我的js MVC 框架 开篇
2013-09-02 11:18
316 查看
开篇
这篇文章是后补的,前端时间想写一些对于js开发的一些理解,就直接写了,后来发现很唐突,所以今天在这里补一个开篇。
我的js Mvc 框架 基于实用设计,过分设计等于没设计。本着简单的原则,它只实现以下2点。
1、html代码、逻辑、数据处理的分离。
2、组件化
对于现在web页面交互性要求越来越强的情况,开发复杂的js段应用就必不可少。
就拿一个评论模块来讲,你可能要求它调用简单、参数可配置、组件化。
组件化就不用说了,你肯定不希望你写的代码到处复制了。
以前我自己写js组件的时候最原始的办法是把html代码 隐藏在页面里,用的时候show一下
后来发现这样的话每个页面都要写一堆隐藏代码
所以就改进一下,把html代码用js用字符串拼接出来,这样就可以再各个地方调用了。
但是后来发现这样的代码维护很困难,而且不利于阅读。
于是就先到了分离。
先来上一段组件调用代码
这是一个评论模块儿的调用,其实这里面包含了两个组件,我把评论里的表情也分离出来了,以后想其他地方加入表情只要new这个表情对象就ok了。
这样的调用实现了组件化。
再来看看目录结构
尤其是html代码的分离是很有必要的
框架会动态载入对应的控制器、模型、视图并且将视图绑定到控制器的变量内。
就先写这么多吧,随后会逐步完整共享出来,想法很浅薄,望高手提供宝贵意见。
其他
若有兴趣请关注分类下的其他文章,如果能得到您的支持将不甚感激。
这篇文章是后补的,前端时间想写一些对于js开发的一些理解,就直接写了,后来发现很唐突,所以今天在这里补一个开篇。
我的js Mvc 框架 基于实用设计,过分设计等于没设计。本着简单的原则,它只实现以下2点。
1、html代码、逻辑、数据处理的分离。
2、组件化
对于现在web页面交互性要求越来越强的情况,开发复杂的js段应用就必不可少。
就拿一个评论模块来讲,你可能要求它调用简单、参数可配置、组件化。
组件化就不用说了,你肯定不希望你写的代码到处复制了。
以前我自己写js组件的时候最原始的办法是把html代码 隐藏在页面里,用的时候show一下
后来发现这样的话每个页面都要写一堆隐藏代码
所以就改进一下,把html代码用js用字符串拼接出来,这样就可以再各个地方调用了。
但是后来发现这样的代码维护很困难,而且不利于阅读。
于是就先到了分离。
先来上一段组件调用代码
var discussController, FACE; IceMx.Mvc.Get("Discuss","Face"); IceMx.Event.AddEvent("MvcLoadOver", function () { FACE = new FaceController(); discussController = new DiscussController(); discussController.GetBody().appendTo("#panelDiscuss"); });
这是一个评论模块儿的调用,其实这里面包含了两个组件,我把评论里的表情也分离出来了,以后想其他地方加入表情只要new这个表情对象就ok了。
这样的调用实现了组件化。
再来看看目录结构
尤其是html代码的分离是很有必要的
框架会动态载入对应的控制器、模型、视图并且将视图绑定到控制器的变量内。
就先写这么多吧,随后会逐步完整共享出来,想法很浅薄,望高手提供宝贵意见。
其他
若有兴趣请关注分类下的其他文章,如果能得到您的支持将不甚感激。
相关文章推荐
- IceMx.Mvc 我的js MVC 框架 二、视图的数据绑定
- IceMx.Mvc 我的js MVC 框架 一、html代码的分离(视图)
- IceMx.Mvc 我的js MVC 框架四、试水植物大战僵尸(雏形版)
- IceMx.Mvc 我的js MVC 框架七、完善植物大战僵尸(增加阳光的消费和获得)
- IceMx.Mvc 我的js MVC 框架六、完善植物大战僵尸(向日葵登场)
- IceMx.Mvc 我的js MVC 框架 三、动手来写一个评论模块儿
- IceMx.Mvc 我的js MVC 框架五、完善植物大战僵尸(雏形版增加动画)
- REST架构网站改写:前端MVC - Angular.js,Web框架 - Express.js, 数据库 - MongoDB
- JS 的那些MVC 框架 の backbone
- Mithril – 构建杰出 Web 应用的 JS MVC 框架
- cat-mvc 一个nodejs mvc 框架
- 安装nodeJs静态服务器(NodeJs Express MVC 框架)
- 10 个最佳的 Node.js 的 MVC 框架
- 多款优秀的 JS MVC 框架对比
- 10个最好的 Node.js MVC 框架
- JS MVC 框架(BackBone)
- 10个最好的 Node.js MVC 框架2016年7月下载排行
- 迷你MVVM框架 avalonjs 学习教程18、一步步做一个todoMVC
- java简单多线程方式+实现文件上传(spring mvc + jquery.form.js 框架)
- BackBone.js 0.9.10 发布,JS 的 MVC 框架