party_bid第一张卡小结
发布时间:2010-06-06 17:42:32 文章来源:www.iduyao.cn 采编人员:星星草
party_bid第一张卡总结
1、三种模式
MVC,模型(model)-视图(view)-控制器(controller)的缩写,使用MVC的目的是将M和V的实现代码分离,从而使同一个程序可以使用不同的表现形式,C存在的目的则是确保M和V的同步,一旦M改变,V应该同步更新。 起初做第一张卡真的是无从下手,后来才发现,其实在HAML中写的也便是对整个界面的构造,比如,标题,段落,背景,列表,按钮,模块,所有需要的,都要在HAML形式定义出来,gen后转化为HTML显示效果。而controller中则需定义那些你在haml中写的调用的方法。具体参考
http://zh.wikipedia.org/wiki/MVC
2、ng-tap ng-repeat ng-show ng-disabeld ng-modle
第一张卡使用了这五个
ng-tap 用于跳转,之前用href链接类型,页面需要刷新才能跳转,且效果不好 %a.btn-style.btn-4(ng-tap='go_create()')创建活动
ng-repeat angular的重复对象,创建以一列的对象元素 %li(ng-tap='go_sign()' ng-repeat ="activity in activities")
ng-show用于比较常用的元素的显隐控制,比如返回按钮,当一种条件下显示,另一种条件下隐藏。相对应的是ng-hide,用法相反。ng 也做了封装,返回类型都是Boolean类型的表达式,当值为true时,对应的show或hide生效。
ng-disabled框架会用来控制元素的隐显,当为TRUE时不可用,FALSE时可用,如创建按钮
ng-modle用于数据的双向绑定。
ng-style用来绑定元素的css样式,其表达式的返回值为一个js对象,键为css样式名,值为该样式对应的合法取值。用法比较简单:把需要绑定的(此卡为需要引入的样式)内容复制到party_bid相应的文件夹下,在index.haml里写内容如下:
/gen-css
/manual-css
%link(rel="stylesheet" type="text/css" href="lib/js/angular/mobile-nav.css")
%link(rel="stylesheet" type="text/css" href="/css/android.css")
%link(rel="stylesheet" type="test/css" href="/css/bootstrap.css")
3、js函数的语法
函数就是包裹在花括号中的代码块,前面使用了关键词 function:
function functionname()
{
这里是要执行的代码
}
函数只有在调用时才起作用,当调用该函数时,会执行函数内的代码。
涉及界面交换的,如:在js控制的haml调用的函数,要用$scope定义
$scope.functionname=function(){
这里是要执行的代码
}
4、本地存储
Localstorage用于本地存储,除非主动删除数据(localstorage.clear()),数据不会过期,在存储输入数据时需要存储在本地存储然后再取出,显示在活动列表上,但是在当地存储时会自动加一层变为字符串形式,且会覆盖上一个输入内容,解决这个问题需要在存入之前包成字符串,去的时候把引号去掉具体参考
http://oulafen.blog.51cto.com/7830663/1348765
还要定义数组,解决覆盖问题,先把输入活动名字push(后面插入)到数组中,然后reverse(调换所有内容先后顺序),再取出。也可以直接用unshift(前面插入)
activity_names.unshift($scope.input_activity);
localStorage.setItem('activity_names',JSON.stringify(activity_names));
5、命名
命名要见名知意(例如:var input_activity)
Javascrit对大小写敏感,关键字function小写,在haml声明相同的名称与大小写才能调用js函数。javascript会忽略多余的空格
变量必须以字母开头,变量名称对大小写敏感(y 和 Y 是不同的变量),类似 "Bill Gates" 这样一条文本被称为字符串。当向变量分配文本值时,应该用双引号或单引号包围这个值。当向变量赋的值是数值时,不要使用引号。如果用引号包围数值,该值会被作为文本来处理。我们使用 var 关键词来声明变量:var input_activity;变量声明之后,该变量是空的(它没有值)。如需向变量赋值,请使用等号:
先写这些吧,还有好多要总结,改正。
友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。
其他相似内容:
-
《松本行弘的程序世界》之面向对象
最近读《SICP》把脑细胞搞死大半,还没看完2章,而且看得也是一知半解,实在是受不了了,...
-
GroovyHelp 3.2.7 GA发布
GroovyHelp简介
GroovyHelp是一款Javadoc及Groovydoc搜索查阅软件,它能够帮助Java开发人员以...
-
Velocity在Roller中的应用
Velocity是java世界中出现比较早,也比较成熟的、性能比较好的、应用也比较广泛的模板框架。
所...
-
Rpc远程调用框架的设计与实现(2)
接上:
3 基于Json的前后端数据交互
3.1 轻量级的数据交换形式
3.1.1 什么是Jso...
-
excel 单元格的锁定 以及 JXL的实现方式
在使用excel表格时,有些列是不希望用户可以修改的,诸如审计日志里面确定的部分,而审计...
-
仓秤和散料秤:java连接opc Server
这三篇都是之前写好的,一直没发。
这次一起发出来吧。
java连接硬件很痛苦,特别是对我这...
-
Rpc远程调用框架的设计与实现(1)
Rpc远程调用框架的设计与实现
1 Rpc远程调用框架设计概述
1.1 研究背景
1.1.1...
-
集合中的线程安全问题
一、why?
Java中常用的集合框架推荐使用的三个实现:HashSet\ArrayList\HashMap都是线程不安全的.如...
-
Java定时任务的实现
本例依据Java自身提供的接口实现,通过监听器(Listener)和定时器(Timer)定时执行某个任务(Task)。
MyListener:
...
-
java中log日志的使用
一、介绍
Log4j是Apache的一个开放源代码项目,通过使用Log4j,我们可以控制日志信息输送的目的地是控...