内容简介
本书对大前端技术栈进行了全面的讲解，以实战驱动教学，内容涉及HTML5+CSS3模块、JS模块、jQuery模块、Bootstrap模块、Node.js模块、Ajax模块、ES6新标准、Vue框架、UI组件和模块化编程等。本书厚度有限，但学习的空间无限。
全书共分为五个阶段，共18章。第一阶段走进前端之HTML5+CSS3（第1
6章），第二阶段探索JS的奥秘（第78章），第三阶段PC端整栈开发（第911章），第四阶段ES6+Node+工程化（第1214章）和第五阶段Vue技术栈（第15~18章）。书中引入了丰富的实战案例，实际性和系统性较强，能够很好地帮助读者提升就业竞争力。书中还引入了3个企业级实战项目，为打造企业刚需人才。
本书适合初、中级前端开发者、渴望了解前端知识整体脉络的程序员，以及希望突破瓶颈进一步提升的工程师阅读。
目录
第一阶段走进前端之HTML5+CSS3
第1章大前端时代
1.1什么是大前端
1.2大前端时代带来的变革和机遇
1.3 前端工程师的需求和前景
1.3.1前端工程师岗位要求
1.3.2前端工程师的需求
1.3.3未来前景
1.4 Web前端开发工具
1.5 浏览器工具
第2章 HTML5核心技术
2.1 HTML初识
2.2 HTML基本结构
2.2.1 HTML骨架
2.2.2 基本语法
2.2.3 注释
2.3 HTML常用标签
2.3.1 基础标签
2.3.2 文本格式标签
2.3.3 特殊符号
2.3.4 图像标签
2.3.5绝对路径和相对路径
2.3.6 超链接标签
2.3.7 框架标签
2.3.8 容器标签
2.4 列表
2.4.1 无序列表
2.4.2 有序列表
2.4.3 定义列表
2.4.4 综合实战
2.5 表格
2.5.1 表格概述
2.5.2 表格标题
2.5.3 表格属性
2.5.4 表格行和列的属性
2.5.5合并单元格
2.5.6表格嵌套
2.5.7 综合实战
2.6 表单
2.6.1 表单标签
2.6.2 输入标签
2.6.3 标记标签
2.6.4 多行文本标签
2.6.5 下拉列表标签 2.5.6 域标签 2.6.7 综合实战 2.7 块级元素和行内元素的区别 第3章 HTML5新增标签和属性 3.1 HTML5表单新增 3.1.1 HTML5新增输入类型 3.1.2 HTML5新增元素标签 3.1.3 HTML5新增属性 3.2 HTML5新增结构标签 3.2.1 新增文档结构标签 3.2.2 新增格式标签 3.3 HTML5媒体标签 3.3.1 声频 3.3.2 视频 第4章CSS3核心模块 4.1 CSS核心基础 4.1.1 CSS介绍 4.1.2 CSS的优势 4.1.3基本语法 4.1.4 CSS引入方式 4.1.5 CSS引入方式的优先级 4.1.6 开发者工具（Chrome） 4.1.7 基础选择器 4.1.8复合选择器 4.1.9 伪类选择器 4.1.10 属性选择器 4.1.11 继承与层叠 4.1.12 div+css布局 4.1.13综合实战 4.2 CSS美化页面元素 4.2.1 字体样式 4.2.2 文本样式 4.2.3 颜色 4.2.4背景样式 4.2.5 列表样式 4.2.6 综合实战 4.3 盒模型 4.3.1 什么是盒模型 4.3.2 盒子大小 4.3.3定义边框border 4.3.4 外边距margin 4.3.5 内边距padding 4.3.6 综合实战 4.4 浮动和定位 4.4.1 浮动应用 4.4.2 清除浮动 4.4.3 display和overflow属性 4.4.3 定位 4.4.5 z-index属性 4.4.6 综合实战 第5章 CSS3新增特性 5.1 CSS3边框与渐变 5.1.1 CSS3特效边框 5.1.2渐变 5.2转换 5.2.1 2D转换 5.2.2 3D转换 5.3 过渡与动画 5.3.1过渡 5.3.2 动画 5.4 响应式 5.4.1 媒体查询 5.4.2 响应式布局 5.4.3 多列 5.5 CSS3高级技巧 5.5.1字体图标 5.5.2 雪碧图 5.5.3 滑动门 第6章企业级项目：小米官网 6.1 小米黑色导航条 6.2 小米白色导航条 6.3 小米轮播图和滑动门 6.4 小米小广告位 6.5 小米闪购 6.6 小米手机部分 6.7 小米视频部分 6.8 页脚 第二阶段探索JS的奥秘 第7章JavaScript基础 7.1 快速入门 7.1.1 JavaScript简介 7.1.2 第1个JavaScript程序 7.1.3 JavaScript语法 7.1.4 JavaScript变量 7.1.5 数据类型 7.1.6 JavaScript输出 7.2 运算符 7.2.1算术运算符 7.2.2赋值运算符 7.2.3比较运算符 7.2.4逻辑运算符 7.2.5三元运算符 7.2.6运算符的优先级 7.3程序控制语句 7.3.1顺序结构语句 7.3.2分支结构语句 7.3.3循环结构语句 7.4 函数 7.4.1 常用系统函数 7.4.2自定义函数 7.5 对象 7.5.1创建对象 7.5.2对象的使用 7.6内置对象 7.6.1 Array 7.6.2 Math 7.6.3 Date 7.6.4 String 第8章JavaScript深入解析 8.1 DOM 8.1.1 DOM简介 8.1.2 节点 8.1.3 节点获取 8.1.4 节点操作 8.1.5 DOM CSS 8.2 事件处理 8.2.1鼠标事件 8.2.2键盘事件 8.2.3窗口事件 8.2.4表单事件 8.3 BOM 8.3.1 Window对象 8.3.2 History对象 8.3.3 Location对象 8.3.4 Navigator对象 8.3.5 Screen对象 8.4综合实战 第三阶段：PC端整栈开发 第9章jQuery模块 9.1 初始jQuery 9.2 jQuery对象和DOM对象 9.3 jQuery 选择器 9.3.1基本选择器 9.3.2层次选择器 9.3.3 基本过滤选择器 9.3.4 属性过滤选择器 9.3.5表单选择器 9.4 jQuery中的Dom操作 9.4.1样式操作 9.4.2内容操作 9.4.3节点操作 9.4.4属性操作 9.4.5节点遍历 9.5链式编程与隐式迭代 9.6事件和动画 9.6.1页面载入 9.6.2 常用事件 9.6.3事件对象的属性与方法 9.6.4常用动画方法 9.6.5自定义动画方法 9.7 原生 Ajax 9.7.1 JSON 9.7.2纯JS的Ajax请求 9.8 jQuery Ajax 9.9 jQuery 插件 9.9.1 jQuery UI 9.9.2自定义jQuery插件 9.9.3编写jQuery插件之放大镜 9.10 综合实战 第10章 Bootstrap模块 10.1 Bootstrap简介 10.2搭建Bootstrap环境 10.3 BootStrap栅格系统 10.3.1栅格系统介绍 10.3.2 在Bootstrap中创建栅格 10.3.3 响应式列的重置 10.3.4列偏移、排序和嵌套 10.4全局 CSS 样式 10.4.1排版 10.4.2代码 10.4.3表格 10.4.4表单 10.4.5按钮 10.4.6图片 10.5组件应用 10.5.1字体图标 10.5.2下拉菜单 10.5.3导航 10.5.4按钮组 10.6 使用Bootstrap JavaScript插件 10.6.1 如何使用Bootstrap JavaScript插件 10.6.2 动画过渡（Transitions） 10.6.3 模态弹出框（Modals） 第11章企业级项目：蓝莓派音乐社区 11.1 XAMPP安装 11.2蓝莓派音乐页面登录Ajax请求 11.3蓝莓派登录后台构建 11.4蓝莓派登录后页面结构变更 11.5首页轮播数据构建与Ajax请求 11.6首页轮播数据页面加载 11.7蓝莓派模态框处理与加载 11.8分页器原理解析 11.9聊聊模块瀑布流绘制加载 11.10声频播放控制器结构与按钮逻辑 11.11声频按钮与声频播放实现 11.12播放时间变换与进度条改变 第四阶段ES6+Node+工程化 第12章 ES6 新特性 12.1 ES6 简介 12.2 ES6 变量 12.2.1 let和const 12.2.2变量的解构赋值 12.3字符串扩展 12.3.1模板字符串 12.3.2标签模板 12.3.3字符串新增方法 12.4数值的扩展 12.4.1 Symbol数据类型 12.4.2 Number 12.5函数的扩展 12.6数组的扩展 12.7对象的扩展 12.8 Set和Map数据结构 12.9 Class基础语法 12.10 Class的继承 12.11模块化 第13章Node.js编程模块 13.1 Node.js基础 13.1.1 Node.js优点 13.1.2 Node.js安装 13.1.3全局对象 13.1.4回掉函数 13.1.5模块(CommonJS规范) 13.1.6事件 13.1.7文件读写 13.1.8流和管道 13.2 Node.js实现Web服务 13.2.1创建第1个应用 13.2.2模块化组织代码 13.2.3路由 13.2.4重构路由代码 13.2.5使用GET和POST发送数据 13.3 npm命令 13.3.1使用 npm 命令安装模块 13.3.2 package.json 13.3.3热部署 13.4 Express框架 13.4.1 Express介绍 13.4.2 Express环境搭建 13.4.3 Express初体验 13.4.4 Express路由 13.4.5 GET与POST传递参数 13.4.6 托管静态资源 13.4.7 Express中间件 第14章前端工程化 14.1 Less 14.1.1 Less介绍 14.1.2 Less环境构建及使用 14.1.3 Less语法 14.2 Sass 14.3 Webpack构建工具 14.3.1 Webpack简介 14.3.2 安装 Webpack 14.3.3 Webpack之loader配置和使用 14.3.4 Webpack之plugin的使用 14.3.5 使用DevServer 14.3.6 更多配置 14.3.7 Webpack和Vue结合使用 第五阶段Vue技术栈 第15章Vue知识体系 15.1 Vue简述及使用 15.1.1 什么是Vue 15.1.2 为什么选择Vue 15.1.3 Vue的3种安装方式 15.1.4 第1个Vue程序 15.2模板语法 15.2.1插值 15.2.2指令 15.2.3过滤器 15.3实例及选项 15.3.1 数据选项 15.3.2属性选项 15.3.3方法选项 15.3.4 计算属性 15.3.5 表单控件 15.3.6 生命周期 15.4模板渲染 15.4.1条件渲染 15.4.2 列表渲染 15.4.3 template标签用法 15.5事件绑定 15.5.1 基本用法 15.5.2 修饰符 15.6基础demo案例 15.6.1列表渲染 15.6.2功能实现 15.7自定义指令 15.7.1指令的注册 15.7.2指令的定义对象 15.7.3 指令实例属性 15.7.4案例：下拉菜单 15.7.5案例：相对时间转换 15.8组件 15.8.1 什么是组件 15.8.2 组件的基本使用 15.8.3 DOM模板解析说明 15.8.4 组件选项 15.8.5 组件通信 15.8.5 内容分发 15.8.6 动态组件 15.8.7综合案例 15.9 过渡与动画 15.9.1元素/组件过渡 15.9.2 使用过渡类实现动画 第16章 Vue工程化 16.1 Vue-CLI 16.1.1 Node.js 16.1.2 NPM 16.1.3基本使用 16.2 项目打包与发布 16.2.1 使用静态服务器工具包发布打包 16.2.2使用动态Web服务器(tomcat)发布打包 16.3 Vue-devtools 16.3.1 Vue-devtools的安装 16.3.2 Vue-devtools使用 第17章 UI组件库和常用插件 17.1 element-ui 17.1.1 Vue中集成Element-ui 17.2 Vue-router 17.2.1 基本用法 17.2.2 跳转 17.2.3 路由嵌套 17.2.4路由参数传递 17.3 Axios 17.3.1 基本使用 17.3.2 JSON-Server的安装及使用 17.3.3 跨域处理 17.3.4 Vue中axios的封装 17.4 Vuex 17.4.1 初识Vuex 17.4.2 基本用法 17.4.3 模块组 第18章企业级项目：部门管理系统 18.1 技术分析 18.2 项目构建 18.2.1前端项目搭建 18.2.2后端项目搭建 18.2.3数据库设计 18.3查询数据 18.3.1后端实现 18.3.2前端实现 18.4加载菜单 18.4.1引入ElementUI 18.4.2 加载菜单 18.5带分页数据查询 18.5.1后端接口实现 18.5.2前端实现 18.6 部门员工的录入 18.6.1后端接口实现 18.6.2前端实现 18.7 部门数据编辑 18.7.1后端接口实现 18.7.2前端实现 18.8部门数据删除 18.8.1后端接口实现 18.8.2前端实现
