`
momo.
  • 浏览: 5044 次
  • 性别: Icon_minigender_2
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

第一张卡的小结

阅读更多

  一开始接触任务,就有点摸不着头绪,连最基本的引入CSS都不会,还好有大家的帮助,渐渐知道一些类以及用法。当然,首先得了解什么是mvc:简单来说,就是模型(model)-视图(view)-控制器(controller)的缩写,使用MVC的目的是将M和V的实现代码分离,从而使同一个程序可以使用不同的表现形式,C存在的目的则是确保M和V的同步,一旦M改变,V应该同步更新。
下面是学到的一些知识:
1..<script> 标签用于定义客户端脚本,比如 JavaScript。
   script 元素既可以包含脚本语句,也可以通过 src 属性指向外部脚本文件。
   必需的 type 属性规定脚本的 MIME 类型。
   JavaScript 的常见应用时图像操作、表单验证以及动态内容更新。不过还没用过这个  标签,不知道其效果。
2..如需从 JavaScript 访问某个 HTML 元素,可以使用下面的方法

document.getElementById (id)(请使用 "id" 属性来标识 HTML 元素)

 
3..<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是 <div> 固有
   的唯一格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。
   不必为每一个 <div> 都加上类或 id,虽然这样做也有一定的好处。
   可以对同一个 <div> 元素应用 class 或 id 属性,但是更常见的情况是只应用其中一种。
   这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的唯一的元素。
4..JavaScript 会忽略多余的空格。您可以向脚本添加空格,来提高其可读性。
5..单行注释以 // 开头。
6..多行注释以 /* 开始,以 */ 结尾。
7..变量必须以字母开头
    变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)
    变量名称对大小写敏感(y 和 Y 是不同的变量)
    类似 "Bill Gates" 这样一条文本被称为字符串。
    当您向变量分配文本值时,应该用双引号或单引号包围这个值。
    当您向变量赋的值是数值时,不要使用引号。如果您用引号包围数值,该值会被作为文本来处理。
13..我们使用 var 关键词来声明变量:
    

var carname;

 
    变量声明之后,该变量是空的(它没有值)。
    如需向变量赋值,请使用等号:
14..当您声明新变量时,可以使用关键词 "new" 来声明其类型:
    Undefined 这个值表示变量不含有值。
    可以通过将变量的值设置为 null 来清空变量。
15..访问对象的方法
    您可以通过下面的语法调用方法:

objectName.methodName()

 
16..访问对象的属性
    访问对象属性的语法是:
    

objectName.propertyName

 
    本例使用 String 对象的 length 属性来查找字符串的长度:
   

 var message="Hello World!";
    var x=message.length;

 
17..JavaScript 函数语法
    函数就是包裹在花括号中的代码块,前面使用了关键词 function:
    

function functionname()
    {
    这里是要执行的代码
    }

 
    当调用该函数时,会执行函数内的代码。
    可以在某事件发生时直接调用函数(比如当用户点击按钮时),并且可由 JavaScript
    在任何位置进行调用。
    提示:JavaScript 对大小写敏感。关键词 function 必须是小写的,并且必须以与
    函数名称相同的大小写来调用函数。
下面是一些ng的使用了解:
1  ng-class

  ng-class用来给元素绑定类名,其表达式的返回值可以是以下三种:

  1) 类名字符串,可以用空格分割多个类名,如’redtext boldtext’;

  2) 类名数组,数组中的每一项都会层叠起来生效;

  3) 一个名值对应的map,其键值为类名,值为boolean类型,当值为true时,该类会被加在元素上。

 2. ng-style

  ng-style用来绑定元素的css样式,其表达式的返回值为一个js对象,键为css样式名,值为该样式对应的合法取值。用法比较简单:

<div ng-style="{color:'red'}">ng-style测试</div>

<div ng-style="style">ng-style测试</div>

$scope.style = {color:'red'};

 
  3. ng-show,ng-hide

   对于比较常用的元素显隐控制,ng也做了封装,ng-show和ng-hide的值为boolean类型的表达式,当值为true时,对应的show或hide生效。框架会用display:block和display:none来控制元素的显隐。

  4 . ng-disabled控制失效状态

     以上指令的取值均为boolean类型,当值为true时相关状态生效,道理比较简单就不多做解释。注意: 上面的这些只是单向绑定,即只是从数据到模板,不能反作用于数据。

   5 .  ng-model 数据的双向绑定


   6 .  ng-repeat 使列表依次排开

%li(ng-repeat="list in lists")

 
   7 . ng-tap 用于跳转,一开始用的href,不过效果没ng-tap好,而且她们说最好不要用href。
   没怎么写过blog,可能还有好多不足之处,以后再补充改进。



 

0
0
分享到:
评论

相关推荐

    三张卡牌类游戏demo

    三张卡牌类游戏demo

    基于C/C++实现NFC模拟器+源码+项目文档+资料(最多支持十张卡模拟)(毕业设计&课程设计&项目开发)

    基于C/C++实现NFC模拟器+源码+项目...这是一个可以模拟NTAG215的模拟器。 可以用来模拟Amiibo和门禁卡。 硬件理论上支持Mifare的卡片,但目前固件不支持。 功能 支持最多10张卡模拟 支持模拟Amiibo 4秒无响应自动断电

    PHP工程师面试笔试真题(某知名社交软件公司)--附解析.doc

    店主第一张卡赚20%,第二张卡亏20%,看起来像是盈亏平衡,但实际并非如此。设每张卡的成本为C,第一张卡售价为1.2C,第二张卡售价为0.8C。总成本是2C,总收入是1.2C+0.8C=2C,但由于成本是固定不变的,亏损部分应该...

    斑马英语100张闪读卡点读包小达人

    斑马英语100张闪读卡点读包小达人点读包

    SDK2000视频卡

    2. 在安装第二张卡时,避免与第一张卡的PCI插槽相邻,以防信号干扰。 3. 安装第二张卡的驱动程序时,确保选择不同的设备ID,以免操作系统将两张卡视为同一设备。这通常可以在驱动安装过程中手动配置。 4. 更新或调整...

    stack-in-card:将多张卡分组为一张无边界的卡

    它允许将多张卡分组为一张没有边界的卡。 默认情况下,它将垂直堆叠所有内容。 选项 如果堆栈中的卡定义了--keep-background CSS样式,则不会替换背景。 例如,这对于很有用。 您还可以使用定义此CSS变量。 名称 ...

    全志A20系统配置文档

    第一张卡启动参数配置专门针对第一张存储卡(通常是主卡)进行设置,包括启动分区、文件系统类型等具体参数。 #### 1.6 第二张卡启动参数配置(card2_boot_para) 第二张卡启动参数配置则是为第二张存储卡(通常是...

    第四届 蓝桥杯 竞赛试题题目 C/C++高职高专组

    这些题目来自于第四届“蓝桥杯”全国软件专业人才设计与创业大赛的C/C++高职高专组竞赛,涵盖了一系列的编程与数学问题。以下是各题目的解析: 1. **猜年龄**:根据题目描述,美国数学家维纳年龄的立方是4位数,4...

    萧山区银河实验小学开学第一周入学课程.doc

    【萧山区银河实验小学开学第一周入学课程】是该校针对一年级新生设计的一种创新教育模式,旨在消除新生的畏学情绪,培养他们的学习兴趣和自信心,同时教导他们基本的行为规范和规则意识。这一课程分为两个核心部分:...

    基于51单片机读韦根读头-数据.doc

    如果卡中的HID与读卡器中的HID不同的话,那么这张卡就无法在这个读卡器上正常工作在上述标准26位韦根格式中,只包含了电子卡HID码的低8位,即对应于韦根输出的第1位到第8位,实际上电子卡的HID码为16位。

    cascades:Joe Conard为Decktet设计的单人纸牌游戏

    第二行,以及(对于王冠和可选的A,Pawns和Courts),在所有三行中都出现第一张之前,不能将第二张卡添加到第一行。版本号1.0.1 不再将游戏限制在3个回合内,再加上布局修复(2021)。1.0.0 初始版本(2016/2020)。...

    尼康D7000性能解析及使用技巧详细说明.doc

    此外,相机配备热靴和双卡槽,用户可以根据需求自定义存储格式,如第一张卡存储JPEG,第二张卡存储RAW格式,提高了拍摄灵活性。 D7000的定位在D300s和D90之间,填补了尼康产品线的空白。它的出现改变了尼康与佳能同...

    JAVA纸牌程序

    `:初始设定最大值为0(比实际可能的最小值小)。 - **遍历数组**: - 对 `numbers` 数组进行遍历,分别处理数字0和其他数字。 - 如果遇到数字0,则增加 `zcount` 的计数。 - 对于非0数字,首先检查其是否已经在 ...

    小学数学奥数测试题-排列组合-2015人教版.docx

    1. 第一题是典型的“隔板法”问题,四个小球放入四个盒子,要求恰有一个空盒,相当于将三个球放入三个盒子,有C(3,2) = 3种方法。 2. 第二题是数字排列问题,由于数字不能相邻出现,可以使用插空法,先排1,2,3形成...

    BlackJack-Optimizer:可以为您赢得比赛的21点优化器

    键入:[经销商卡] [您的第一张卡] [第二张卡],以便随时开始新游戏。 键入:“帮助”以获取命令 为未来: *创建一个GUI,*保存历史记录,*询问是否允许使用Double *使用Serializable只执行一次init()。 *创建...

    MTG-Toolbox:帮助改善Magic:The Gathering游戏的应用

    MTG工具箱 有助于改善Magic:The Gathering的应用程序随意重用代码,或者更好地对其进行改进,并告诉我!...第一张卡的设置号 第二张卡的设置号 结果页面 在此,按顺序提供了指向存储在Google云端硬盘中的

    基于STM32+RFID宿舍检修管理系统设计.zip

    (1)注册功能:每个寝室都有一张IC卡,这张卡第一次使用需要在维检系统里进行注册,填写这个IC卡对应的这个寝室的信息。 (2)维修、检修报告提交:当完成检修、检修之后,填写报告。 (3)查看历史记录,可以查看...

    cops_namecards:贡献者名片的COPS信息库

    该存储库包含您本周的第一个挑战。 要完全完成这一挑战,您应该已经成功合并了有关将名片添加到其中的拉取请求。... 在现有卡的末尾复制第一张卡的模板,并填写所需的详细信息。(不要忘了链接您的github个人资料)。

    樊登小读者会员体系.pdf

    10万代理是樊登小读者会员体系中的高级别代理,需要一次性缴纳10万元获得代理权,拿500张卡(总价值194000元),以后每卖出一张卡,获得190元利润。10万代理可以推荐10万级别代理(一次性获得现金推荐奖5万元)也可...

    新人教版小学五年级数学上册期末练习(共四套).pdf

    6. **方程的定义**:第六题的第1小题询问什么是方程,方程是含有未知数的等式,例如`4x+6=10`。 7. **商的近似值**:第六题的第3小题,17.97÷6的结果保留一位小数,需要进行四舍五入。 8. **方程的解**:第六题的...

Global site tag (gtag.js) - Google Analytics