HTML5移动前端开发基础与实战（第2版）（微课版）

本书较为全面地介绍HTML5移动前端开发的核心知识，并简要介绍使用HBuilderX开发移动App的流程。本书共8个模块，从企业用人需求的角度出发，本着够用、实用的原则，介绍开发环境及JavaScript、HTML、CSS、前端开发演练、Swiper演练、JSON演练、jQuery及Bootstrap演练、移动App演练等相关知识。通过学习本书，读者可以掌握HTML5核心要点，能够运用CSS进行布局。通过学习Swiper插件，读者可领会其他插件的用法；通过学习jQuery和Bootstrap框架，读者可领会其他框架的用法。在此基础上，本书通过讲解JSON，帮助读者理解后台数据；通过讲解HBuilderX开发移动App的流程，指引读者打开通向混合式移动App开发的大门。 本书可以作为高职高专院校计算机相关专业的教材，也可以作为培训机构相关课程的教材，还可以供广大计算机爱好者自学使用。

曾建华，深圳职业技术学院副教授。具备丰富的软件开发经验和教材编写经验，精通HTML5、Visual Studio、Delphi、SQL Server开发，长期独立为企业、高校开发项目并维护运行。 首届全国教材建设奖全国优秀教材二等奖 主编 主编“十三五”职业教育国家规划教材3部 深圳职业技术学院金课、一流课程《H5跨平台应用开发》负责人 国家级精品资源共享课“大型数据库（SQL Server）”建设团队骨干成员

上篇　知识引导篇 模块1　开发环境及JavaScript　1 1.1　HTML5相关技术简介　1 1.1.1　HTML简介　2 1.1.2　CSS简介　2 1.1.3　JavaScript简介　2 1.2　Visual Studio Code及扩展的安装、使用　2 1.2.1　安装Visual Studio Code　3 1.2.2　使用Visual Studio Code　5 1.2.3　浏览器调试入门　11 1.2.4　Visual Studio Code常用技巧　11 1.3　JavaScript常用语法　13 1.3.1　数据类型　13 1.3.2　流程控制语句　14 1.3.3　数组　17 1.3.4　document对象　18 1.3.5　函数和事件　20 1.3.6　定时相关函数　21 1.4　ES6　23 1.4.1　let和const　23 1.4.2　解构赋值　24 1.4.3　数组扩展　26 1.4.4　剩余运算符和扩展运算符　28 1.4.5　class　29 思考　30 模块２　HTML　31 2.1　HTML常用元素　31 2.1.1　label、input、button、radio、 checkbox及ul　31 2.1.2　表单验证　38 2.2　HTML5新特性　39 2.2.1　多媒体　39 2.2.2　拖放　41 2.2.3　Web存储　43 2.2.4　使用canvas绘制图形　46 思考　48 模块3　CSS　49 3.1　常用CSS　49 3.1.1　CSS基本语法及使用CSS的几种方式　49 3.1.2　多列布局　53 3.1.3　display属性　55 3.1.4　BOX模型　57 3.1.5　position属性　60 3.1.6　Float布局　64 3.1.7　Flex布局　66 3.1.8　overflow属性　71 3.1.9　transparent属性　73 3.1.10　background相关属性　75 3.1.11　通过JavaScript操作CSS　78 3.2　CSS3常用新功能　79 3.2.1　圆角、阴影　79 3.2.2　渐变　83 3.2.3　2D变换　87 3.2.4　3D旋转　92 3.2.5　动画　96 3.2.6　viewport　107 3.2.7　Media Queries　108 思考　112 下篇　项目实战篇 模块4　前端开发演练　113 4.1　登录页面　113 4.1.1　登录页面介绍　113 4.1.2　登录页面演练　113 4.2　设置页面　115 4.2.1　设置页面介绍　115 4.2.2　设置页面演练　116 4.3　客服页面　118 4.3.1　客服页面介绍　118 4.3.2　客服页面演练　118 4.4　商品详情页面　123 4.4.1　商品详情页面介绍　123 4.4.2　商品详情页面演练　123 4.5　购物车页面　128 4.5.1　购物车页面介绍　128 4.5.2　购物车页面演练　128 4.6　订单页面　132 4.6.1　订单页面介绍　132 4.6.2　订单页面演练　132 4.7　装修网站首页　144 4.7.1　装修网站首页介绍　144 4.7.2　装修网站首页演练　144 思考　152 模块5　Swiper演练　153 5.1　Swiper实现轮播效果　153 5.1.1　Swiper使用步骤　153 5.1.2　Swiper演练　154 5.2　Swiper Animate实现场景动画　168 5.2.1　Swiper Animate入门　168 5.2.2　Swiper Animate演练　170 思考　175 模块6　JSON演练　176 6.1　JSON入门　176 6.1.1　JSON概述　176 6.1.2　操作JSON数据　177 6.1.3　JSON和字符串类型 相互转换　178 6.2　JSON实战　181 6.2.1　使用JSON在线解析工具　181 6.2.2　在Chrome调试窗口中观察JSON数据　182 6.2.3　根据JSON数据动态绑定页面　183 思考　186 模块7　jQuery及Bootstrap演练　187 7.1　jQuery　187 7.1.1　jQuery简介　187 7.1.2　使用jQuery　188 7.1.3　常用jQuery操作　189 7.1.4　jQuery AJAX读取JSON数据文件　195 7.1.5　jQuery演练：翻牌游戏　203 7.2　Bootstrap　232 7.2.1　Bootstrap简介　232 7.2.2　Bootstrap项目演练　232 思考　245 模块8　移动App演练　246 8.1　HBuilderX　246 8.1.1　HBuilderX特点　246 8.1.2　HBuilderX安装　246 8.2　夜神模拟器　248 8.2.1　夜神模拟器特点　248 8.2.2　夜神模拟器安装　248 8.3　移动App开发流程　250 8.3.1　创建移动App模板项目　250 8.3.2　带底部导航、轮播图和新闻列表的App　253 思考　258