如果能养狗把需要计算的数字，在调用函数时传递到函数内部就可以了。 一、函数参数的使用 注意点: 1. 在函数名的后面的小括号内部填写参数 2....以上的num1和num2叫做参数，在调用函数的时候第一个数字30会传递地给参数num1第二个数字20会传递给参数num2,通过这种方式就可以把函数外部的数据传递给函数内部，num1和num2当做两个变量来使用...一句话：在定义函数的时候需要几个参数就把参数放在函数名后面的小括号里，参数与参数之间以逗号分隔，在调用函数时就根据定义参数时指定的参数顺序依次传递数据，数据与数据之间以逗号分隔，以上就是参数的定义和调用方式...在函数内部，把参数当做变量使用，进行需要的数据处理 2....函数调用时，按照函数定义的参数顺序，把希望在函数内部处理的数据，通过参数传递 三、形参和实参 形参：定义函数时，小括号中的参数，是用来接收参数用的，在函数内部作为变量使用 实参：调用函数时，小括号中的参数
1.对单个元素的函数使用线程池: # encoding:utf-8 __author__='xijun.gong' import threadpool def func(name): print...[pool.putRequest(req) for req in reqs] pool.wait() 结果： hi xijun.gong hi xijun hi gxjun 2.对于多个参数的情况使用方式...pool.putRequest(req) for req in reqs] pool.wait() 结果： 0+1=1 1+3=4 3+7=10 2+5=7 4+9=13 3.如果我们想不安参数顺序赋值...，可以使用这种方式： # encoding:utf-8 __author__='xijun.gong' import threadpool def func(name): print 'hi
AngularJs是不直接操作DOM的，但是在平时的开发当中，我们有的时候还是需要操作一些DOM的，如果使用原生的JS的话操作过于麻烦，所以大家一般都是使用jQuery，jQuery虽然好用，但是AngularJs...是不建议和JQuery同时使用的，所以AngularJs给我们也提供了一些操作DOM的方法———Jqlite 查阅官方提供的api，可以看到使用方法是angular.element(ele)...-在每个匹配元素里面的末尾处插入参数内容 attr() - 获取匹配的元素集合中的第一个元素的属性的值 bind() - 为一个元素绑定一个事件处理程序 children() - 获得匹配元素集合中每个元素的子元素...，选择器选择性筛选 clone()-创建一个匹配的元素集合的深度拷贝副本 contents()-获得匹配元素集合中每个元素的子元素，包括文字和注释节点 css() - 获取匹配元素集合中的第一个元素的样式属性的值...处理函数在每个元素上每种事件类型最多执行一次 parent() - 取得匹配元素集合中，每个元素的父元素，可以提供一个可选的选择器 prepend()-将参数内容插入到每个匹配元素的前面（元素内部） prop
2.1.2、在脚本中调用过滤函数 在函数中调用过滤器的方法是：在控制中添加对$filter的依赖，$filter("过滤函数名称")(被过滤对象,'参数') 示例代码： 标记和用于支持的JavaScript代码的组合。...AngularJS指令标记可以是HTML属性、元素名称或者CSS类，指令扩展了HTML的行为。...视图 — 模板(进行数据绑定的HTML)会被呈现到视图中。 控制器 — ngController指令声明一个控制器类；该类包含了业务逻辑，在应用后台使用函数和值来操控域中的属性。...内部包含： 先定义模板，指定id与类型，模板中可以是任意片段： id="p1" type="text/ng-template"> 引用模板，模板中可以使用angular表达式，引用的方法与外部包含一样
在线实例地址：手风琴指令 不使用AngularJS的纯HTML源码如下： div class="accordion" id="accordion2"> div class="accordion-group...div> div> div> div> 以上纯 HTML源码也可以实现手风琴效果，但是它仅仅是一些标记，包含了大量的链接和id，不利于维护。...它在参数element具有id时启作用，如果没有，会依据指令的 Scope自动创建ID。...它功能并不复杂但是足以展示一些AngularJS的重要知识点和技术细节：如何定义嵌套指令，如何生成唯一的元素ID，如何使用jQuery操作DOM以及如何使用$watch 方法监听scope变量的变化。...这是创建JavaScript指令的常见模式。 创建地图之后，方法会在更新标记的同时添加检测事件，以便监视地图中心位置的变化。该事件会监测当前的地图中心是否和Scope中的相同。
ng-model -此指令定义的模型，该模型是变量在AngularJS使用。 ng-repeat -该指令将重复集合中的每个项目的HTML元素。...开发者也可以在局部使用ng-app指令,如，则AngularJS脚本仅在该div>中运行。...如果你想拼接一个类名出来，可以使用插值表达式，如： div class=”{{style}}text”>字体样式测试div> 然后在controller中指定style的值： ...AngularJS的作用域理论非常重要:一个作用域可以视作模板、模型和控制器协同工作的粘接器。AngularJS使用作用 域,同时还有模板中的信息,数据模型和控制器。...我们传入服务的名字Phone和工厂函数。工厂函数和控制器构造函数差不多,它们都通过函数参数声明依赖服务。Phone服务声明了它依赖于$resource服务。
复制 AngularJS 客户端会将 ID 和内容呈现到 DOM 中。...JavaScript 函数，它被赋予了 AngularJS$scope和$http组件。...}} div> 复制 请注意该部分中的以下两个脚本标记head。...在 index.html 中，有两个这样的属性在起作用： 标记具有ng-app指示的此页面是 AngularJS 应用程序的属性。...id和content属性。
框架采用并扩展了传统HTML，通过双向的数据绑定来适应动态内容，双向的数据绑定允许模型和视图之间的自动同步。因此，AngularJS使得对DOM的操作不再重要并提升了可测试性。 ?...ng-controller 用于指定所使用的控制器。 理解$scope：$scope的使用贯穿整个 AngularJS App 应用，它与数据模型相关联，同时也是表达式执行的上下文。...ng-controller 指令用于为你的应用添加的控制器。 在控制器中，你可以编写代码，制作函数和变量，并使用 scope 对象来访问。...这里我们补充一下JS的关于数组操作的知识 （1）数组的push方法：向数组中添加元素 （2）数组的splice方法：从数组的指定位置移除指定个数的元素 ，参数1为移除元素的开始位置，参数2为移除的个数...(id); // 查找数组中元素的指定位置，索引从0开始 $scope.selectIds.splice(index,1); // 参数1为移除元素的开始位置，参数2为移除的个数
application还未启动前的一些参数配置，比如路由或是一些service的配置 Routes 路由负责在应用中基于state进行页面的跳转 Views Views是通过AngularJS编译后呈现的...，它里面只放一些负责view呈现的属性和方法 Directive 指令使得AngularJS能够创建自定义的标签并实现相应的功能，可以将指令看成一种特殊的html标签 Service Service负责提供一些通用的功能函数...，这样就可以在当前模块使用注入进来模块中的方法变量等。 ...AngularJS可以使用依赖注入的方法将这些定义的service注入到相应的controller中，便可以使用service中的数据和方法。...4.Directive directive是angularjs的一大亮点。AngularJS自己有一些内置指令如ng-click、ng-if等，用户也可以自己定义指令，如这里的story。
三、理解AngularJS中的指令 3.1 以前我们是这样写的 假如我们有一个页面需要计算用户填写的数字*2的结果是多少，我们可能会有一个HTML界面和JavaScript代码如下： 的作用在于声明当前DOM被AngularJS这个库中定义的一个模块所托管，而ng-model指令则用于绑定模型变量，ng-click绑定控制器中声明的事件。...运行结果如下图所示，和之前的效果一样： ?...三、开发一个任务清单程序 3.1 需求说明 假设我们要做一个任务清单程序，它可以记录我们要做的所有任务信息，并且我们可以随时标记任务为已完成，而且随时增加新的任务到任务列表中。...在AngularJS的各种示例程序中，TodoMVC算是一个比较出名的项目，如下图所示： ? 这里我们的目标就是仿照TodoMVC，借助AngularJS实现一个简易版的TodoList页面。
' }} 9、json（不用掌握，基本用不上） 二、服务 在 AngularJS 中，服务是一个函数或对象，可在你的 AngularJS 应用中使用。...$location 服务，它可以使用 DOM 中存在的对象，类似 window.location 对象，但 window.location 对象在 AngularJS 应用中有一定的局限性。...div ng-view>div> 该 div 内的 HTML 内容会根据路由的变化而变化。...routeProvider.when 函数的第一个参数是 URL 或者 URL 正则规则，第二个参数为路由配置对象。...:如果我们只需要在 ng-view 中插入 HTML 模板文件，则使用该参数： 高级路由： 控制器中传入参数routeParams用来代表路由中的值，传入参数route,用于在switch(status
的环境，将在本教程中完成费用跟踪App的构建。下面的代码结构是本教程完成要达到的效果，请预先创建好文件和目录。...在ngRepeat指令中，我们使用了“track by”，目的是在对开支集合修改时提升性能，相关教程可参考博客《Using Track-By With ngRepeat In AngularJS 1.2...在删除函数中（控制器），可看到代码片段如下： function confirmDelete(expenseId) { // delete expense by its id property...在真实的场景中，删除记录返回整个集合不是最理想的，但在此处我们用于演示说明。可动手试着删除几行数据试试。 ? 另外，在删除这种比较危险的操作中，应该需要添加对话框再次提醒一下用户。...这里，我们使用了Wijmo 5提供的工具函数：isNumber和isDate来进行判断。 运行Details Grid截图如下： ?
，当用户输入信息时，同步将用户输入的信息赋值给controller中的变量： div id="main" ng-controller="myCtrl"...这里就是 Angularjs1.X双向数据绑定中的第一个坑 ,你会发现$scope上绑定的数据模型和html中显示的内容有时候并不是实时关联的。这其实和Angularjs1.X的执行机制有关系。...官方建议使用$watch方法来追踪scope中的变量，而当我们这样做时，会发现$watch函数仅能追踪到那些通过修改controller中的数据模型而影响link函数中变量的行为并更新视图。...其实这里的问题仍然和Angularjs的运行机制有关，解决方案如下： 解决方案1 使用自定义指令的templateUrl属性替换当前指令的模板，使用ng-click指令来绑定一个点击响应函数，在响应函数中改变...其基本过程是这样的，每当我们使用ng-model或ng-bind指令将数据模型中的某个变量值和html页面上某个标签的内容联系起来时，Angular就会把这些变量放进一个WatchCollection的集合中
控制器是 JavaScript 对象，由标准的 JavaScript 对象的构造函数 创建。...ng-controller="myCtrl" 属性是一个 AngularJS 指令。用于定义一个控制器。 myCtrl 函数是一个 JavaScript 函数。...AngularJS 使用$scope 对象来调用控制器。 在 AngularJS 中， $scope 是一个应用对象(属于应用变量和函数)。...，配合 $scope 来使用就类似 JavaScript 的作用域。...' }} 自定义过滤器 -- 多参数 具体的操作就是在调用的时候用"：参数" 的格式在后面追加即可 var app = angular.module('myApp', []); app.controller
AngularJS服务是单例对象，这意味着只有一个实例被创建过，服务使用AngularJS的依赖注入机制来定义和注册。 可以把服务注入模块、控制器和其它服务。...:parseInt(car.id)}); //根据id获得车在集合中的下标 cars[index]=car; //替换原对象 //res.json(car);...//获得url中的编号参数 var id=parseInt(req.params.id); var index=_.findIndex(cars,{id:id});...//根据id获得车在集合中的下标 cars.splice(index,1); //在cars数组中删除下标从index开始的1条数据 res.json(cars); })...和类似于"foo=bar&baz=moe"的序列，然而AngularJS，传输数据使用Content-Type: application/json和{ "foo": "bar", "baz": "moe
你可以在你的 AngularJS 应用中加入 Twitter Bootstrap，你可以在你的 元素中添加如下代码: AngularJS 包含 在AngularJS 中，你可以在HTML中包含HTML文件。 ...通常我们使用 http 请求 (AJAX) 从服务端获取数据，返回的数据我们可以通过 使用 innerHTML 写入到 HTML 元素中。 ..."> div ng-hide="myCheck">div> 应用中动画不宜太多，但合适的使用动画可以增加页面的丰富性，也可以更易让用户理解...此外， 在动画完成后，HTML 元素的类集合将被移除。
标准库通过 yield 和 yieldAll 函数使用协程来支持惰性生成序列。 在这样的序列中，在取回每个元素之后挂起返回序列元素的代码块， 并在请求下一个元素时恢复。...这对于泛型类型（如集合）以及函数类型最有用。...lambda 表达式中的解构 现在可以使用解构声明语法来解开传递给 lambda 表达式的参数。...下划线用于未使用的参数 对于具有多个参数的 lambda 表达式，可以使用 _ 字符替换不使用的参数的名称： div class="sample" markdown="1" data-min-compiler-version...onEach() onEach 是一个小、但对于集合和序列很有用的扩展函数，它允许对操作链中 的集合/序列的每个元素执行一些操作，可能带有副作用。
1.3、可视化布局 如果想快速高效的布局可以使用一些在线辅助工具，如： http://www.ibootstrap.cn/ ? 点击下载可以获得生成的HTML脚本。...在集合中添加5本图书。 ?...; }); }; //删除图书 exports.del = function(req, res) { //从路径中取参数id,/:id var id=req.params.id...var book=req.body; //执行更新,第1个参数是要更新的图书查找条件，第2个参数是要更新的对象 books.update({"id":book.id}, book).then...六、使用AngularJS调用后台服务 这里的UI使用BootStrap完成，前端使用AngularJS调用NodeJS发布的服务，将数据存放在MongoDB中。 index.js页面如下： <!
AngularJS主页展示了一个简单的例子，用于实现Bootstrap中的 Tab功能，可以在页面中轻松添加 Tab 功能，并且使用方法和 ul 标签一样简单。...当然，总需要有第一个吃螃蟹的人，创建指令共享使用，但是目前Tabs指令已经很常见了，可以在任何地方复用（如BootStrap,、jQueryUI、Wijmo, 和一些知名的前端插件集）。...指令的构造函数会返回带有属性的JavaScript 对象。这些内容在AngularJS 主页中都有清晰说明。...注意template是如何使用Scope中定义的变量的。这允许你无需写任何额外的代码即可创建macro-style 风格指令。replace: 说明是否替换原始标记中的值或是追加原始标记中的值。...这个参数作用在于把子指令的引用提供给父指令，允许指令之间进行交互， tab 指令就是使用该参数较典型的例子：http://jsfiddle.net/powertoolsteam/GBE7N/1/ 注意，
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
对象存储
云直播
