标签分类
当前位置:首页 > 程序设计电子书 > 前端开发电子书网盘下载
疯狂前端开发讲义:jQuery+AngularJS+Bootstrap前端开发实战 疯狂前端开发讲义:jQuery+AngularJS+Bootstrap前端开发实战
码小辫

码小辫 提供上传

资源
16
粉丝
30
喜欢
3
评论
17

    疯狂前端开发讲义:jQuery+AngularJS+Bootstrap前端开发实战 PDF 清晰扫描版

    前端开发电子书
    • 发布时间:

    给大家带来的一篇关于前端开发相关的电子书资源,介绍了关于疯狂、前端开、讲义、jQuery、AngularJS、Bootstrap、前端开发方面的内容,本书是由电子工业出版社出版,格式为PDF,资源大小131.7 MB,李刚编写,目前豆瓣、亚马逊、当当、京东等电子书综合评分为:8.6,更多相关的学习资源可以参阅 程序设计电子书Web前端视频、等栏目。

  • 疯狂前端开发讲义:jQuery+AngularJS+Bootstrap前端开发实战 PDF 下载
  • 下载地址:https://pan.baidu.com/s/1IC8INjRBLywk8dmEML8h9Q
  • 分享码:sfp1
  • 疯狂前端开发讲义:jQuery+AngularJS+Bootstrap前端开发实战 PDF

    关键解读jQuery、AngularJS、Bootstrap这3个常见的前端框架,并对于每一架构都出示了好用的实例,让用户理论指导。

    这书出示2个综合性实例,开发利用了jQuery、AngularJS、Bootstrap前端工程师技术性,并在后端开发选用了极其时兴、标准的轻巧Java EE构架:控制板层->业务逻辑层->统计数据持久化层。

    书中实例对具体新项目具备很好的具体指导使用价值和效仿实际意义。

    实例既出示了IDE不相干的、根据Ant管理方法的新项目源代码,也出示了根据Eclipse IDE的新项目源代码,巨大底限地考虑用户的要求。

    疯狂前端开发讲义》根据《瘋狂Ajax教材(第3版)》的一部分內容升級而成,本书升級了HTML 5.1适用的XMLHttpRequest,jQuery升級到3.1。《瘋狂前端工程师教材》的重中之重是新添加的2个现阶段非常流行的前端框架:AngularJS和Bootstrap。《瘋狂前端工程师教材》详尽、全方位地详细介绍了AngularJS和Bootstrap的专业知识,因为这2个架构是《疯狂前端开发讲义》的重中之重,因而花了近400多张来详细介绍他们的作用和使用方法,这些內容单独出去彻底能够做为AngularJS和Bootstrap的学习培训指南。《疯狂前端开发讲义》关键就是说解读jQuery 3.1、AngularJS 1.6、Bootstrap 3.3这3个常见的前端框架,并对于每一架构都出示了好用的实例,让用户理论指导。这些內容是“瘋狂软件教育管理中心”的规范教材,既包括了具体前端工程师的重中之重和难题,也融进了很多学生的学习方法和感受。小编以丰富多彩的讲课工作经验为基本,在解读从入门到精通,务求使用户真实把握前端工程师的精粹。《瘋狂前端工程师教材》zui后出示2个综合型实例:图书管理系统和电子器件竞拍系统软件,这2个新项目都开发利用了jQuery、AngularJS、Bootstrap前端工程师技术性,并在后端开发选用了时兴、标准的轻巧Java EE构架:控制板层->业务逻辑层->统计数据持久化层。这2个实例对具体新项目具备很好的具体指导使用价值和效仿实际意义。实例既出示了IDE不相干的、根据Ant管理方法的新项目源代码,也出示了根据Eclipse IDE的新项目源代码,巨大底限地考虑用户的要求。假如在阅读文章《瘋狂前端工程师教材》时碰到一切技术性难题,都可以登陆与《瘋狂前端工程师教材》巨大的作者群沟通交流。《瘋狂前端工程师教材》并不是对于初学者的用户,《瘋狂前端工程师教材》已不包括HTML、CSS、JavaScript有关专业知识,这种专业知识是阅读文章《瘋狂前端工程师教材》的基本。《瘋狂前端工程师教材》合适有基本HTML、CSS、JavaScript基本的用户,或对公司使用前端工程师不太熟的开发者。假如早已把握《瘋狂前端工程师教材》的姊妹篇《瘋狂HTML 5/CSS 3/JavaScript教材》,将特别适合阅读文章《瘋狂前端工程师教材》。

    目录

    • 第1章 前端开发与Ajax技术 1
    • 1.1 重新思考Web应用 2
    • 1.1.1 应用系统的发展史 2
    • 1.1.2 传统Web应用的优势和缺点 3
    • 1.2 重新设计Web应用 4
    • 1.2.1 富Internet应用 4
    • 1.2.2 改进的服务器通信 5
    • 1.2.3 丰富的客户端交互 6
    • 1.3 前端开发介绍 7
    • 1.3.1 XMLHttpRequest简介 7
    • 1.3.2 前端开发的核心技术 7
    • 1.3.3 前端Ajax的特征 9
    • 1.3.4 Ajax带来的优势 10
    • 1.4 前端开发体验:Ajax聊天室 11
    • 1.4.1 实现业务逻辑组件 12
    • 1.4.2 注册、登录控制器 15
    • 1.4.3 注册、登录视图 16
    • 1.4.4 异步发送请求 17
    • 1.4.5 聊天控制器 18
    • 1.4.6 解析服务器响应 21
    • 1.4.7 何时发送请求 21
    • 1.5 前端开发的技术难点 24
    • 1.6 本章小结 25
    • 第2章 HTML 5增强的XMLHttpRequest对象 26
    • 2.1 XMLHttpRequest对象的方法和属性 27
    • 2.1.1 XMLHttpRequest对象的方法 27
    • 2.1.2 XMLHttpRequest对象的属性 30
    • 2.2.3 XMLHttpRequest对象的事件 32
    • 2.2 发送请求 33
    • 2.2.1 发送简单请求 33
    • 2.2.2 发送GET请求 34
    • 2.2.3 发送POST请求 36
    • 2.2.4 发送XML请求 37
    • 2.2.5 发送表单数据 40
    • 2.2.6 发送Blob对象 42
    • 2.3 处理响应 44
    • 2.3.1 处理响应的时机 44
    • 2.3.2 使用文本响应 44
    • 2.3.3 使用JSON响应 45
    • 2.3.4 使用Blob或ArrayBuffer响应 48
    • 2.4 XMLHttpRequest对象的运行周期 50
    • 2.5 跨域请求和安全性问题 50
    • 2.5.1 跨域请求 50
    • 2.5.2 安全性问题 53
    • 2.5.3 性能问题 54
    • 2.6 本章小结 56
    • 第3章 jQuery库详解 57
    • 3.1 jQuery入门 58
    • 3.1.1 理解jQuery的设计 58
    • 3.1.2 下载和安装jQuery 59
    • 3.1.3 让jQuery与其他JavaScript库共存 60
    • 3.2 获取jQuery对象 61
    • 3.2.1 jQuery核心函数 61
    • 3.2.2 jQuery与jQuery.holdReady 62
    • 3.2.3 以CSS选择器访问DOM元素 63
    • 3.2.4 以伪类选择器访问DOM元素 65
    • 3.2.5 表单相关的选择器 70
    • 3.3 jQuery操作类数组的工具方法 72
    • 3.3.1 过滤相关方法 74
    • 3.3.2 仿DOM导航查找的相关方法 76
    • 3.3.3 串联方法 78
    • 3.4 jQuery支持的方法 79
    • 3.4.1 jQuery命名空间的方法 80
    • 3.4.2 数据存储的相关方法 83
    • 3.4.3 操作属性的相关方法 84
    • 3.4.4 操作CSS属性的相关方法 86
    • 3.4.5 操作元素内容的相关方法 89
    • 3.4.6 操作DOM节点的相关方法 90
    • 3.5 jQuery事件相关方法 96
    • 3.5.1 绑定事件处理函数 96
    • 3.5.2 特定事件相关的方法 98
    • 3.5.3 事件对象 99
    • 3.6 动画效果相关的方法 100
    • 3.6.1 简单动画和复杂动画 100
    • 3.6.2 操作动画队列 103
    • 3.7 jQuery的回调支持 104
    • 3.7.1 回调支持的基本用法 104
    • 3.7.2 创建Callbacks对象支持的选项 106
    • 3.8 Ajax相关方法 108
    • 3.8.1 三个工具方法 108
    • 3.8.2 使用load方法 109
    • 3.8.3 jQuery.ajax(options)与jQuery.ajaxSetup(options) 111
    • 3.8.4 使用get/post方法 112
    • 3.9 jQuery的Deferred对象 115
    • 3.9.1 jQuery的异步调用 115
    • 3.9.2 为多个耗时操作指定回调函数 119
    • 3.9.3 为普通对象增加Defered接口 119
    • 3.9.4 jQuery对象的promise方法 120
    • 3.10 扩展jQuery和jQuery插件 121
    • 3.11 本章小结 122
    • 第4章 基于jQuery的应用:电子相册系统 123
    • 4.1 实现持久层 124
    • 4.1.1 实现持久化类 124
    • 4.1.2 配置SessionFactory 126
    • 4.2 实现DAO组件 127
    • 4.2.1 开发通用DAO组件 127
    • 4.2.2 DAO接口定义 130
    • 4.2.3 完成DAO组件的实现类 131
    • 4.3 实现业务逻辑层 132
    • 4.3.1 实现业务逻辑组件 132
    • 4.3.2 配置业务逻辑组件 134
    • 4.4 实现客户端调用 135
    • 4.4.1 访问业务逻辑组件 135
    • 4.4.2 处理用户登录 136
    • 4.4.3 获得用户相片列表 138
    • 4.4.4 处理翻页 140
    • 4.4.5 使用jQuery实现文件上传 141
    • 4.4.6 加载页面时的处理 144
    • 4.5 本章小结 145
    • 第5章 AngularJS详解 147
    • 5.1 AngularJS入门 148
    • 5.1.1 理解AngularJS的基本设计 148
    • 5.1.2 下载和安装AngularJS 149
    • 5.2 表达式 150
    • 5.2.1 简单表达式 150
    • 5.2.2 复合对象表达式 151
    • 5.2.3 AngularJS表达式的容错性 152
    • 5.2.4 AngularJS表达式与JavaScript表达式 152
    • 5.3 模块与控制器 153
    • 5.3.1 模块的加载 153
    • 5.3.2 控制器初始化$scope对象 155
    • 5.3.3 $rootScope作用域 157
    • 5.3.4 $watch方法的使用 158
    • 5.4 过滤器 159
    • 5.4.1 内置过滤器 159
    • 5.4.2 在表达式中使用过滤器 160
    • 5.4.3 在指令中使用过滤器 162
    • 5.4.4 自定义过滤器 162
    • 5.5 函数API 164
    • 5.5.1 扩展型函数 164
    • 5.5.2 jqLite函数 168
    • 5.5.3 判断型函数 169
    • 5.6 指令 170
    • 5.6.1 表单相关的指令 170
    • 5.6.2 表单的输入校验 175
    • 5.6.3 事件相关的指令 178
    • 5.6.4 流程控制相关的指令 179
    • 5.6.5 绑定相关的指令 183
    • 5.6.5 DOM及DOM状态相关指令 187
    • 5.6.6 自定义指令 193
    • 5.6.7 自定义指令的scope属性 195
    • 5.6.8 自定义指令的transclude属性 197
    • 5.6.9 自定义指令的link和compile属性 198
    • 5.6.10 自定义指令的controller和controllerAs属性 202
    • 5.6.11 自定义指令的require属性 203
    • 5.7 调用内置服务 205
    • 5.7.1 $animate服务 205
    • 5.7.2 $cacheFactory服务 207
    • 5.7.3 $compile服务 209
    • 5.7.4 $document、$window、$timeout、$interval和$rootElement 211
    • 5.7.5 $parse服务 214
    • 5.7.6 $interpolate服务 214
    • 5.7.7 $log服务 215
    • 5.7.8 $q服务 216
    • 5.7.9 $templateCache服务 218
    • 5.8 自定义服务 219
    • 5.8.1 使用factory()方法创建自定义服务 219
    • 5.8.2 使用service()方法创建自定义服务 220
    • 5.8.3 使用provider()方法创建自定义服务 221
    • 5.8.4 使用$provide服务创建自定义服务 223
    • 5.8.5 在过滤器中使用自定义服务 225
    • 5.9 依赖注入 226
    • 5.9.1 依赖注入机制简介 226
    • 5.9.2 使用$injector对象获取组件 228
    • 5.9.3 隐式依赖注入 230
    • 5.9.4 行内数组式依赖注入 230
    • 5.9.5 标记式依赖注入 231
    • 5.10 与服务器交互 232
    • 5.10.1 $http服务 232
    • 5.10.2 $http的快捷方法 235
    • 5.10.3 使用$http上传文件 237
    • 5.10.4 使用$resource服务 239
    • 5.11 多视图和路由 240
    • 5.11.1 使用$routeProvider配置路由规则 240
    • 5.11.2 创建多视图 242
    • 5.11.3 通过路由切换视图 244
    • 5.11.4 使用$location实现多视图切换 246
    • 5.12 使用ui-router框架实现多视图 248
    • 5.12.1 ui-router的下载和安装 248
    • 5.12.1 使用$stateProvider配置路由 248
    • 5.12.2 多视图切换与$state 250
    • 5.12.3 多个命名的嵌套视图 252
    • 5.13 本章小结 255
    • 第6章 Bootstrap全局样式 256
    • 6.1 Bootstrap 257
    • 6.1.1 Bootstrap简介 257
    • 6.1.2 下载和安装Bootstrap 257
    • 6.2 网格布局 260
    • 6.2.1 网格布局基础 261
    • 6.2.2 多余的列另起一行 264
    • 6.2.3 响应式列重置 264
    • 6.2.4 单元格偏移 266
    • 6.2.5 单元格排序 267
    • 6.2.6 嵌套网格 268
    • 6.3 Less和mixin 269
    • 6.3.1 Less简介 269
    • 6.3.2 Less的两种用法 270
    • 6.3.3 Less的变量和运算符 274
    • 6.3.4 mixin 274
    • 6.3.5 内嵌规则 275
    • 6.3.6 Bootstrap网格系统的变量和mixin 276
    • 6.4 Bootstrap排版相关样式 278
    • 6.4.1 标题元素和样式 278
    • 6.4.2 段落 279
    • 6.4.3 增强的HTML元素 280
    • 6.4.4 对齐 282
    • 6.4.5 改变大小写 283
    • 6.4.6 列表 283
    • 6.5 表格相关样式 286
    • 6.5.1 基础表格 286
    • 6.5.2 条纹表格 287
    • 6.5.3 边框表格 287
    • 6.5.4 鼠标高亮 288
    • 6.5.5 紧凑型表格 289
    • 6.5.6 响应式表格 289
    • 6.5.7 表格行状态 290
    • 6.6 图片和图标 291
    • 6.6.1 图片相关样式 291
    • 6.6.2 图标 293
    • 6.7 辅助样式 294
    • 6.7.1 情境背景色 294
    • 6.7.2 情境文本颜色 295
    • 6.7.3 关闭按钮和三角箭头 295
    • 6.7.4 快速浮动 296
    • 6.7.5 显示或隐藏内容 296
    • 6.7.6 屏幕阅读器和键盘导航 297
    • 6.7.7 图片替换 297
    • 6.8 响应式布局相关样式 297
    • 6.8.1 显示/隐藏相关样式 298
    • 6.8.2 打印相关样式 299
    • 6.9 表单相关样式 299
    • 6.9.1 基础表单 299
    • 6.9.2 行内表单 300
    • 6.9.3 水平表单 302
    • 6.9.4 多选框和单选框 303
    • 6.9.5 表单控件的大小 305
    • 6.9.6 静态控件 307
    • 6.9.7 表单控件的状态 309
    • 6.9.8 帮助文本 309
    • 6.9.9 校验状态 310
    • 6.9.10 校验状态的图标 311
    • 6.10 本章小结 313
    • 第7章 Bootstrap内置组件 314
    • 7.1 按钮 315
    • 7.1.1 按钮大小 316
    • 7.1.2 按钮状态 317
    • 7.2 下拉菜单 319
    • 7.2.1 对齐 321
    • 7.2.2 禁用菜单项 322
    • 7.2.3 按钮式下拉菜单 323
    • 7.2.4 分裂式按钮下拉菜单 324
    • 7.2.5 大小 326
    • 7.3 按钮组 327
    • 7.3.1 基本按钮组 327
    • 7.3.2 工具栏 328
    • 7.3.3 控制按钮组的大小 329
    • 7.3.4 按钮组嵌套下拉菜单 329
    • 7.3.5 两端对齐的按钮组 331
    • 7.4 输入框组 332
    • 7.4.1 基本输入框组 332
    • 7.4.2 控制输入框组的大小 334
    • 7.4.3 单选框或多选框作为附加元素 335
    • 7.4.4 按钮式下拉菜单作为附加元素 336
    • 7.4.5 多按钮 337
    • 7.5 导航 338
    • 7.5.1 简单导航的基础样式 338
    • 7.5.2 两端对齐 340
    • 7.5.3 嵌套下拉菜单 340
    • 7.5.4 路径导航 341
    • 7.5.5 基础导航条 342
    • 7.5.6 导航条中的品牌图标 344
    • 7.5.7 导航7

    上一篇:深入浅出DPDK  下一篇:Unity游戏设计与实现:南梦宫一线程序员的开发实例

    展开 +

    收起 -

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

    前端开发相关电子书
    学习笔记
    网友NO.945919

    VUE前端cookie简单操作

    如下是简单cookie操作,当前仅限前端实例,具体内容如下 要注意的有两点: 1、cookie内容存贮的名称 2、删除cookie是通过设置过期为过去时间实现的 bodydiv id="app" button @click="clearCookie()" 清除cookie /button/div/bodyscript let app = new Vue({ el: "#app", data: { }, created: function () { this.checkCookie(); }, methods: { //设置cookie setCookie: function (cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)); var expires = "expires=" + d.toUTCString(); console.info(cname + "=" + cvalue + "; " + expires); document.cookie = cname + "=" + cvalue + "; " + expires; console.info(document.cookie); }, //获取cookie getCookie: function (cname) { var name = cname + "="; var ca = document.cookie.split(';'); for (var i = 0; i ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') c = c.substring(1); if (c.indexOf(name) != -1) return c.substring(name.length, c.length); } return ""; }, //清除cookie clearCookie: function () { this.setCookie("username", "", -1); }, checkCookie: function () { var user = this.getCookie("username"); if (user != "") { alert("Welcome again " + user); } else { user = prompt("Please enter your name:", ""); if (user != "" user != null) { this.setCookie("username", user, 365); } } } } })/script 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持码农之家。 ……

    网友NO.268090

    JS实现前端缓存的方法

    在前端浏览器中,有些数据(比如数据字典中的数据),可以在第一次请求的时候全部拿过来保存在js对象中,以后需要的时候就不用每次都去请求服务器了。对于那些大量使用数据字典来填充下拉框的页面,这种方法可以极大地减少对服务器的访问。这种方法特别适用于使用iframe的框架。 具体实现思路和方法: 创建一个cache.js文件: 1、前端页面,定义那些数据需要一次性拿到前端缓存,定义一个对象来保存这些数据: /** * 定义需要在用户登录的时候获取到本地的数据字典类别 */var clsCodes = {clsCodes : [BOOL, STATUS, USER_TYPE, REPORT_STATUS ]}; /** * 获取数据字典到本地 */var dicts; 2、前端页面,定义一个函数来调用后台接口获取数据,然后保存到本地缓存对象(dicts)中。 function getDicts() { $.post(getContextPath() + /api/sys/getDictList, clsCodes, function(resultBean, status, xhRequest) { if (resultBean.data != undefined) { dicts = resultBean.data; } }, 'json');} 在主页面加载的时候调用这个方法一次性获取数据并缓存起来。这样,以后需要同样的数据,就直接从本地对象dicts中获取了。 后端Controller: 3、定义一个接口,根据前端的请求,查询数据库(或查询服务器缓存,如下面例子中)获取数据返回给前端: /** * 根据多个分类编号获取多个字典集合 * @param clsCodes * @return {……

    网友NO.595730

    详解webpack4.x之搭建前端开发环境

    webpack是一个现代JavaScript应用程序的静态模块打包器,借用官网的一张图,它能够将一些预处理语言,js的最新语法转换成浏览器识别的内容。现在一般的前端框架都有比较成熟的脚手架,大多数对webpack都有个较好的集成,我们只需要敲一些简单的命令就能生成一个通用的项目模板,比较便捷,但是要知其然知其所以然,所以今天就尝试着从零开始搭建一个前端开发环境。 项目源码: https://github.com/gerryli0214/webpack-demo webpack的四个核心概念: 1.、入口(entry) 2、输出(output) 3、loader 4、插件(plugins) 首先,我们执行下npm init;初始化一个node工程,填写项目的信息,整个项目的目录结构如下: 全部安装webpack-cli: npm install webpack-cli -g 新建一个 webpack.config.js, 这个是webpack默认配置文件,在里面我们可以配置打包信息,初始化文件为: const config = {};module.exports = config; 入口(entry): 项目的入口文件,可以配置单个/多个,为入口文件的相对路径,type: string/object; 我们项目入口文件为index.js。 const config = { entry: './src/index.js'}module.exports = config; 输出(output): 打包后的文件路径和配置信息,path为打包文件路径,filename为输出文件名称,name为原始文件名称,hash为打包后的hash地址: output: { path: path.resolve(__dirname, 'dist'), filename: '[name……

    网友NO.162484

    WebSocket实现数据库更新时前端页面刷新

    本文实例为大家分享了WebSocket实现数据库更新时前端页面刷新,供大家参考,具体内容如下 后台代码: WebSocketConfig: package com.x.common.websocket; import org.springframework.context.annotation.Bean;import org.springframework.context.annotation.Configuration;import org.springframework.web.socket.server.standard.ServerEndpointExporter; @Configurationpublic class WebSocketConfig { @Bean public ServerEndpointExporter serverEndpointExporter() { return new ServerEndpointExporter(); }} WebSocketServlet: package com.x.common.websocket;import com.alibaba.fastjson.JSONObject;import org.springframework.stereotype.Component; import java.io.IOException;import java.util.Map;import java.util.concurrent.ConcurrentHashMap;import javax.websocket.*;import javax.websocket.server.PathParam;import javax.websocket.server.ServerEndpoint; @ServerEndpoint("/websocket/{userId}")@Componentpublic class WebSocketServlet { private static int onlineCount = 0; private static MapString, WebSocketServlet clients = new ConcurrentHashMap(); private Session session; private String userId; @OnOpen public void onOpen(@PathParam("userId") String userId, Session session) throws IOException { this.userId = userId; this.session = session; addOnlineCount(); clients.put(userId, this); System.out.println("已连接"); } @OnClose public void onClose() throws IOException { clients.remove(userId); subOnlineCount(); } @OnMessage public void onMessage(String message) throws IOExceptio……

    Copyright 2018-2019 xz577.com 码农之家

    版权责任说明