《AngularJS深度剖析与最佳实践》读书笔记模板

读书笔记模板AngularJS深度剖析与最佳实践01思维导图读书笔记目录分析内容摘要精彩摘录作者介绍目录0305020406思维导图实践深度框架实战技术内容技巧指令问题功能方式第章使用类型函数开发声明命名服务本书关键字分析思维导图内容摘要内容摘要在前端开发中，如何弥补语言的先天不足？如何干净漂亮地解耦？如何设计“小而美”的类/代码块？对于一个“极客”来说，总是要用一些漂亮的技术来解决这些问题，而Angular当之无愧是这类技术之一。本书深入讲解AngularJS的基本概念及其背后的原理，包括完整的开发框架与实践，从最初的框架搭建开始，快速迭代，逐步丰富项目的骨肉，并在这个过程中展现AngularJS的诸多特性与技巧，内容由浅入深、讲解细腻、实战性强，是从AngularJS的小工走向专家的必备参考。读书笔记读书笔记作者传授了很多实践经验，建议有angularjs经验的来读此书，会有更多收获。不错，如果是angularjs帮助应该非常大，但是现在都已经是angular2之后的typescript了，很多地方还是可以学习，但是会打折扣，越是后面的经验感觉越是有价值，总体来说很不错的一本书。刚读完前两章，感觉有了一个很不一样的视觉。在前端开发中，如何弥补语言的先天不足？如何干净漂亮地解耦？如何设计“小而美”的类/代码块？对于一个“极客”来说，总是要用一些漂亮的技术来解决这些问题，而Angular当之无愧是这类技术之一。精彩摘录精彩摘录如今，一个不会Google（以及翻墙），没上过GitHub，不知道Stackoverflow的程序员很难想象会有什么发展空间。github/ng-nice/code让后端只提供跟业务逻辑紧密相关的那部分API，而用户交互等非核心逻辑则交给前端程序来完成。绝不要先设计你的页面，然后用DOM操作去改变它。❑指令不是封装jQuery代码的“天堂”。想要获取源码，请执行命令：gitclone:ng-nice/code.git，除下列指令外的内置指令都不需要把值用{{}}包裹起来：ng-src、ng-href以及不太常用的ng-bind-template和ng-srcset目录分析1.1环境准备1.2需求分析与迭代计划1.3创建项目1.4实现第一个页面：注册1.5实现更多功能：主题12345第1章从实战开始1.7实战小结1.6实现AOP功能第1章从实战开始1.3创建项目1.3.1Yeoman1.3.2FrontJet1.4实现第一个页面：注册1.4.1约定优于配置1.4.2定义路由1.4.3把后端程序跑起来1.4.4连接后端程序1.4.5添加验证器1.4.6“错误信息提示”指令1.4.7用过滤器生成用户友好的提示信息1.4.8实现自定义验证规则1.4.9实现图形验证码1.5实现更多功能：主题1.5.1实现主题列表1.5.2实现过滤功能1.5.3实现分页功能1.5.4实现主题树1.5.5实现递归主题树1.5.6实现“查看详情”功能1.6实现AOP功能1.6.1实现登录功能1.6.2实现对话框1.6.3实现错误处理功能2.1什么是UI2.2模块2.3作用域2.4控制器第2章概念介绍2.5视图2.6指令2.7过滤器2.8路由第2章概念介绍2.9服务2.10承诺2.11消息2.12单元测试2.13端到端测试12345第2章概念介绍2.6指令2.6.1组件型指令2.6.2装饰器型指令2.9服务2.9.1服务2.9.2工厂2.12单元测试2.12.1MOCK的使用方式2.12.2测试工具与断言库3.1Angular中的MVVM模式3.2Angular启动过程3.3依赖注入3.4脏检查机制3.5指令的生命周期12345第3章背后的原理3.6Angular中的$parse、$eval和$observe、$watch3.7REST3.8跨域3.9前端安全技术第3章背后的原理3.3依赖注入3.3.1什么是依赖注入3.3.2如何在JavaScript中实现DI3.3.3Angular中的DI3.3.4DI与minify3.4脏检查机制3.4.1浏览器事件循环和Angular的MVW3.4.2Angular中的$watch函数3.4.3Angular中的$digest函数3.4.4Angular中的$apply3.5指令的生命周期3.5.1Injecting3.5.2compile和link过程3.6Angular中的$parse、$eval和$observe、$watch3.6.1$parse和$eval3.6.2$observe和$watch3.6.3使用场景3.7REST3.7.1REST的六大要点3.7.2REST的四个级别3.8跨域3.8.1同源策略与跨域3.8.2如何解决跨域问题3.9前端安全技术3.9.1前端攻击的基本原理和类型3.9.2前端安全与前后端分工3.9.3移动时代的特殊挑战3.9.4安全无止境4.1调整开发协作流程4.2前后端分离部署4.3样式中心页4.4CSS的扩展语言与架构4.5HTML的表意性12345第4章最佳实践4.6table，天使还是魔鬼4.8如何设计友好的RESTAPI4.7测试什么？怎么测？第4章最佳实践4.9使用controllerasvm方式4.10移除不必要的$watch4.11总是用ng-model作为输出4.12用打包代替动态加载4.13引入Angular-hint12345第4章最佳实践4.7测试什么？怎么测？4.7.1准备工作4.7.2如何测试Controller4.7.3如何测试Service4.7.4如何测试Filter4.7.5如何测试组件型指令4.7.6如何测试装饰器型指令4.7.7如何测试络请求4.7.8如何测试setTimeout类功能4.7.9如何MockService4.8如何设计友好的RESTAPI4.8.1URI4.8.2资源拆分4.8.3资源命名4.8.4方法4.8.5返回值4.8.6综合案例：分页API4.9使用controllerasvm方式4.9.1源码分析4.9.2推荐用法和优势4.9.3路由中的controlleras语法4.9.4指令中的controlleras语法4.10移除不必要的$watch4.10.1双向绑定和watchers函数4.10.2其他指令中的watchers函数4.10.3慎用$watch和及时销毁4.10.4one-time绑定4.10.5滚屏加载4.10.6其他4.13引入Angular-hint4.13.1通过batarang插件使用angular-hint4.13.2手动集成angular-hint4.13.3Modulehints4.13.4Controllerhints4.13.5Directivehints5.1$timeout的妙用5.2ngTemplate寄宿方式5.3在非独立作用域指令中实现scope绑定5.4表单验证错误信息显示5.5Angular中的AOP机制12345第5章Angular开发技巧5.6Ajax请求和响应数据的转换5.7在代码中注入Filter5.8防止Angular表达式闪烁5.9实现前端权限控制第5章Angular开发技巧5.10依赖注入—$injector5.11在指令中让使用者自定义模板5.12跨多个节点的ng-if或ng-repeat5.13阻止事件冒泡和浏览器默认行为5.14动态绑定HTML12345第5章Angular开发技巧5.5Angular中的AOP机制5.5.1拦截器案例5.5.2拦截器源码分析5.5.3Angular中的装饰器5.5.4Angular装饰器源码分析5.6Ajax请求和响应数据的转换5.6.1兼容老式API5.6.2Ajax请求配置的源码分析5.7在代码中注入Filter5.7.1复用指定Filter5.7.2重用多个Filter案例5.7.3Filter源码分析5.8防止Angular表达式闪烁5.8.1表达式闪烁解决方案5.8.2ngCloak源码分析5.8.3最佳实践5.9实现前端权限控制5.9.1事件方案5.9.2resolve方案5.10依赖注入—$injector5.10.1$injector的创建5.10.2$injector注入方式5.10.3$injector的妙用6.1module函数的声明和获取重载6.2ngModel绑定值不更改6.3指令不生效6.4Angular中锚点的使用第6章Angular常见的“坑”6.5ngRepeat验证失效6.6有些指令需要唯一的根节点6.7指令优先级-Priority6.8ngRepeat报重复内容错误6.9单元测试中promise不触发12345第6章Angular常见的“坑”6.2ngModel绑定值不更改6.2.1验证引起的model值不显示6.2.2原型链继承问题6.5ngRepeat验证失效6.5.1简单的验证显示6.5.2复杂的验证显示7.1目录结构7.2模块组织7.3控制器7.4服务7.5过滤器7.6指令010302040506第7章编码规范7.7模板7.9其他7.8工具第7章编码规范7.1目录结构7.1.1按照类型优先、业务功能其次的组织方式7.1.2按照业务功能优先、类型其次的组织方式7.2模块组织7.2.1命名7.2.2Module声明7.2.3依赖声明7.2.4Module组件声明7.3控制器7.3.1命名7.3.2ControllerAsvm声明7.3.3初始化数据7.3.4DOM操作7.3.5依赖的声明7.3.6精简控制器逻辑7.3.7禁止用$rootScope传递数据7.3.8格式化显示逻辑7.3.9Resolve7.4服务7.4.1命名7.4.2代码复用7.4.3使用场景7.4.4Service返回值7.4.5缓存不变数据7.4.6RESTful7.5过滤器7.5.1命名7.5.2重用已有Filter7.5.3禁止复杂的Filter7.6指令7.6.1命名7.6.2Template声明7.6.3link函数的scope参数命名7.6.4pre-link和post-link7.6.5DOM操作7.6.6Directive分类7.6.7Directive不是封装jQuery代码“天堂”7.6.8自动回收7.7模板7.7.1表达式绑定7.7.2Src、Href问题7.7.3Class优于Style7.9其他7.9.1内置$服务替代原生服务7.9.2Promise解决回调地狱7.9.3减少$watch7.9.4TDD8.1WebStorm与IntelliJ8.3Gulp8.2Chrome第8章工具8.4Swagger8.6Postman8.5TSD第8章工具8.4Swagger8.4.1前后端分离8.4.2Swagger8.4.3契约测试8.6Postman8.6.1安装8.6.2功能介绍9.1Angular2.09.3IE兼容性9.2SEO第9章杂项知识9.4访问统计9.5响应式布局9.6国际化9.7动画9.8手机版开发12345第9章杂项知识9.3IE兼容性9.3.1问题概述9.3.2问题分类9.7动画9.7.1CSS动画9.7.2JavaScript动画9.8手机版开发9.8.1Hybrid应用9.8.2IonicA.2CSS&SassA.1综述附录A相关资源A.1综述A.1.1本书相关的资源A.1.2前端公共知识A.1.3MDNA.1.4CSSA.1.5Sass语法sass-lang/documentation/file.SASS_REFERENCE.htmlA.1.6JavaScript入门A.1.7JavaScript进阶A.1.8RESTA.1.9编程风格与习惯A.2CSS&SassA.2.1选择器类型A.2.2选择器组合规则A.2.3层叠规则A.2.4盒子模型A.2.5元素布局模式A.2.6