AngularJS教程之MVC体系结构详解

2016年08月20日 12 阅读

模型 - 视图 - 控制器或MVC，MVC是普遍的叫法，是一种软件设计模式，用于开发Web应用程序。模型- 视图 - 控制器模式是由以下三部分组成：模型/Model - 一个负责维护数据模式的最低水平。视图/View - 负责显示所有或数据到用户的部分。控制器/Controller - 软件代码控制Model和View之间的相互作用。MVC是受欢迎的，因为它隔离了应用逻辑从用户界面层和支持的关注点分离。这里的控制器接收用于该应用程序的所有请求，制备视图所需...

AngularJS教程之简单应用程序示例

2016年08月20日 13 阅读

按以下步骤来创建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="">...<...

用NodeJS实现批量查询地理位置的经纬度接口

2016年08月20日 19 阅读

实现步骤1、 查询接口网站上这种类型的接口还不少，笔者直接找了百度地图的接口做，接口文档，调用的API是Geocoding API中的地理编码服务请求示例：对北京市百度大厦进行地理编码查询http://api.map.baidu.com/geocoder/v2/?ak=E4805d16520de693a3fe707cdc962045&callback=renderOption&output=json&address=百度大厦&city=北京市这里面...

AngularJS指令详解及示例代码

2016年08月20日 12 阅读

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

jQuery多文件异步上传带进度条实例代码

2016年08月20日 17 阅读

先给大家展示下效果图：///作者：柯锦///完成时间：2016.08.16///多文件异步上传带进度条（function （$） {function bytesToSize（bytes） {if （bytes === 0） return "0 B";var k = 1024, // or 1000sizes = ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"],i = Math.floor（Math...

谈谈PHP中相对路径的问题与绝对路径的使用

2016年08月20日 16 阅读

问题描述首先我们先来看一下我们这个例子的目录结构以及这三个文件的内容a.php<?phpinclude "./c/d.php"b.php<?phpdefine（"__B", "this is a test"）;c/d.php<?phpinclude "../b.php";var_dump（__B）;在c目录下面的d.php文件引用了它的上级目录下的 b.php 文件 单独运行 c/d.php 的时候不会出问题但是，...

AngularJS表达式讲解及示例代码

2016年08月20日 14 阅读

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

AngularJS控制器详解及示例代码

2016年08月20日 14 阅读

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

AngularJS过滤器详解及示例代码

2016年08月20日 13 阅读

过滤器是用来更改修改数据，并且可以在表达式或使用管道符指令将其归入。以下是常用的过滤器的列表。S.No.名称描述1大写转换文本为大写文本。2小写转换文本为小写文本。3货币货币格式格式文本。4过滤器过滤数组中它根据所提供的标准的一个子集。5排序排序提供标准的基础数组。大写过滤器添加大写的过滤器使用管道符的表达式。在这里，添加了大写过滤器，全部用大写字母打印学生姓名。Enter first name:<input type="text" ng-model...

AngularJS表格详解及示例代码

2016年08月20日 10 阅读

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

AngularJS HTML DOM详解及示例代码

2016年08月20日 12 阅读

以下指令可用于应用程序数据绑定到HTML DOM元素的属性。S.No.名称描述1ng-disabled禁用一个给定的控制2ng-show显示一个给定的控制3ng-hide隐藏在给定的控制4ng-click表示AngularJS click事件ng-disabled 指令添加ng-disabled属性到一个HTML按钮，通过它的模型。该模型绑定到复选框，看看以下变化。<input type="checkbox" ng-model="enableDisa...

Bootstrap 源代码分析（未完待续）

2016年08月20日 13 阅读

Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。—— Bootstrap 中文文档Bootstrap 因为支持响应式布局、移动设备优先和易用易学等特点，使得它成为最受欢迎的前端开发框架。Bootstrap 的响应式设计、组件开发和 JavaScript 插件开发和 预处理脚本的开发方法，也是值得学习的。源代码源代码下载和编译推荐到 GitHub 下载最新、最全的 Bootstrap 源代...

AngularJS模块详解及示例代码

2016年08月20日 15 阅读

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

AngularJS表单详解及示例代码

2016年08月20日 13 阅读

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

详细分析Javascript中创建对象的四种方式

2016年08月20日 12 阅读

前言使用Javascript创建对象的方式有很多，现在就来列举一下其中的四种方式，并且罗列出了每种方式的优缺点，可以让大家进行选择使用，下面来看看。工厂模式 function createPerson（name, age）{ var obj = new Object（）; obj.name = name; obj.age = age; return obj; //一定要返回，否则打印undefined:undefined } var person1 = n...

AngularJS包括详解及示例代码

2016年08月20日 11 阅读

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

AngularJS Ajax详解及示例代码

2016年08月20日 13 阅读

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

BOM系列第三篇之定时器应用（时钟、倒计时、秒表和闹钟）

2016年08月20日 10 阅读

时钟 最简单的时钟制作办法是通过正则表达式的exec（）方法，将时间对象的字符串中的时间部分截取出来，使用定时器刷新即可<div id="myDiv"></div><script>myDiv.innerHTML = /dd:dd:dd/.exec（new Date（）.toString（））[0];setInterval（function（）{myDiv.innerHTML = /dd:dd:dd/.exec（new ...

AngularJS 视图详解及示例代码

2016年08月20日 13 阅读

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

BOM系列第二篇之定时器requestAnimationFrame

2016年08月20日 9 阅读

引入 计时器一直是javascript动画的核心技术。而编写动画循环的关键是要知道延迟时间多长合适。一方面，循环间隔必须足够短，这样才能让不同的动画效果显得平滑流畅；另一方面，循环间隔还要足够长，这样才能确保浏览器有能力渲染产生的变化 大多数电脑显示器的刷新频率是60Hz，大概相当于每秒钟重绘60次。大多数浏览器都会对重绘操作加以限制，不超过显示器的重绘频率，因为即使超过那个频率用户体验也不会有提升。因此，最平滑动画的最佳循环间隔是lOOOms/60，...