- 浏览: 12416 次
- 性别:
最新评论
文章列表
service
service只实例化一次,其实就是单例模式的思想。无论我们在什么地方注入我们的service,将永远使用同一个实例。所以对很多在controller层中的操作就可以放到serivce层中去。
servie 一般直接用this来操作数据、定义函数。
app.service('myService', function() {
var privateValue = "I am Private";
this.variable = "This is public";
this.getPriv ...
控制器信息传递的三种方式:
利用$rootScope
Angular JS中的作用域有一个非常有层次和嵌套分明的结构.其中她们都有一个主要的$rootScope然后其他所有的作用域部分都是继承自这个$rootScope的,或者说都是嵌套在主作用域下面的。
2.利用service服务
其中一个选择就是在应用程序作用域之中创建一个单例服务,然后通过这个服务处理所有子作用域的通信。
3.利用时间传播
事件传播的基本对象
<div ng-controller="parentController">
parentControlle ...
一个vue实例是一个对象,数据放在data里面,前端通过数据来更新.当触发前端的事件时,实际是在改变data里面的数据,使其更新
1.声明式渲染
数据和DOM绑在一起,所有元素都是响应式的.当我们试试改变app.message时,例子也会 ...
AngularJs 表单
- 博客分类:
- AngularJs
简单的表单
ngModel指令实现了双向的数据绑定,即模型和视图双向同步,同时它也为其他指令提供了API来扩展ngModel的行为。
<div ng-controller="ExampleController">
<form novalidate class="simple-form">
Name: <input type="text" ng-model="user.name" /><br />
E-mail: &l ...
AngularJs 模块
- 博客分类:
- AngularJs
模块
我们可以把angular中的模块(module)想象成应用组件的容器,这些组件包括控制器,服务,过滤器,指令等.
通过“Hello World”实例来理解模块的工作原理。
<div ng-app="myApp">
<div>
{{ 'World' | greet }}
</div>
</div>
// 声明一个模块
var myAppModule = angular.module('myApp', []);
// 配置模块。
// ...
Angular过滤器
主要用来格式化输出表达式的值。过滤器可以用于视图模板、控制器或者服务组件中。我们可以通过Angular的api轻松的实现过滤器。
表达式中添加过滤器
过滤器可以通过一个管道字符(|)和一个过滤器添加到表达式中
如何在模板中使用过滤器
{{ expression | filter }}
例如:
{{ 12 | currency }} 将会以货币格式输出 $12.00, currency是Angular提供的过滤器。
还可以将多个过滤器联合使用,
{{ expression | filter1 | filt ...
AngularJs 简介
AngularJs是一个JavaScript框架,它是一个JavaScript编写的库
AngularJs是以一个JavaScript文件形式发布的
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
AngularJs通过ng-directives扩展了HTML
ng-app指令定义一个AngularJs应用程序
ng-model指令是吧元素值(比如输入域的值)绑定到应用程序 ...
一.django模板标签
1.for标签
{% for %}允许我们在一个序列上迭代。
与Python的for语句的情形类似,循环语句是for X in Y,Y是要迭代的序列,而X是在每一个特定的循环中使用的变量名称。
每一次循环中,模板系统会渲染在{% for %}和{% endfor %}之间的所有内容。
例如,给定一个运动员列表athlete_list变量,代码如下:
<ul>
{% for athlete in athlete_list %}
<li>{{ athlete.name }}</li>
...
一、*args和**kwargs
python里的*args和**kwargs的特殊含义,他们都和函数有关,但是在函数调用和函数的声明时有着不同的意义。
一般来说,无论是函数的调用或者声明,单个星号表示有元组(或是列表)的出现,而两个星号则代表有字典出现。
二、函数的调用:
函数调用里的*和**
例如:
def check_web_server(host, port, path) :
用check_web_server('127.0.0.1', 8000, '/admin/')即可调用这个函数。
些信息在三元组里,如:
host_info= ('www. ...
1.什么是AJAX?
AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML)
在不重载整个网页的情况下,AJAX通过后台加载数据,并在网页上进行显示。
2.jQuery和AJAX
jQuery提供了多个与AJAX有关的方法。
通过jQuery AJAX方法,你可以使 ...
注意Validate的导入要在jQuery库之后。代码如下:
先导入jQuery库,然后导入Validate插件,如果是中文提示还需要导入messages_zh.js。
<script src="jQuery.1.8.3.js" type="text/javascript"></script>
<script src="jquery.validate.js" type="text/javascript"></script>
<script sr ...
$(selecor).css(name)
css()方法返回或设置匹配元素的一个或多个样式属性。
设置<p>元素的颜色:
$(".button").click(function(){
$("p").css("color","red");
});
使用函数来设置css属性
$(selector).css(name,function(index,value))
//此函数返回要设置的属性值。接受两个参数,index 为元素在对象集合中的索引位置,value 是原先的属性值。
例如 ...
动画隐藏和显示
hide
$(selector).hide(speed,callback)//隐藏
$(selector).show(speed,callback)//显示
speed参数有:slow fas normal milliseconds
例子:
$(function(){
$("button").click(function(){
$("p").hide(1000,function(){
$("p").show(1000);
} ...
内边距
按照上、右、下、左的分别设置各地的内边距,各边可以使用不同的单位或百分比值:
h1 {
padding-top: 10px;
padding-right: 0.25em;
padding-bottom: 2ex;
padding-left: 20%;
}
//还可以这样写
h1 {padding: 10px 0.25em 2ex 20%;}
如果上、右、下、左的值一样可以这样写
h1 {padding: 10px;}
//个边值均为10
外边距
可以用margin来设置上下左右的外边距
margin 可以是任 ...
基本选择器
基本选择器:#id, .class,element ,*, selector1,selector2....,selectoN
#id 根据id匹配一个元素
$("#choose").css("background-color","#B2E0FF");
//选取id为 choose的元素背景颜色
.class 根据给定的类名匹配元素 遍历css元素
$("#choose").css("background-color","#B2E0FF" ...