`
momo.
  • 浏览: 4879 次
  • 性别: 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
分享到:
评论

相关推荐

    微信小程序实现卡片层叠滑动效果

    主要为大家详细介绍了微信小程序实现卡片层叠滑动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

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

    第四届“蓝桥杯”全国软件专业人才设计与创业大赛选拔赛 C/C++高职高专组 1、题目标题: 猜年龄 美国数学家维纳(N.Wiener)智力早熟,11岁就上了大学。他曾在1935~1936年应邀来中国清华大学讲学。 一次,他参加...

    SDK2000视频卡

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

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

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

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

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

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

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

    AC-学号-姓名- 题号10831

    三、输入说明:输入第一行给出一个正整数 N(2 ≤ N ≤ 10 000),随后一行给出 1 到 N 的一个洗牌后的排列,第 i 个数表示正面写了 i 的那张卡

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

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

    JAVA纸牌程序

    纸牌程序,适合初学java学习,可以自学,也可以请教别人,有助于课余JAVA的学习

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

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

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

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

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

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

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

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

    樊登小读者会员体系.pdf

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

    js-project-fullstack-web-technologies

    js-project-fullstack-web-technologies 游戏:阿拉伯扑克[此游戏... 在第1和第16轮中,玩家看不到自己的牌,但其他人都可以看到。 玩家收到卡牌后,就必须猜测自己将赢得多少回合。 不用担心,我会在以后解释一回合的

    auto-opencv.zip_Auto Tracking_gun_opencv 十字

    电脑上连接一个摄像头,启动程序后在视频窗口中就会 有两个跳动的黄色小球作为你...还要在当前目录下放置一副320×240的命名为gun.bmp的图,我用的就是图中的这张卡,通过它来决定你能用什么颜色的物体操 纵你的准星)

    猫池驱动

    该设备标准名称是GSM MODEM池,内置8/16个无线模块,可插入8/16张SIM卡,可以同时使用8张或者16张卡发送短信,发送速度是1端口的8倍。它采用MTK模块开发,220V电源供电,能长时间稳定工作,外壳豪华大方。 主要特点...

    第吉尔电子门锁系统(接触式IC卡门锁)

    7、制作设置卡:重复第1步,重新进入Digiper系统→启动主画面的“B级”栏中的“房间定义” →制作“设置卡”(每个房间号码后有一栏为“NO” →用鼠标双击该栏→即由“NO”转变为“YES” →表示该房间的“设置卡”...

    第十三届蓝桥杯大赛软件赛决赛C/C++ 大学 B 组

    而如果有 n 张卡牌,其中每种卡牌各一张,那么这 n 张卡牌可以被称为一套牌。小明为了凑出尽可能多套牌,拿出了 m 张空白牌,他可以在上面写上数i,将其当做第 i 种牌来凑出套牌。然而小明觉得手写的牌不太美观,...

    使用多GPU训练模型.md

    使用多GPU训练模型.md

Global site tag (gtag.js) - Google Analytics