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

  • 设置缓存长度

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()

  • 错误信息

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

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

$interpolate

插值计算

<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

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