> For the complete documentation index, see [llms.txt](https://note.niefee.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://note.niefee.com/summary/4/2016-nian-4-yue-18-ri.md).

# 2016年4月18日

\[TOC]

## 2016年4月18日

### javascript

JavaScript的原生错误类型

* SyntaxError
  * SyntaxError是解析代码时发生的语法错误。
* ReferenceError
  * ReferenceError是引用一个不存在的变量时发生的错误。
  * 另一种触发场景是，将一个值分配给无法分配的对象，比如对函数的运行结果或者this赋值。
* RangeError
  * RangeError是当一个值超出有效范围时发生的错误。主要有几种情况，一是数组长度为负数，二是Number对象的方法参数超出范围，以及函数堆栈超过最大值。
* TypeError
  * TypeError是变量或参数不是预期类型时发生的错误。比如，对字符串、布尔值、数值等原始类型的值使用new命令，就会抛出这种错误，因为new命令的参数应该是一个构造函数。
* URIError
  * URIError是URI相关函数的参数不正确时抛出的错误，主要涉及encodeURI()、decodeURI()、encodeURIComponent()、decodeURIComponent()、escape()和unescape()这六个函数。
* EvalError
  * eval函数没有被正确执行时，会抛出EvalError错误。该错误类型已经不再在ES5中出现了，只是为了保证与以前代码兼容，才继续保留。

### angularjs

#### $cacheFactory缓存服务

* info()
  * 缓存内容信息
* put()
  * 设置缓存
* get()
  * 获取缓存
* remove()
  * 删除缓存
* 配置capacity
  * 设置缓存长度

```javascript
m1.controller('Acon',['$scope','$cacheFactory',function($scope,$cacheFactory){
    var cache=$cacheFactory('myCache');

    console.log(cache.info());

    cache.put('name','hello');
    cache.put('age','20');

    console.log(cache.get('name'));
}])
```

#### $log服务

* log()
  * 打印
* info()
  * 打印信息
* warn()
  * 警告信息
* error()
  * 错误信息

```javascript
m1.controller('Aaa',['$scope','$log',function($scope,$log){

    $log.log('hello');
    $log.info('hello');
    $log.warn('hello');
    $log.error('hello');
}]);
```

![](/files/-LjTb9IqfmaKkYoGkJRk)

#### $interpolate

插值计算

```markup
<script>
var m1 = angular.module('myApp',[]);
m1.controller('Aaa',['$scope','$interpolate',function($scope,$interpolate){ 
    $scope.$watch('body',function(newBody){     
        if(newBody){
            var temp = $interpolate(newBody);
            $scope.showText = temp({ name : $scope.name });         
        }       
    }); 
}]);
</script>

<div ng-controller="Aaa">
    <input type="text" ng-model="name">
    <textarea ng-model="body">
    </textarea>
    <p>{{showText}}</p>
</div>
```

#### 供应商概念

* 服务的相关初始配置操作
* config
  * provider
  * $interpolate
    * startSymbol()
      * 表达式头部标识
    * endSymbol()
      * 表达式尾部标示
  * $log
    * debugEnabled()
      * 禁用某功能
  * $anchorScroll
    * disableAutoScrolling()
      * 禁止在地址栏自动跳转

#### **$q**延迟对象

* promise的实现
* defer()
* resolve()
  * 成功
* reject()
  * 失败
* notify()
* then()

#### 自定义服务

* module
  * filter()
  * directive()
  * factory()
  * provider()
    * 区别
    * $get

```javascript
var m1 = angular.module('myApp',[]);
m1.factory('myService',function(){

    return {
        name:'efee',
        show:function(){
            return this.name+':angular';
        }
    }
})
m1.controller('Acon',['$scope','myService',function($scope,myService){
    console.log(myService.show());
}])
```

* 模块之间的通信
  * provide好处
* service()
  * 构造函数
* constant()
  * 设置常量
* value()
  * 区别

#### angularjs插件

* ngSanitize
* ngRoute
  * 版本的问题
  * ng-view
    * 这个插件特有。
  * $routeProvider
    * when
      * template
      * templateUrl