第一张卡的小结

最新推荐文章于 2024-09-16 08:47:17 发布

iteye_18579

最新推荐文章于 2024-09-16 08:47:17 发布

阅读量94

点赞数

文章标签： javascript mvc blog ViewUI

一开始接触任务，就有点摸不着头绪，连最基本的引入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 使列表依次排开