Welcome

首页 / 脚本样式 / JavaScript

AngularJS控制器详解及示例代码

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

AngularJS过滤器详解及示例代码

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

AngularJS表格详解及示例代码

2017-02-06 18
格数据本质上通常是重复的。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详解及示例代码

2017-02-06 19
以下指令可用于应用程序数据绑定到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 源代码分析（未完待续）

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

AngularJS模块详解及示例代码

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

AngularJS表单详解及示例代码

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

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

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

AngularJS包括详解及示例代码

2017-02-06 19
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详解及示例代码

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

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

2017-02-06 20
时钟 最简单的时钟制作办法是通过正则表达式的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 视图详解及示例代码

2017-02-06 19
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

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

BOM系列第一篇之定时器setTimeout和setInterval

2017-02-06 19
setTimeout（） setTimeout（）方法用来指定某个函数或字符串在指定的毫秒数之后执行。它返回一个整数，表示定时器的编号，这个值可以传递给clearTimeout（）用于取消这个函数的执行 以下代码中，控制台先输出0，大概过1000ms即1s后，输出定时器setTimeout（）方法的返回值1var Timer = setTimeout（function（）{console.log（Timer）;},1000）;console.log（0...

js replace（a,b）之替换字符串中所有指定字符的方法

2017-02-06 17
如下所示：var str = "abcadeacf";var str1 = str.replace（"a", "o"）;alert（str1）;// 打印结果： obcadeacfvar str2 = str.replace（/a/g, "o"）;alert（str2）;//打印结果： obcodeocf,注意： 此处replace的第一个参数为正则表达式，/g是全文匹配标识。以上这篇js replace（a,b）之替换字符串中所有指定字符的方法就是小编分...

模拟javascript中的sort排序（简单实例）

2017-02-06 17
一、javascript中sort对数据进行排序的原理sort（）方法对数组的元素做原地的排序，并返回这个数组。 sort 可能不是稳定的。默认按照字符串的Unicode码位点排序;语法：arr.sort（[compareFunction]）参数 compareFunction可选。用来指定按某种顺序进行排列的函数。如果省略，元素按照转换为的字符串的诸个字符的Unicode位点进行排序。如果 compareFunction（a, b） 小于 0 ，那么 a...

在javascript中使用com组件的简单实现方法

2017-02-06 20
首先创建一个COM组件，插入一个双接口Itest，在此接口上实现以下三个方法：STDMETHODIMPCtest::test（void）//无输入输出参数{//TODO:在此添加实现代码MessageBox（NULL,L"test",L"test",MB_OK）;returnS_OK;}STDMETHODIMPCtest::test1（BSTRa1）//有一个字符串输入参数{//TODO:在此添加实现代码MessageBox（NULL,a1,L"test"...

js替换字符串中所有指定的字符（实现代码）

2017-02-06 17
第一次发现JavaScript中replace（） 方法如果直接用str.replace（"-","！"） 只会替换第一个匹配的字符. 而str.replace（/-/g,"！"）则可以全部替换掉匹配的字符（g为全局标志）。replace（） The replace（） method returns the string that results when you replace text matching its first argument （a re...

js enter键激发事件实例代码

2017-02-06 17
如下所示：document.onkeydown = function （e） {if （！e） e = window.event;if （（e.keyCode || e.which） == 13） {$（"#btnSubmit"）.click（）;}}以上这篇js enter键激发事件实例代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。...

学习Angular中作用域需要注意的坑

2017-02-06 19
Angular作用域在用angular搭建的网页应用中，作用域（scope）这个概念是贯穿其中的。在angular的视图（view）中的很多指令是会创建一个作用域的，例如 ng-app ， ng-controller 等。这个作用域就是我们在写控制器构造函数时注入的 $scope （angular1.2之前的版本），他是视图模型（view model）中的一个概念。我们的数据模型（model）就是定义在作用域中的。Angular作用域的坑用过angular...
<< 141 142 143 144 145 146 147 148 149 150 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图