图书简介:
第一篇 前端高效开发框架技术与应用第1章 Vue基础 21.1 Vue 框架概述 31.1.1 MVX模式简介 31.1.2 Vue框架简介 41.1.3 Vue.js的安装与使用 61.2 Vue基础语法 81.2.1 实例对象 81.2.2 生命周期 101.2.3 模板语法 141.2.4 计算属性 191.2.5 methods方法 211.3 Vue渲染 211.3.1 列表渲染 211.3.2 条件渲染 281.4 Vue事件与表单 321.4.1 事件处理 321.4.2 事件对象 361.4.3 事件委派 381.4.4 表单处理 391.5 Vue基础应用 431.6 本章小结 46第2章 Vue组件 472.1 Vue 组件概述 482.1.1 组件简介 482.1.2 组件对象剖析 502.1.3 Vue组件的data属性 522.1.4 props传递数据 552.2 事件通信 592.2.1 父子组件事件通信 592.2.2 非父子组件事件通信 622.2.3 插槽 652.3 组件类型 732.3.1 自定义组件v-model双向绑定 732.3.2 动态组件 752.3.3 递归组件 772.4 Vue组件应用 792.4.1 分页组件 792.4.2 购物车组件 802.5 本章小结 83第3章 Vue工程化工具 843.1 搭建Node.js环境 853.1.1 Node.js简介 853.1.2 Node.js的下载与安装 853.1.3 npm的安装与使用 863.1.4 yarn的安装与使用 913.2 Vue CLI概述 923.2.1 Vue CLI简介 923.2.2 Vue CLI的使用 933.3 Vue CLI项目的配置 943.4 JavaScript模块 983.4.1 CommonJS模块 1003.4.2 ES6模块 1013.5 vue-devtools调试工具 1043.5.1 vue-devtools的下载与安装 1043.5.2 vue-devtools的使用 1043.6 本章小结 104第4章 Express服务器开发 1064.1 Express概述 1074.1.1 创建Express应用程序 1074.1.2 Express路由 1094.1.3 pug视图模板 1144.2 请求与上传文件 1164.2.1 GET请求和POST请求 1164.2.2 上传文件 1184.3 Session概述 1214.3.1 Session简介 1214.3.2 Session的使用 1214.4 构建RESTful API 1224.5 Nodemon概述 1254.6 本章小结 126第5章 axios网络交互 1285.1 axios的基本使用 1295.1.1 axios简介 1295.1.2 axios的使用 1295.2 发送请求 1305.2.1 发送GET请求 1305.2.2 发送POST请求 1315.3 axios跨域问题 1325.4 axios网络交互应用 1345.5 本章小结 136第6章 Vue路由 1386.1 SPA和vue-router 1396.1.1 SPA 1396.1.2 vue-router 1396.2 路由的使用 1416.2.1 定义路由 1416.2.2 动态路由 1426.2.3 路由参数 1426.2.4 在路由组件中使用AJAX 1436.3 路由导航 1446.3.1 路由导航守卫 1446.3.2 编程式路由导航 1456.3.3 全局路由导航守卫 1466.4 嵌套路由和命名路由视图 1476.4.1 嵌套路由 1476.4.2 命名路由视图 1496.5 Vue路由应用 1506.5.1 用户登录与校验 1506.5.2 注销功能及存在的问题 1526.6 本章小结 154第7章 Vuex状态管理 1567.1 Vuex状态管理概述 1577.1.1 Vue组件共享数据的方式 1577.1.2 Vuex的安装与使用 1587.2 Vuex.Store对象的接口 1597.2.1 State 1607.2.2 Getters 1627.2.3 Mutations 1637.2.4 Actions 1657.3 Vuex多模块 1677.4 Vuex插件 1687.5 重新组织Vuex目录结构 1687.6 本章小结 169第8章 Vue UI 1708.1 Vue UI概述 1718.1.1 Vue UI简介 1718.1.2 Element的安装与使用 1718.2 Element UI组件库 1738.3 第三方扩展库Express 1748.3.1 集成Express和Vue 1748.3.2 配置Express和Vue 1748.4 本章小结 177
展开
为积极响应《国家职业教育改革实施方案》,贯彻落实《关于深化产教融合的若干意见》《国家信息化发展战略纲要》的相关要求,应对新一轮科技革命和产业变革的挑战,促进人才培养供给侧和产业需求侧结构要素全方位融合,促进教育链、人才链与产业链、创新链有机衔接,推进人力资源供给侧结构性改革,深化产教融合、校企合作,健全多元化办学体制,完善职业教育和培训体系,着力培养高素质劳动者和技术技能人才。工业和信息化部教育与考试中心依据教育部《职业技能等级标准开发指南》中的相关要求,以客观反映现阶段行业的水平和对从业人员的要求为目标,在遵循有关技术规程的基础上,以专业活动为导向,以专业技能为核心,组织企业工程师、高职和本科院校的学术带头人共同开发了《Web前端开发职业技能等级标准》。本教材以《Web前端开发职业技能等级标准》中的职业素养和岗位技术技能为重点培养目标,以专业技能为模块,以工作任务为驱动进行组织编写,使读者对Web前端开发的技术体系有更系统、更清晰的认识。随着新一轮科技革命与信息技术革命的到来,推动了产业结构调整与经济转型升级发展新业态的出现。在战略性新兴产业爆发式发展的同时,对新时代产业人才的培养提出了新的要求与挑战。据中国互联网络信息中心统计,截至2018年12月,我国网民规模达8.29亿人,手机网民规模达8.17亿人,网站数量达523万个,手机App(移动应用程序)在架数量达449万款。在“互联网+”战略的引导下,Web前端开发人员已经成为网站开发、手机App开发和人工智能终端设备界面开发的主要力量。企业增加门户网站的推广,从PC端到移动端,再到新显示技术、智能机器人、自动驾驶、智能穿戴设备、语言翻译、自动导航等新兴领域,全部需要应用Web前端开发技术。在智能制造等战略及新兴产业的高速发展中,出现了极为明显的人才短缺与发展不均衡现象。目前,软件开发行业的企业对Web前端开发工程师的需求量极大,全国总缺口每年近百万人。随着移动互联网技术的高速发展,网站在静态页面的基础上添加了各类桌面软件,网页不再只是承载单一的文字和图片,而是被要求具备炫酷的页面交互、跨终端的适配兼容功能,使用富媒体让网页的内容更加生动,从而让用户有更好的使用体验,这些都基于前端技术来实现,其中包括HTML、CSS、HTML5、CSS3、AJAX、JavaScript、jQuery等,使得无论是在开发难度上还是在开发方式上,都对前端开发人员提出了越来越高的要求。本教材包括前端高效开发框架技术与应用、移动Web设计与开发、性能优化与自动化技术3个篇目18个章节。 第一篇前端高效开发框架技术与应用。主要讲述了渐进式框架Vue的应用、Express服务器开发及组件化开发思想。其中包括第1章Vue基础,第2章Vue组件,第3章Vue工程化工具,第4章Express服务器开发,第5章axios网络交互,第6章Vue路由,第7章Vuex状态管理,第8章Vue UI。 第二篇移动Web设计与开发。主要讲述了移动Web开发框架jQuery Mobile的引用,也包含多媒体、绘图、HTML5新特性及Less。其中包括第9章多媒体与绘图,第10章HTML5新特性,第11章Less,第12章jQuery Mobile。 第三篇性能优化与自动化技术。主要讲述前端代码优化、资源优化及模块化打包工具webpack的使用,以及ES6的基本语法。其中包括第13章Web前端开发概述,第14章HTML与CSS代码优化,第15章前端资源优化,第16章JavaScript代码优化,第17章webpack工具,第18章ES6基础。 本教材的编写与审校工作由陈慕菁、陈志锋、董晓宇、李雅男、严洁萍完成,董旭依据《Web前端开发职业技能等级标准》对全书做了内容统筹、章节结构设计和统稿。由于编者水平有限,书中难免有不足之处,恳请读者不吝赐教并提出宝贵意见,相信读者的反馈将会为本教材再次修订提供良好的帮助。
展开