图书简介:
第二篇 移动Web设计与开发第9章 多媒体与绘图 29.1 多媒体 39.1.1 图片格式 39.1.2 音频格式 49.1.3 视频格式 59.2 HTML5的多媒体支持 69.2.1 和 69.2.2 HTMLAudioElement和HTMLVideoElement 89.2.3 和的事件 129.3 HTML5的绘图支持 139.3.1 元素 139.3.2 绘制图形 149.3.3 绘制几何图形 179.3.4 绘制路径 189.3.5 绘制字符串 329.3.6 清除绘制内容 389.3.7 绘制阴影 399.3.8 绘制位图 409.3.9 变形 419.4 SVG 439.4.1 在HTML5中使用SVG 439.4.2 SVG的基本语法 449.4.3 标签 459.4.4 内部标签 469.4.5 几何图形标签 479.4.6 路径标签 519.4.7 文字标签 539.5 本章小结 54第10章 HTML5新特性 5510.1 HTML5新增元素 5610.2 HTML5新增全局属性 5610.3 HTML5废弃的元素 5610.4 HTML5废弃的属性 5710.5 Web Storage 5810.6 本章小结 61第11章 Less 6211.1 Less简介 6311.2 Less的安装 6311.2.1 服务器端 6311.2.2 客户端 6311.3 Less的使用 6411.3.1 变量 6411.3.2 嵌套 6711.3.3 混合 6711.3.4 继承 7111.3.5 函数 7211.3.6 导入 7311.3.7 其他 7411.4 本章小结 74第12章 jQuery Mobile 7512.1 jQuery Mobile的诞生 7612.2 jQuery Mobile的安装 7612.3 jQuery Mobile的使用 7712.3.1 页面 7712.3.2 过渡 8012.3.3 定位 8112.3.4 按钮 8212.3.5 图标 8712.3.6 导航栏 9012.3.7 折叠 9312.3.8 列布局 9812.3.9 列表 9912.4 jQuery Mobile表单 10612.4.1 单选按钮 10812.4.2 复选框 11012.4.3 选择菜单 11112.4.4 范围滑块 11412.4.5 切换开关 11612.5 jQuery Mobile主题 11712.6 jQuery Mobile实战 11812.7 jQuery Mobile事件 12012.7.1 页面事件 12012.7.2 触摸事件 12112.7.3 滚动事件 12312.7.4 方向事件 12412.8 网页设计平台差异性 12612.9 本章小结 128第三篇 性能优化与自动化技术第13章 Web前端开发概述 13013.1 Web前端开发认知 13113.1.1 Web发展历程 13113.1.2 Web前端开发技术 13213.1.3 Web前端开发常见问题 13413.2 Web前端开发与调试工具 13613.2.1 常用Web前端开发工具 13613.2.2 常用Web前端调试工具 14313.3 本章小结 148第14章 HTML与CSS代码优化 14914.1 HTML优化 15014.1.1 网页文档结构规范 150
14.1.2 HTML5新特性 15114.1.3 HTML代码优化及写法规范 15414.2 CSS优化 15414.2.1 CSS3新特性 15514.2.2 浏览器样式重置 15714.2.3 CSS样式选择器与优先级 15814.2.4 CSS去冗余 15814.2.5 CSS浏览器兼容性 15814.3 本章小结 159第15章 前端资源优化 16015.1 Sprite拼合图 16115.1.1 CSS Sprite的原理 16115.1.2 CSS Sprite制作工具的方式 16315.2 代码压缩技术 16415.2.1 YUI Compressor 16515.2.2 gzip 16515.2.3 打包工具 16615.3 预加载和懒加载技术 16815.3.1 预加载 16815.3.2 懒加载 16915.4 本章小结 171第16章 JavaScript代码优化 17216.1 JavaScript代码可维护性 17316.1.1 代码与结构分离 17316.1.2 样式与结构分离 17516.1.3 数据与代码分离 17616.2 JavaScript代码可扩展性 17716.3 JavaScript代码可调试性 17816.4 JavaScript DOM优化 18016.4.1 提升文件加载速度 18016.4.2 JavaScript DOM操作优化 18116.4.3 JavaScript DOM脚本加载优化 18416.5 本章小结 185
第17章 webpack工具 18617.1 Web前端安全性 18717.1.1 常见安全性问题 18717.1.2 安全性解决方案 19117.2 npm及模块化 19217.2.1 npm安装配置 19217.2.2 npm基本指令 19317.2.3 package.json文件 19617.2.4 node模块化 19817.3 webpack概述 19817.4 webpack安装与配置 20017.4.1 安装webpack 20017.4.2 webpack配置详解 20117.5 webpack常用Loader 20617.5.1 babel-loader编译ES6 20617.5.2 less-loader处理less文件 20717.5.3 css-loader与style-loader打包CSS 20917.5.4 file-loader与url-loader引入图片 21017.6 webpack常用Plugin 21217.6.1 HtmlWebpackPlugin插件 21317.6.2 ExtractTextWebpackPlugin插件 21317.6.3 其他Plugin 21417.7 本章小结 215第18章 ES6基础 21718.1 ECMAScript概述 21818.2 Symbol数据类型 21818.3 let和const 21918.3.1 let 21918.3.2 const 22018.4 变量的解构赋值 22118.4.1 默认值 22118.4.2 解构赋值分类 22118.5 Set与Map 22318.5.1 声明 22318.5.2 操作方法 22418.5.3 遍历方法 22818.6 箭头函数 23118.7 ES6相对于ES5扩展 23318.7.1 函数的扩展 23318.7.2 对象的扩展 23418.7.3 数组的扩展 23418.8 ES6高级操作 23518.8.1 Promise对象 23518.8.2 Iterator 23618.8.3 Generator 23718.8.4 Class 23818.9 本章小结 239附录 Web前端命名与格式规范 240
展开
为积极响应《国家职业教育改革实施方案》,贯彻落实《关于深化产教融合的若干意见》《国家信息化发展战略纲要》的相关要求,应对新一轮科技革命和产业变革的挑战,促进人才培养供给侧和产业需求侧结构要素全方位融合,促进教育链、人才链与产业链、创新链有机衔接,推进人力资源供给侧结构性改革,深化产教融合、校企合作,健全多元化办学体制,完善职业教育和培训体系,着力培养高素质劳动者和技术技能人才。工业和信息化部教育与考试中心依据教育部《职业技能等级标准开发指南》中的相关要求,以客观反映现阶段行业的水平和对从业人员的要求为目标,在遵循有关技术规程的基础上,以专业活动为导向,以专业技能为核心,组织企业工程师、高职和本科院校的学术带头人共同开发了《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前端开发职业技能等级标准》对全书做了内容统筹、章节结构设计和统稿。由于编者水平有限,书中难免有不足之处,恳请读者不吝赐教并提出宝贵意见,相信读者的反馈将会为本教材再次修订提供良好的帮助。
展开