低代码JS UI构件实现Web前端快速开发(微课视频版)

这是一本讲述JavaScript 调用低代码构件简化前端编 程的教材。本书从 JavaScript基础讲起，内容 涵盖了JavaScript调用前端 构件方法，构件能够完成的 前端布局、显示、输入功能 ，以及前端如何存储数据， 如何与用户互动。 本书案例丰富，功能实 用，其中如工具条、电子表 格、图文列表、幻灯片、播 放器、批量表单、购物车以 及类Excel编辑器等都是前 端必要的组件。特别是第6 章的案例，只使用前端低代 码构件就实现了物流、资金 流和信息流的流转，算是一 个小突破。 高等院校使用本书教学 ，学生既能从宏观层面掌握 信息系统的模块，又能学到 各个模块的编程细节。企业 使用本书介绍的构件做项目 ，能够简化编程，提高开发 效率，减少维护成本。

于丙超，男，系统架构师，从事软件系统开发30年，精通Java，JavaScript，HTML5，CSS，SQL等多门语言。现为北京周服科技有限公司创始人，CEO。是前端低代码构件发明人。2004年至今出版过《网站开发:项目规划、设计与实现》等书籍四本。

第1章 JavaScript与HTML基础 1.1 JavaScript概述 1.1.1 历史 1.1.2 作用与用法 1.1.3 调试工具 1.2 语法 1.2.1 变量 1.2.2 运算符 1.2.3 语句 1.2.4 小方法 1.2.5 思考题1-1：输出多语言的Hello world 1.3 数组 1.3.1 定义数组 1.3.2 数组常见操作方法 1.3.3 二维数组映射数据表 1.3.4 思考题1-2：根据姓名查找同学录中的同学信息 1.4 枚举 1.4.1 定义枚举 1.4.2 枚举取值与赋值 1.4.3 思考题1-3：枚举实现中文编程 1.5 JSON数据交换 1.5.1 JSON的基本概念 1.5.2 JSON常见操作 1.5.3 思考题1-4：用JSON 克隆一个枚举 1.6 面向对象与类 1.6.1 面向对象的基本概念 1.6.2 JavaScript定义类 1.6.3 类的实例化与方法调用 1.6.4 思考题1-5：对同学录进行增删改查 1.7 HTML展示数据 1.7.1 HTML的基本概念 1.7.2 HTML主要元素标签列表 1.7.3 JavaScript输出和读取HTML内容 1.7.4 思考题1-6：用 table标签显示同学录 1.8 事件 1.8.1 事件的种类 1.8.2 HTML元素绑定事件 1.8.3 思考题1-7：单击同学录的表头进行排序 1.9 小结 第2章 JavaScript与前端低代码U框架 2.1 基础概念 2.1.1 B/S架构风格的基本概念 2.1.2 前端UI的基本概念 2.1.3 低代码编程的基本概念 2.2 前端低代码框架 2.2.1 框架、构件与组件 2.2.2 下画线构件介绍 2.2.3 美元构件介绍 2.2.4 多语言构件介绍 2.3 低代码框架调试环境 2.3.1 免下载在线调试 2.3.2 下载demo后本机调试 2.3.3 安装Web服务器后局域网调试 2.3.4 从文件和文件夹数量辨别低代码框架 2.4 JavaScript调用低代码组件速览 2.4.1 低弹窗的布局组件 2.4.2 实现富客户端与计算前置的显示组件 2.4.3 低跳转输入组件 2.4.4 低代码组件如何易学、易记、易用 2.5 低代码pe.htm中JavaScript与HTML交互 2.5.1 文件与编码 2.5.2 htm文件头 2.5.3 htm文件编辑器 2.5.4 思考题2-1：将JavaScript内容放到pc.htm中 2.6 JavaScript调用方法组件 2.6.1 元素类方法 2.6.2 外观类方法 2.6.3 日期类方法 2.6.4 Cookie类方法 2.7 小结 第3章 低弹窗JavaScript布局组件 3.1 层组件 3.1.1 层组件中数组A的结构 3.1.2 层组件中参数P的含义 3.1.3 层组件的公有方法 3.1.4 案例3-1：系统中心化布局源代码与图例 3.1.5 案例3-2：Web站点多层布局源代码与图例 3.1.6 思考题3-1：同学录pc.htm的布局方法 3.2 按钮组件 3.2.1 按钮组件中数组A的结构 3.2.2 一按钮组件中参数P的含义 3.2.3 按钮组件的公有方法 3.2.4 按钮触摸或者单击事件 3.2.5 案例3-3：按钮组件对一行按钮布局 3.2.6 思考题3-2：实现美团的多行按钮阵列布局 3.3 工具条组件 3.3.1 工具条组件中数组A的结构 3.3.2 工具条组件中参数P的含义 3.3.3 案例3-4：顶部工具条与单击事件的源代码与图例 3.3.4 案例3-5：低弹窗、低单击的二级菜单 3.3.5 思考题3-3：网站的导航栏 3.4 标签组件 3.4.1 标签组件中数组A的结构 3.4.2 标签组件中参数P的含义 3.4.3 标签组件设置click事件 3.4.4 标签组件的公有方法 3.4.5 案例3-6：实现带选择框的标签布局 3.4.6 案例3-7：使用标签嵌套实现两层标签 3.4.7 思考题3-4：从树形结构数组创建两层标签 3.5 小结 第4章 计算前置的JavaScript显示组件 4.1 网格组件 4.1.1 网格组件中数组A的结构 4.1.2 网格组件中参数P的含义 4.1.3 网格组件设置click 事件 4.1.4 网格组件的公有方法 4.1.5 案例4-1：同学录与排序 4.1.6 扩展功能：显示两层表头 4.1.7 思考题4-1：单击单元格显/隐工具条 4.2 列表组件 4.2.1 列表组件中数组A的结构 4.2.2 列表组件中参数P的含义 4.2.3 列表组件设置click事件 4.2.4 列表组件的公有方法 4.2.5 案例4-2：学生照片列表 4.2.6 案例4-3：多张图片以幻灯片展示 4.2.7 思考题4-2：列表组件与工具条组件的互动 4.3 幻灯片组件 4.3.1 幻灯片组件中数组A的结构 4.3.2 幻灯片组件中参数P的含义 4.3.3 幻灯片组件设置click事件 4.3.4 幻灯片组件的公有方法” 4.3.5 案例4-4：在网站首页中展示幻灯片 4.4 播放器组件 4.4.1 播放器组件中数组A的结构 4.4.2 播放器组件中参数P的含义 4.4.3 播放器组件设置click事件 4.4.4 案例4-5：新闻文章播放