前言

党的二十大报告中指出教育、科技、人才是全面建设社会主义现代化国家的基础性、战略性支撑；必须坚持科技是第一生产力、人才是第一资源、创新是第一动力；深入实施科教兴国战略、人才强国战略、创新驱动发展战略，这三大战略共同服务于创新型国家的建设。
随着计算前置架构的流行，JavaScript语言开始承担越来越多的计算任务。为了构建前端页面，有必要使用成熟的前端UI组件。使用组件可以大大加快开发速度，就像机械工人使用数控机床及建筑工人使用挖掘机一样，可以如虎添翼，事半功倍。
本书介绍的前端UI构件和组件是一组低代码构件，功能强大，基本涵盖了软件和网站开发的常用功能，使用很少的代码即可开发强大的前端功能。
我们知道，最好的学习编程的方式就是能够迅速看到结果，能给学生进行不断的正反馈。几乎所有程序员都认为有效、持续、丰富的正反馈，特别是有功能界面的反馈明显优于只做算法的单调的学习反馈。
所以本书从第1章开始就引入了大量的案例，比如第1章讲解了如何使用JavaScript和HTML语言实现同学录的存储、展示和单击表头排序功能。
后面的章节更是以详细的代码和案例介绍了如何用UI构件实现页面布局及显示工具条，前端如何实现登录、注册功能，如何实现类似Excel的电子表格。
对于电子商务常用的产品列表、购物车、订单、报表、日历等功能，我们已经比较熟悉，但是还不知道如何用前端UI实现，本书仔细讲解了整个电子商务前端的实现过程，讲解了组件如何显示商品订单、如何选购、如何交互、如何接收事件以及传递参数等细节。
类似jQuery UI的普通编程框架在构建页面时，难免要书写大量的HTML、CSS和JavaScript代码，学生学完相关课程后仍不能对怎样建设网站和怎样开发信息系统了然于胸。
本书介绍的前端UI构件是用低代码实现的，jQuery UI用数万行代码完成的功能，本书使用构件只需要数百行，总代码量大约是jQuery UI的1%。可以用这些构件完整地创建一个前端应用系统，它有着完整的物流、资金流和信息流，虽然没有后端和数据库，但是却可以保存用户操作记录，使用起来完全没有障碍——这对于学生从宏观理解信息系统有较大帮助，这是其他同类前端UI不能实现的功能，也是同类书籍中不曾讲解的内容，算是本书的一个特色。
本书介绍的JS组件是开源的，学生除了在学校可以用外，走上工作岗位也可以用；可以在线使用，也可以下载到本地使用；可以跟前端HTML、CSS等语言混合使用，也可以跟JSP、ASP和PHP等多种后端语言结合使用。这样，学生在工作后可以应用自己在学校学到的知识，真正做到学有所用。
因为本书的前端低代码UI构件和组件代码量少、逻辑简要清晰，大学生可以精确掌握组件的用法，而且因为可以用中文编程，英文水平不高的学生也可以像写文章一样写程序。
对于计算机相关专业的学生，可以对书中的自定义样式、后台交互等有难度的内容进行深入学习和挖掘，提升自己的编程能力。
对于已经在企事业单位中工作几年的程序员，可以考虑采用本书介绍的UI构件改造自己的系统，促进软件演化，减少代码量，减少后期维护工作量。
总之，本书介绍的JS构件是非常实用的，既有利于学生快速掌握编程思想，方便教师教学，又有利于程序员提高开发效率，使企业降低开发成本。

编者2023年5月