标签分类
当前位置:首页 > 程序设计电子书 > Angular电子书网盘下载
Angular从零到一 Angular从零到一
weixin_43701

weixin_43701 提供上传

资源
39
粉丝
49
喜欢
166
评论
5

    Angular从零到一 PDF 高清版

    Angular电子书
    • 发布时间:

    给大家带来的一篇关于Angular相关的电子书资源,介绍了关于Angular方面的内容,本书是由机械工业出版社出版,格式为PDF,资源大小16.8 MB,王芃编写,目前豆瓣、亚马逊、当当、京东等电子书综合评分为:7.6,更多相关的学习资源可以参阅 程序设计电子书、等栏目。

  • Angular从零到一 PDF 下载
  • 下载地址:https://pan.baidu.com/s/1ky4rlIVEH0SsAcFT_JpT6w
  • 分享码:h554
  • Angular从零到一 PDF

    Angular从零到一系统介绍Angular的基础知识与开发技巧,可帮助前端开发者快速入门。共有9章,第1章介绍Angular的基本概念,第2~7章从零开始搭建一个待办事项应用,然后逐步增加功能,如增加登录验证、将应用模块化、多用户版本的实现、使用第三方样式库、动态效果制作等。第8章介绍响应式编程的概念和Rx在Angular中的应用。第9章介绍在React中非常流行的Redux状态管理机制,这种机制的引入可以让代码和逻辑隔离得更好,在团队工作中强烈建议采用这种方案。本书不仅讲解Angular的基本概念和*佳实践,而且分享了作者解决问题的过程和逻辑,讲解细腻,风趣幽默,适合有面向对象编程基础的读者阅读。

    目录

    • 前言
    • 第1章 认识Angular 1
    • 1.1 Angular 2简介 1
    • 1.2 环境配置要求 2
    • 1.3 第一个小应用 Hello Angular 3
    • 1.4 第一个组件 6
    • 1.5 一些基础概念 8
    • 1.5.1 元数据和装饰器 8
    • 1.5.2 模块 10
    • 1.5.3 组件 12
    • 1.6 引导过程 13
    • 1.7 代码的使用和安装 14
    • 第2章 用Form表单做一个登录控件 15
    • 2.1 对于login组件的小改造 17
    • 2.2 建立一个服务完成业务逻辑 21
    • 2.3 双向数据绑定 26
    • 2.4 表单数据的验证 28
    • 2.5 验证结果的样式自定义 34
    • 2.6 组件样式 36
    • 2.7 小练习 37
    • 第3章 建立一个待办事项应用 38
    • 3.1 建立routing的步骤 38
    • 3.1.1 路由插座 40
    • 3.1.2 分离路由定义 41
    • 3.2 让待办事项变得有意义 43
    • 3.3 建立模拟Web服务和异步操作 47
    • 3.3.1 构建数据模型 48
    • 3.3.2 实现内存Web服务 49
    • 3.3.3 内存服务器提供的Restful API 50
    • 3.3.4 Angular 2内建的HTTP方法 52
    • 3.3.5 JSONP和CORS 54
    • 3.3.6 页面展现 54
    • 3.4 小练习 58
    • 第4章 进化!将应用模块化 59
    • 4.1 一个复杂组件的分拆 59
    • 4.1.1 输入和输出属性 62
    • 4.1.2 CSS样式的一点小说明 70
    • 4.1.3 控制视图的封装模式 72
    • 4.2 封装成独立模块 72
    • 4.3 更真实的Web服务 76
    • 4.4 完善Todo应用 78
    • 4.5 填坑,完成漏掉的功能 82
    • 4.5.1 用路由参数传递数据 82
    • 4.5.2 批量修改和批量删除 86
    • 4.6 小练习 90
    • 第5章 多用户版本应用 91
    • 5.1 数据驱动开发 91
    • 5.2 验证用户账户的流程 96
    • 5.2.1 核心模块 97
    • 5.2.2 路由守卫 98
    • 5.3 路由模块化 105
    • 5.4 路由的惰性加载——异步路由 106
    • 5.5 子路由 108
    • 5.6 用VSCode进行调试 112
    • 5.7 小练习 116
    • 第6章 使用第三方样式库及
    • 模块优化 117
    • 6.1 生产环境初体验 117
    • 6.2 更新angular-cli的方法 120
    • 6.3 第三方样式库 121
    • 6.4 第三方JavaScript类库的集成方法 125
    • 6.5 模块优化 132
    • 6.6 多个不同组件间的通信 134
    • 6.7 方便的管道 140
    • 6.7.1 自定义一个管道 142
    • 6.7.2 内建管道的种类 143
    • 6.8 指令 145
    • 6.9 小练习 148
    • 第7章 给组件带来活力 149
    • 7.1 更炫的登录页 149
    • 7.1.1 响应式的CSS框架 149
    • 7.1.2 寻找免费的图片源 153
    • 7.2 自带动画技能的Angular 2 157
    • 7.3 Angular 2动画再体验 159
    • 7.3.1 state和transition 159
    • 7.3.2 奇妙的animate函数 164
    • 7.3.3 关键帧 166
    • 7.4 完成遗失已久的注册功能 168
    • 7.5 响应式表单 173
    • 7.5.1 表单控件和表单组 176
    • 7.5.2 表单提交 179
    • 7.5.3 表单验证 179
    • 7.5.4 表单构造器 181
    • 7.5.5 Restful API的实验 182
    • 7.6 Angular 2的组件生命周期 185
    • 7.7 小练习 187
    • 第8章 Rx——隐藏在Angular中的利剑 188
    • 8.1 Rx再体验 190
    • 8.2 常见操作 194
    • 8.2.1 合并类操作符 195
    • 8.2.2 创建类操作符 203
    • 8.2.3 过滤类操作符 208
    • 8.2.4 Subject 210
    • 8.3 Angular 2中的内建支持 211
    • 8.3.1 Async管道 214
    • 8.3.2 Rx版本的Todo 216
    • 8.4 小练习 223
    • 第9章 用Redux管理Angular应用 224
    • 9.1 什么是Redux 224
    • 9.1.1 Store 225
    • 9.1.2 Reducer 225
    • 9.1.3 Action 226
    • 9.2 为什么要在Angular中使用 227
    • 9.3 如何使用Redux 231
    • 9.3.1 简单内存版 231
    • 9.3.2 时光机器调试器 239
    • 9.3.3 带HTTP后台服务的版本 242
    • 9.3.4 一点小思考 247
    • 9.3.5 用户登录和注册的改造 248
    • 9.4 小练习 256
    • 9.5 小结 256

    上一篇:OPhone/Android游戏开发与推广指南  下一篇:Android经典应用程序开发

    展开 +

    收起 -

    码小辫二维码
     ←点击下载即可登录

    Angular相关电子书
    学习笔记
    网友NO.334722

    使用Jasmine和Karma对AngularJS页面程序进行测试

    AngularJS是继jQuery之后发生在JavaScript上最好的东西。这也是JavaScript开发一直以来想要的方式。Angular主要的优点之一就是它的依赖注入(Dependency Injection),它非常利于代码的单元测试。但有点小怪异的是,我在无论如何都没能找到一个介绍如何做单元测试的教程。 当然有很多不错的推荐:使用Jasmine测试框架和Karma测试执行器(Test Runner);但是并没有一篇完整的从无到有指导如何测试的教程。所以我写了这篇文章。我在网上找了很多资源才知道如何去做,而你现在不需要去做这些(如果一开始就看到这篇文章的话)。 请告诉我你看到的任何错误,直到我能说这是基于Karma和Jasmine测试Angular应用的最佳实践。 介绍 这篇文章会引导你安装使用Karma和Jasmine做自动化测试所需要的所有工具。我不在乎你实在使用TDD(测试驱动开发)还是TAD(测试辅助开发),在这篇文章中,我假设你已经有一个文件需要测试。 安装Karma 如果你没有安装 Node.js,那么请自行下载和安装。安装之后,打开终端或命令行输入一下命令: npm install -g karma 文件结构 文件结构是跟我们的议题关联不大,但是在接下来的测试中,我使用的文件结构如下: Application| angular.js| angular-resource.js| Home | home.js| Tests | Home | home.tests.js | karma.config.js (will be created in the next step) |……

    网友NO.959240

    bootstrap tooltips在 angularJS中的使用方法

    使用bootstrap自带的提示控件,省去了不少事情 div class="s2" ng-init="InitTooltip()" input type="text" ng-pattern="/^(http|https|ftp)\://[a-zA-Z0-9\.\,\?\'\\/\+%\$\#\=~:_\-\s@]+$/" class="inputwords" id="txtExamination" name="txtExamination" ng-model="csInfo.ExamUrl" placeholder="测验地址" span data-toggle="tooltip" data-placement="top" data-html="true" title="1、点击《新建测验》按钮 br/ 2、测验创建完成后,点击页面右上角《共享》按钮点击《复制》按钮 br/ 3、把复制的url粘贴到此处即可" i class="fa fa-question-circle-o examSpan"/i /span span a target="_blank" href="https://forms.office.com/Pages/DesignPage.aspx"创建测验/a/span/div 控制器或者js代码: $scope.InitTooltip = function() { //初始化tips提示控件 $("[data-toggle='tooltip']").tooltip(); }; 控制颜色,类名是生成弹出层后的类名: /**控制弹出层颜色和大小*/.tooltip-inner { background: #fafafa !important; text-align: left !important; color: #363636 !important; border: 1px solid #dedede; max-width: 400px !important; padding: 4px;}/**控制小三角透明度*/.tooltip-arrow{ border-bottom-color: #ffffff !important; opacity: 0.3;} 默认背景颜色 设置颜色后 总结 以上所述是小编给大家介绍的bootstrap tooltips在 angularJS中的使用方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的! ……

    网友NO.429617

    jQuery的时间datetime控件在AngularJs中的使用实例(分享)

    百度一下,自己也想了一下,有一种简单,无脑的方式分享给你: input ng-model="start" id="start" placeholder="开始日期" class="form-control date-picker" data-date-format="yyyy-mm-dd" type="text" 使用绑定拿不到,但是angular可以兼容jquery,为何不这样去拿:$("#start").val(),节约时间,快!!! 以上这篇jQuery的时间datetime控件在AngularJs中的使用实例(分享)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持码农之家。 ……

    网友NO.373037

    Angularjs---项目搭建图文教程

    开发工具采用WebStorm,没破解,使用了过期策略:安装之后不着急打开程序,先设置系统日期为未来的某个日期,比如2020年。然后再打开程序,试用。然后再改回来系统日期。虽然每次打开WebStorm都会提示: 不过不影响使用,点击“OK”继续吧。 项目采用anguarjs seed项目作为基础框架,搭建完成之后如下: .bowerrc的配置如下: { "directory": "app/lib" } 3. app中的各view拆分成不同的目录存放,如下: 4. 接下来是依赖的第三方库导入,bower install --save 库名 用到的几个: angular-local-storage : 本地存储,如果不支持localstore,自动切换为cookie angular-summernote : 简易的富文本编辑,界面引用简单,记着在app.js中注册“summernote” summernote height="300" lang="zh-CN"/summernote angular-base64和angular-md5 加解密 bootstrap 样式必然是这个 bootstrap-fileinput 图片上传,支持上传即可预览 5. 配置打包的fis-config.js // 包含所有文件fis.config.set('project.include', '**');// 排除目录fis.config.set('project.exclude', /^\/lib\/.*\/src\//i);// 加载packfis.config.set('modules.postpackager', 'simple');fis.config.set('pack', { 'js/application.js': [ '/lib/angular/angular.min.js', '/lib/angular-route/angular-route.min.js', '/lib/jquery/dist/jquery.min.js', '/js/app.js', '/js/controllers.js', '/js/directives.js', '/js/filters.js', '/js/services.js' ], 'css/application.css': [ '/l……

    Copyright 2018-2019 xz577.com 码农之家

    版权责任说明