【IceMx.Mvc 我的js MVC 框架 二、视图的数据绑定】的更多相关文章

IceMx.Mvc 我的js MVC 框架 三、动手来写一个评论模块儿

介绍 本人菜鸟,一些自己的浅薄见解,望各位大神指正. 本框架有以下优点 1.简单(调用简单.实现简单.不过度设计) 2.视图.控制器.模型分离(分离对于维护十分有必要) 3.组件化(每一个mvc模块儿的实现都是一个组件的实现,M+V+C = 组件) 视图 <div id="iceDiscussView"> <!--List 评论主体模板--> <div id="iceDiscussViewBody"> <span class…

IceMx.Mvc 我的js MVC 框架 开篇

开篇 这篇文章是后补的,前端时间想写一些对于js开发的一些理解,就直接写了,后来发现很唐突,所以今天在这里补一个开篇. 我的js Mvc 框架 基于实用设计,过分设计等于没设计.本着简单的原则,它只实现以下2点. 1.html代码.逻辑.数据处理的分离. 2.组件化 对于现在web页面交互性要求越来越强的情况,开发复杂的js段应用就必不可少. 就拿一个评论模块来讲,你可能要求它调用简单.参数可配置.组件化. 组件化就不用说了,你肯定不希望你写的代码到处复制了. 以前我自己写js组件的时候最原始的…

IceMx.Mvc 我的js MVC 框架五、完善植物大战僵尸（雏形版增加动画）

有图有真相 说明 实在找不到僵尸的素材,从网上扒了一个山寨的僵尸,只有4张的一个连续图片,所以动作有点僵硬,植物的图片是自己处理的,非专业所以……咳咳!. 背景是自己抠下来2块儿拼接的,看在这么辛苦的份上支持下喽. IceMx.Game.js 下写了产生动画的方法,目前支持整张的图片,也支持多张图片. 本次增加内容 1.做了子弹击中后的动画 2.做了植物攻击的动画 3.做了僵尸行走的动画 4.增加了背景 下载地址 源码下载(内涵IceMx.Mvc.js 源码):http://download.c…

IceMx.Mvc 我的js MVC 框架 一、html代码的分离（视图）

介绍 本人菜鸟,一些自己的浅薄见解,望各位大神指正. 本框架有以下优点 1.简单(调用简单.实现简单.不过度设计) 2.视图.控制器.模型分离(分离对于维护十分有必要) 3.组件化(每一个mvc模块儿的实现都是一个组件的实现,M+V+C = 组件) 视图的分离 在博客园拜读了许多大神的js文章学到了不少东西,于是有了自己写一个JS MVC 框架的想法,动手写了一些东西拿出来和大家分享一下. 众所周知MVC  M模型 C 控制器 V 视图 以前曾做过把视图和逻辑分离 算是两层架构吧 当时的想法是…

IceMx.Mvc 我的js MVC 框架 二、视图的数据绑定

介绍 本人菜鸟,一些自己的浅薄见解,望各位大神指正. 本框架有以下优点 1.简单(调用简单.实现简单.不过度设计) 2.视图.控制器.模型分离(分离对于维护十分有必要) 3.组件化(每一个mvc模块儿的实现都是一个组件的实现,M+V+C = 组件) 上一篇通过html文件来实现了html代码的分离,也就是视图了. 数据绑定的几种情况 载入视图以后的操作通常伴随着数据绑定 1.最简单的情况(直接替换) <div>@{title}</div> <div>@{content}…

IceMx.Mvc 我的js MVC 框架四、试水植物大战僵尸（雏形版）

有图有真相 开始 最近老婆在家迷上了植物大战僵尸,每天回去躺床上就玩,有一天居然跟我说冰箱后边爬着好几只僵尸,当时我就惊呆了,后来才知道她是在说蟑螂,我去. 闲言少叙,书归正传,这是一个雏形,没有在界面上下功夫,没有做动画(其实动画很简单就是图片的连续播放). 小弟菜鸟,望大神们不惜赐教. 其实这个实现主要是面向对象的编程方法用的多,和mvc实际上关系不是很大,还是那句话我的mvc 只是作为一个 各组件分离.组件化来使用的. 个人很喜欢用js写一些小游戏,纯属好玩,有兴趣的朋友可以借鉴一下,如果…

IceMx.Mvc 我的js MVC 框架七、完善植物大战僵尸（增加阳光的消费和获得）

话不多说,先上图 这次增加了阳光的消费和获得,增加了阳光的点击动画 重新排布了布局 有兴趣的话就研究下吧. 上一篇有朋友说让我把项目放到github上面维护,本人没用过这个,肯请朋友们帮小弟科普一下放到这个上面有什么好处呢? 总结 目前这个版本如果再加上僵尸吃植物.植物卡的cd.游戏结束的判断,那么这个游戏的基本内容就有了,剩下的就是丰富植物了和丰富僵尸了,每次憧憬这些都让我兴奋不已,不知道大家是不是呢?如果有兴趣请与我联系. 下载地址 下载需要消费1点csdn积分.并不是本人要赚那1点积分,只…

IceMx.Mvc 我的js MVC 框架六、完善植物大战僵尸（向日葵登场）

有图有真相,废话不多说上图 看到园友的支持很受鼓舞,更觉得应该做下去,虽然自己是个菜鸟,但也应该共享自己的心得,只要有人获益那就是值得的. 我的下载需要csdn论坛的1个积分,之所以不完全免费出去是因为我觉得一件东西如果得到的太容易往往不会珍惜,哪怕只是象征性的一点点代价,我也希望能付出一点再得到. 如果你实在没有csdn积分,给文章评论或推荐.或者联系我,都可以得到代码,只要付出1点点的努力,感谢你的支持. ok,接入正题 期待已久的向日葵终于要登场了,掌声有请. 向日葵其实很简单,他的作用就…

MVC 中如果js,css文件放到视图文件夹无法访问的解决办法

在视图配置文件web.config 中添加如下节点,注意:此web.config 是视图文件夹中的,在你的views视图中可以找到<system.webServer>开头的<handlers>子节点然后添加这段代码 <!--配置访问Views文件--> <add name="css" verb="GET,HEAD" path="*.css" type="System.Web.StaticFile…

ECharts.js学习（二）动态数据绑定

Echarts 数据绑定 简单的统计表已经可以生成,不过之前图标数据都是直接写在参数里面的,而实际使用中,我们的数据一般都是异步读取的.EChart.js对于数据异步读取这块提供了异步加载的方法. 绑定多组数据 很多时候需要展示的数据不单单是一组数据,很多时候会进行一个数据对比.这个时候只需要在series中增加一组数据,legend中添加一下这个数据组的name <!DOCTYPE html> <html> <head> <title>ECharts.js…