前言

党的二十大报告指出： 教育、科技、人才是全面建设社会主义现代化国家的基础性、战略性支撑。必须坚持科技是第一生产力、人才是第一资源、创新是第一动力，深入实施科教兴国战略、人才强国战略、创新驱动发展战略，开辟发展新领域新赛道，不断塑造发展新动能新优势。高等教育与经济社会发展紧密相连，对促进就业创业、助力经济社会发展、增进人民福祉具有重要意义。

在互联网+飞速发展的时代，跨平台跨端(多端)开发一直是比较热门的话题，也是目前各行各业的主流业务开发需求。“只写一次，到处可以运行(一端开发，跨端运行)”一直是广大开发者所期望的。跨平台解决方案可以做到一次开发，多端复用，一套代码能够运行在不同设备上，这可以在很大程度上降低研发成本，同时在产品效能上满足快速验证和快速上线的实际需求。

目前跨端跨平台的优秀技术方案很多，其中，uniapp(DCloud)和taro(京东凹凸实验室)依靠大力度投入，成为市场主流。uniapp是一个使用Vue.js开发所有前端应用的框架，开发者利用该平台能够编写一套代码，可发布到iOS、Android、Web(响应式)、各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。这样读者和开发者就能够以较低的开发成本和较少的学习成本，快速满足用户的多端开发的需要。目前图书市场上满足此类需求的图书并不多见，因此需要打造一本以JavaScript为主线，Zepto、Vue.js、uniapp融为一体的专门教程，以满足移动前端基础开发的需求，为此作者创作了本书。

1. 主要内容

全书共分为12章。第1章Web前端开发概述，第2章JavaScript基础，第3章JavaScript事件处理，第4章DOM和BOM，第5章Zepto移动框架，第6章Zepto高级应用，第7章Vue 3.x基础应用，第8章Vue 3.x高级应用，第9章Vue 3.x前端工程构建工具，第10章Vue Router路由，第11章PiniaVue存储库，第12章uniapp跨平台移动端开发工具。

2. 编写特色

（1） 科学架构知识体系，契合工程需求： 以JavaScript为核心串联知识体系，有机整合jQuery移动端框架Zepto、渐进式框架Vue.js与跨平台框架uniapp，满足读者及开发者在移动端开发的基础诉求与实际工程开发需要。

（2） 精选实战案例，助力能力提升：从多元行业应用场景中挑选148个融合多知识点实战案例，将关键知识点与技能培养融入其中。案例难度循序渐进，有力推动“教、学、做”一体化教学的实施。

（3） 精创实战视频，满足实训需求：依据知识体系与能力培养目标，结合工程实际设计24个实战项目，并提供实战视频讲解。详实的项目实战要求与步骤保障教学实训有序开展，项目实战视频对关键知识点与技能点细致讲解，便于读者与开发者观摩学习和仿真实训。

3. 教学资源

为了使读者更好地掌握本书内容，本书录制了项目实战教学视频，总时长800分钟，帮助读者学习和消化所学知识，提高实践技能。本书还提供了教学大纲、教学课件、教学案例源码、素材等配套资源。同时，本书通过“清览题库”平台提供在线教学服务，主要提供教材的单元测验和组卷服务功能，方便高校教师开展线上线下混合式教学。

资源下载提示

课件等资源： 扫描封底的“图书资源”二维码，在公众号“书圈”下载。

素材（源码）等资源： 扫描目录上方的二维码下载。

在线自测题： 扫描封底的作业系统二维码，再扫描自测题二维码，可以在线做题及查看答案。

微课视频： 扫描封底的文泉云盘防盗码，再扫描书中相应章节的视频讲解二维码，可以在线学习。

4. 适用对象

本书适合于熟悉HTML5和CSS3等基础知识、有一定网页设计基础、对Vue.js渐进式框架非常感兴趣的读者及各类Web前端开发爱好者。对没有HTML5和CSS3基础的读者或者前端爱好者，也可以参考学习作者的《Web前端开发技术——HTML5、CSS3、JavaScript》(第4版·题库·微课视频版)，边学边用，提高学习效率。

本书的出版得到清华大学出版社的大力支持，在此表示衷心感谢。目前Web前端框架技术发展迅速，新特性和新功能不断涌现，跨端平台优秀方案层出不穷，由于时间紧、任务重和能力所限，书中遗漏和不足之处在所难免，恳请各位技术专家和读者朋友批评指正。

本书配套的教学资源建设成果荣获2023第五届中国计算机教育大会计算机类教学资源建设优秀课程配套资源一等奖。

作者2025年3月于苏州虎丘