AirJD 焦点
AirJD

没有录音文件
00:00/00:00
加收藏

运维开发前端转型之道—Angularjs by 林香鑫@网易

发布者 FEer   简介 前端技术
发布于 1455757747566  浏览 2214 关键词 前端, JavaScript, AngularJS 
分享到

第1页

运维开发前端转型之道 ——Angularjs

⺴⽹网易互动娱乐事业群在线游戏事业部 运维开发⼯工程师 林⾹香鑫 2015-10-24



第2页

1024



第3页

繁杂的业务

• 系统繁多 • 架构不同 • 重复性⾼高 • 效率第⼀一



第4页

Why Angular

• MVVM • 双向绑定 • 依赖注⼊入 • 指令



第5页

Why Angular

• DOM不是第⼀一优先级 • 声明式编程 • CRUD应⽤用 • 效率



第6页

勤劳的管家 scope



第7页

• 创建 • 链接 • 更新 • 销毁



⽣生命周期



第8页

双向绑定

scope是视图和控制器之间的⼀一个通道



第9页

作⽤用域树



实例HTML



prototype指向



隔离的scope的prototype指向scope构造函数 ⾮非隔离scope的prototype指向其parent scope



第10页

消息机制

• $on:存储在$$listeners中 • $emit:根据层级关系逐级往上传播 • $broadcast:深度优先遍历

基于scope的层级关系决定消息的传播路径和范围



第11页

万能的匠师 指令



第12页

• 指令是什么



指令



第13页

• 指令定义



指令



第14页

• 指令运⾏行

• compile • preLink • postLink



指令



第15页

钟点⼯工 service

• 依赖注⼊入 • ⽤用途:提供服务、配置服务 • 种类:provider/factory/service/value/constant • 服务缓存:providerCache、instanceCache



第16页

靠谱的路标 ui-router

• router vs ui-router • nested-view & multi-view



第17页

模块

• 可重⽤用性 • 按需引⼊入 • 定义顺序不受限制



第18页

转型之路



第19页

• 按职能 • 按模块



⺫⽬目录结构



第20页

• 功能性组件 • 业务性组件



组件化



按照⽇日常需求构建组件库,⼀一处开发,到处使⽤用



第21页

模块化

模块化的⺫⽬目的是可以随意组装系统



第22页

数据池化

• 数据可视化 • REST & $resource



第23页

⾃自助化

• 模块化的延伸 • 代码作为资源 • 声明式



第24页

部署⾃自动化



第25页

前端⽅方案



第26页

THANKS



支持文件格式:*.ppt, *.pptx, *.pdf
上传最后阶段需要进行在线转换,可能需要1~2分钟,请耐心等待。