专注收集记录技术开发学习笔记、技术难点、解决方案
网站信息搜索 >> 请输入关键词:
您当前的位置: 首页 > 行业应用

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 3.2.7 GA发布 GroovyHelp简介   GroovyHelp是一款Javadoc及Groovydoc搜索查阅软件,它能够帮助Java开发人员以...

  • Velocity在Roller中的使用

    Velocity在Roller中的应用 Velocity是java世界中出现比较早,也比较成熟的、性能比较好的、应用也比较广泛的模板框架。   所...

  • Rpc远程调用框架的设计与兑现(2)

    Rpc远程调用框架的设计与实现(2) 接上: 3   基于Json的前后端数据交互 3.1   轻量级的数据交换形式 3.1.1    什么是Jso...

  • excel 单元格的锁定 以及 JXL的兑现方式

    excel 单元格的锁定 以及 JXL的实现方式 在使用excel表格时,有些列是不希望用户可以修改的,诸如审计日志里面确定的部分,而审计...

  • 仓秤跟散料秤:java连接opc Server

    仓秤和散料秤:java连接opc Server 这三篇都是之前写好的,一直没发。 这次一起发出来吧。   java连接硬件很痛苦,特别是对我这...

  • Rpc远程调用框架的设计与兑现(1)

    Rpc远程调用框架的设计与实现(1) Rpc远程调用框架的设计与实现 1     Rpc远程调用框架设计概述 1.1   研究背景 1.1.1...

  • 集合中的线程安全有关问题

    集合中的线程安全问题 一、why? Java中常用的集合框架推荐使用的三个实现:HashSet\ArrayList\HashMap都是线程不安全的.如...

  • Java定时任务的兑现

    Java定时任务的实现 本例依据Java自身提供的接口实现,通过监听器(Listener)和定时器(Timer)定时执行某个任务(Task)。 MyListener: ...

  • java中log日记的使用

    java中log日志的使用 一、介绍  Log4j是Apache的一个开放源代码项目,通过使用Log4j,我们可以控制日志信息输送的目的地是控...

热门推荐: