angular框架

angular框架实现拉勾网的部分功能_**_````_**_

准备**

调试插件

anglur在浏览器中调试不够方便，可以使用调试插件–batarang
下载地址： https://pan.baidu.com/s/1jGILtzg bower

前端工具

bower

第三方包管理工具 通过npm bower 安装，使用 npm -b测试是否安装成功
常用命令：init/install/uninstall
配置文件: .bowerrc(修改安装目录)，bower.json
利用bower初始化和安装1.5.8版本的angular bower init bower install - -save angular#1.5.8
创建.bowerrc文件 null<.bowerrc

gulp

安装gulp以及相关插件 npm install gulp gulp-clean gulp-concat gulp-cssmin gulp-imagemin gulp-less gulp-load-plugins gulp-uglify –save–dev

使用angular开发

angular语法

1. 数据绑定：页面数据和js中 scope数据模型。ng−model(值)ng−bind(文本) scope
2. 指令：html属性、标签、样式、注释。包括内置指令和自定义指令。
   内置指令：ng-click ng-hide ng-show ng-if ng-repeat ng-app ng-class
   自定义指令(directive)属性：
   
   • restrict（调用方式）:常用的是A（属性），EA（标签）
   • scope true/false 对象 是否继承父级作用域属性
     对象：@(常量) =(变量) &(函数)
   • template html模板字符串
   • templateurl html模板路径
   • link 为指令定义内在逻辑
   • transclude true/false 是否内嵌html
     3.控制器：视图对应的业务逻辑，为数据模型添加行为和属性
     常用属性： id和scope一一对应。 parent scopr的父作用域，控制器嵌套或者指令发生父子作用域 root 相当于 rootscope常用函数： watch on broadcast(向下广播) emit(向上广播) digest（双向数据绑定）
     注：事件接收方初始化不能发生在 broadcast之后，否则无效通过原生js操作DOM后，要用 digest同步数据
     4.服务
     函数单例、懒加载、公用函数
     http q(异步) timeout interval rootscope(scope对象的祖先) timeout(function(){},0)放到执行队列的最后
     $rootScope定义公共的函数和变量