2017年06月_泠泠在路上

转载在webstorm中使用nodejs库的智能提示功能

webstorm中默认只是打开ecmascript的智能提示，如果需要使用nodejs作为js的引擎，请打开nodejs的智能提示功能，File -> Settings… -> Languages&Frameworks -> Node.js and NPM 页Code Assistatant启用node.js库的代码提示即可，如下图

2017-06-30 11:56:36 1534

原创常用的正则表达式

一、校验数字的表达式数字：^[0-9]*$n位的数字：^\d{n}$至少n位的数字：^\d{n,}$m-n位的数字：^\d{m,n}$零和非零开头的数字：^(0|[1-9][0-9]*)$非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$正数、负数、和小数：^(\-|\+)

2017-06-16 12:37:57 272

原创整理正则表达式

^ 控制开头 $ 控制结尾 \ 转义序列 \n 新行 \r 回车 \t 制表符[a-z] //匹配所有的小写字母 [A-Z] //匹配所有的大写字母 [a-zA-Z] //匹配所有的字母 [0-9] //匹配所有的数字 [0-9\.\-] //匹配所有的数字，句号和减号 [ \f\r\t\n] //匹配所有的白字符前面曾经提到^表示字符串的开头，但它还有另外一个

2017-06-16 11:20:09 373

原创 javascript面向对象整理

面向对象：1. 一切事物皆是对象 2. 对象具有封装和继承特性3. 信息隐藏，（类，属性，方法的隐藏）一、基本面向对象直接定义对象：//定义var person={name:"泠泠在路上"，age:22eat:function(){alert('能吃');}}//调用alert(person.name);二、函数构造器构造对象构造器构造对象//定义functio

2017-06-15 13:51:40 290

由于网页编程不同于客户端编程，在MVC的基础上，JavaScript社区产生了各种变体框架MVP（Model-View-Presenter）、MVVM（Model-View-ViewModel）等等，有人就把所有这一类框架的各种模式统称为MV*。框架的优点在于合理组织代码、便于团队合作和未来的维护，缺点在于有一定的学习成本，且限制你只能采取它的写法。MVC框架（尤其是大型框架）有一个严重的缺点，就是

2017-06-14 13:49:17 542

原创 uiRouter路由操作实例（二）

一、uiRouter路由参数设置与$stateParams服务的使用<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <script src="../org/angular.min.js"></script> <script src="../org/angular-ui-router.min.js">

2017-06-13 12:22:01 561

原创 angularJs路由操作实例（一）

一、初始化定义路由<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <script src="../org/angular.min.js"></script>  <script src="../org/angular-ui-router.min.js"></script>

2017-06-12 19:00:33 898

原创 angularJs中2种自定义服务实例

本篇文章介绍2种自定义服务的方式，一种是用factory，一种是用service一、首先介绍使用factory来进行自定义服务1.html<div ng-app="module" ng-controller="ctrl"> <table border="1" width="600"> <tr> <td>网站名称</td> <td

2017-06-12 17:33:43 475

原创 angularJs中$http获取后台数据实例

1.html<div ng-app="module" ng-controller="ctrl"> <table border="1" width="600"> <tr> <td>网站名称</td> <td>网址</td> </tr> <tr ng-repeat="v in data">

2017-06-11 13:26:58 11512 2

原创 angularJs中$cacheFactory缓存用法

<div ng-app="module" > <div ng-controller="ctrl1"> {{data}} </div> <div ng-controller="ctrl2"> {{data}} </div></div><script> var m = angular.module('module', []);

2017-06-11 10:20:34 2269

原创 angularJs中$sce服务安全显示html文本

<div ng-app="module" ng-controller="ctrl"> {{data}} <hr> <div ng-bind-html="data"></div> <hr> <div ng-bind-html="title | trustHtml"></div></div><script> var m = angular.module

2017-06-11 09:43:56 779

原创 angularJs中指令的directive的controller属性

1.html<div ng-app="module"> <ex-ctrl></ex-ctrl></div><script> var m = angular.module('module', []); m.directive('exCtrl', [function () { return { restrict: 'E',

2017-06-09 11:51:05 1233

转载 AngularJS 指令的 Scope 作用域的详解

在理解scope作用域过程中，网上查找资料，找到一篇写的很详细，容易理解的文字，下面是链接，分享一下~一招制敌 - 玩转 AngularJS 指令的 Scope (作用域)

2017-06-09 11:26:22 249

原创 angularJs中controller控制器scope父子集作用域实例

1.ctrl1是父级控制器，ctrl2和ctrl3都是ctrl1的子级控制器， 2.父级ctrl1中name值的改变会影响ctrl2和ctrl3中name值的改变， 3.但是ctrl2有自己的name输入传的值，不会影响ctrl1和ctrl3，这就是继承隔离， 4.ctrl3无name赋值就继承父级ctrl1中的name的值。一、继承隔离的情况<div ng-app="module">

2017-06-05 14:52:21 2757

原创 angularJs中自定义指令transclude与templateUrl详解

默认情况下，自定义指令里模板的部分会替换掉指令所使用的所有内容，那么，如果想保留这些内容，就要使用transclude属性。1.html <div ng-app="module"> <div my-exam>你好</div> </div> <script> var m = angular.module('module', []); m.

2017-06-05 11:37:35 1619

原创 angularJs中自定义指令replace属性详解

<div ng-app="module"> <div my-exam></div> </div> <script> var m = angular.module('module', []); m.directive('myExam', [function () { return {

2017-06-05 11:01:12 1661

原创 angularJs中指令介绍与用法

指令定义规范： 1.前缀最好不要有ng-，这是angularJs自带的指令前缀 2.带前缀的可以使用驼峰命名规则，例子见2.html1.html<div ng-app="module"> <div welcome></div> <hr> <h1 welcome></h1> <hr> <welcome></welcom

2017-06-05 10:52:36 438

原创 angularJs自定义过滤器实现手机号信息隐藏

<div ng-app="module" ng-controller="ctrl"> <table border="1" width="600"> <tr> <td>编号</td> <td>姓名</td> <td>手机号</td> </tr> <tr ng-repeat="

2017-06-01 09:01:30 1889

泠泠似水