详解JavaScript中的表单验证

2017年02月06日 12 阅读

表单验证用于发生在服务器，客户端已经输入所有必要的数据，然后按下提交按钮之后。如果一些已被输入的客户端的数据的已在错误形式或者被简单地丢失，则服务器将必须的所有数据发送回客户端，并请求的形式以正确的信息重新提交。这是一个漫长的过程，会增加服务器负担。JavaScript中，提供了一种方法将其发送到web服务器之前验证客户端的计算机上的形式的数据。表单验证通常执行两种方式。 基本验证 - 首先，该表必须进行检查，以确保数据输入的需要将其每一个表单字段。这将通...

创建你的第一个AngularJS应用的方法

2017年02月06日 12 阅读

按以下步骤来创建AngularJS应用第1步：加载框架作为一个纯粹的JavaScript框架，它可以使用<script>标签来添加。<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>第2步：使用ng-app指令定义AngularJS应用<div ng-app="">...<...

整理AngularJS中的一些常用指令

2017年02月06日 13 阅读

AngularJS指令用于扩展HTML。这些都是先从ng- 前缀的特殊属性。我们将讨论以下指令： ng-app - 该指令启动一个AngularJS应用。 ng-init - 该指令初始化应用程序数据。 ng-model - 此指令定义的模型，该模型是变量在AngularJS使用。 ng-repeat - 该指令将重复集合中的每个项目的HTML元素。ng-app指令ng-app 指令启动一个AngularJS应用。它定义根元素。它会自动初始化或启动加载包含...

详解AngularJS中的表达式使用

2017年02月06日 12 阅读

表达式用于应用程序数据绑定到HTML。表达式都写在双括号就像{{表达式}}。表达式中的行为跟ng-bind指令方式相同。 AngularJS应用表达式是纯javascript表达式，并输出它们被使用的数据在那里。使用数字<p>Expense on Books : {{cost * quantity}} Rs</p>使用字符串<p>Hello {{student.firstname + " " + student.last...

简述AngularJS的控制器的使用

2017年02月06日 13 阅读

AngularJS应用主要依赖于控制器来控制数据在应用程序中的流动。控制器采用ng-controller指令定义。控制器是一个包含属性/属性和JavaScript对象的功能。每个控制器接受$scope参数指定应用程序/模块，由控制器控制。<div ng-app="" ng-controller="studentController">...</div>在这里，我们已经声明采用ng-controller指令的控制器studentCon...

AngularJS中的过滤器使用详解

2017年02月06日 13 阅读

过滤器是用来更改修改数据，并且可以在表达式或使用管道符指令将其归入。以下是常用的过滤器的列表。小写过滤器添加小写的过滤器，使用管道符的表达式。在这里添加小写过滤器，以小写字母打印学生姓名。Enter first name:<input type="text" ng-model="student.firstName">Enter last name: <input type="text" ng-model="student.lastName...

js+HTML5实现视频截图的方法

2017年02月06日 12 阅读

本文实例讲述了js+HTML5实现视频截图的方法。分享给大家供大家参考。具体如下：1. HTML部分：<video id="video" controls="controls"><source src=".mp4" /></video><button id="capture">Capture</button><div id="output"></div>2. 点击按钮时触发...

详解AngularJS中的表格使用

2017年02月06日 12 阅读

表格数据本质上通常是重复的。ng-repeat指令，可以用来方便地绘制表格。下面的示例说明使用ng-repeat指令来绘制表格。<table><tr> <th>Name</th> <th>Marks</th></tr><tr ng-repeat="subject in student.subjects"> <td>{{ subject.name }}...

动态加载jQuery的方法

2017年02月06日 12 阅读

本文实例讲述了动态加载jQuery的方法。分享给大家供大家参考。具体如下：function checkJquery（） { if（！（window.jQuery）） {var s = document.createElement（"script"）;s.setAttribute（"src", "http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"）;s.setAttribute（"...

js+HTML5基于过滤器从摄像头中捕获视频的方法

2017年02月06日 12 阅读

本文实例讲述了js+HTML5基于过滤器从摄像头中捕获视频的方法。分享给大家供大家参考。具体如下：index.html页面：<div class="warning"><h2>Native web camera streaming （getUserMedia） is not supported in this browser.</h2></div><div class="container"><...

JavaScript AOP编程实例

2017年02月06日 12 阅读

本文实例讲述了JavaScript AOP编程。分享给大家供大家参考。具体如下：/*// aop（{options}）;// By: adamchow2326@yahoo.com.au// Version: 1.0// Simple aspect oriented programming module// support Aspect before, after and around// usage:aop（{context: myObject, // s...

在Ubuntu系统上安装Ghost博客平台的教程

2017年02月06日 13 阅读

今天我们将会在Ubuntu Server 14.04 LTS （Trusty）上安装一个博客平台Ghost。Ghost是一款设计优美的发布平台，很容易使用且对任何人都免费。它是免费的开源软件（FOSS），它的源码在Github上。截至2015年1月（LCTT 译注：原文为2014，应为2015），它的界面很简单还有分析面v板。编辑使用的是很便利的分屏显示。因此有了这篇步骤明确的在Ubuntu Server上安装Ghost的教程：1. 升级Ubuntu第一步...

简介AngularJS的HTML DOM支持情况

2017年02月06日 12 阅读

以下指令可用于应用程序数据绑定到HTML DOM元素的属性。添加ng-show属性到一个HTML按钮，并把它传递模型。绑定模型到复选框，看看以下变化。<input type="checkbox" ng-model="showHide1">Show Button<button ng-show="showHide1">Click Me！</button>ng-hide 指令添加ng-hide属性为HTML按钮，通过它的模型。...

举例讲解AngularJS中的模块

2017年02月06日 12 阅读

AngularJS支持模块化的方法。模块用于单独的逻辑表示服务，控制器，应用程序等，并保持代码的整洁。我们在单独的js文件中定义的模块，并将其命名为按照module.js文件形式。在这个例子中，我们要创建两个模块。 Application Module - 用于初始化控制器应用程序 Controller Module - 用于定义控制器应用模块mainApp.jsvar mainApp = angular.module（"mainApp", []）;在这里...

AngularJS的表单使用详解

2017年02月06日 12 阅读

AngularJS提供丰富填写表单和验证。我们可以用ng-click来处理AngularJS点击按钮事件，然后使用 $dirty 和 $invalid标志做验证的方式。使用novalidate表单声明禁止任何浏览器特定的验证。表单控件使用了大量的角活动。让我们快速浏览一下有关事件先。事件AngularJS提供可与HTML控件相关联的多个事件。例如ng-click通常与按钮相关联。以下是AngularJS支持的事件。 ng-click ng-dbl-clic...

使用AngularJS来实现HTML页面嵌套的方法

2017年02月06日 12 阅读

HTML不支持嵌入在HTML页面中的HTML页面。实现这一功能通过使用以下方式： 使用Ajax - 让一台服务器来调用获取相应的HTML页面，并将其设置在HTML控件的innerHTML。 使用服务器端包含 - JSP，PHP等Web端服务器技术可以在包括动态页面中的HTML页面。使用AngularJS，我们可以用ng-include指令在一个HTML页面嵌入另一个HTML页面。<div ng-app="" ng-controller="studen...

在AngularJS中使用AJAX的方法

2017年02月06日 12 阅读

AngularJS提供$http控制，可以作为一项服务从服务器读取数据。服务器可以使一个数据库调用来获取记录。 AngularJS需要JSON格式的数据。一旦数据准备好，$http可以用以下面的方式从服务器得到数据。function studentController（$scope,$http） {var url="data.txt";$http.get（url）.success（ function（response） {$scope.students =...

简介AngularJS的视图功能应用

2017年02月06日 12 阅读

AngularJS支持通过在单个页面上的多个视图的单页应用。要做到这一点AngularJS提供ng-view 和 ng-template指令，以及 $routeProvider 服务。ng-viewng-view 标记只是简单地创建一个占位符，是一个相应的视图（HTML或ng-template视图），可以根据配置来放置。使用定义一个div与ng-view在主模块中。<div ng-app="mainApp">...<div ng-view...

简介AngularJS中使用factory和service的方法

2017年02月06日 12 阅读

AngularJS支持使用服务的体系结构“关注点分离”的概念。服务是JavaScript函数，并负责只做一个特定的任务。这也使得他们即维护和测试的单独实体。控制器，过滤器可以调用它们作为需求的基础。服务使用AngularJS的依赖注入机制注入正常。AngularJS提供例如许多内在的服务，如：$http, $route, $window, $location等。每个服务负责例如一个特定的任务，$http是用来创建AJAX调用，以获得服务器的数据。 $rou...

详解AngularJS中的作用域

2017年02月06日 12 阅读

范围扮演其视图连接控制器的角色一个特殊的JavaScript对象。范围包含了模型数据。在控制器，模型数据通过$scope对象访问。<script> var mainApp = angular.module（"mainApp", []）; mainApp.controller（"shapeController", function（$scope） { $scope.message = "In shape controller"; $scope.t...