摘要：
任务目的 任务描述 任务注意事项 参考资料 自定义网页右键菜单总结 1、 oncontextmenu Event 当用户右键点击一个元素时，触发oncontextmenu事件，打开上下文菜单。 注意：虽然所有浏览器均支持oncontextmenu事件，但是目前只有火狐浏览器支持contextmenu 阅读全文
摘要：
任务目的 任务描述 任务注意事项 参考资料 自定义checkbox， radio样式总结 1、HTML <label> Tag <label> 标签为 input 元素定义标注（标记）。 label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本 阅读全文
摘要：
任务目的 针对设计稿样式进行合理的HTML架构，包括以下但不限于： 掌握常用HTML标签的含义、用法 能够基于设计稿来合理规划HTML文档结构 理解语义化，合理地使用HTML标签来构建页面 掌握基本的CSS编码，包括以下但不限于： 了解CSS的定义、概念、发展简史 掌握CSS选择器的含义和用法 实践 阅读全文
摘要：
任务目的 练习JavaScript在DOM、字符串处理相关知识 练习对于复杂UI，如何进行数据机构建模 任务描述 对于正方形的移动增加相应动画，包括移动和旋转 每个指令的执行时间是1s（可以自己调整） 增加新的指令如下： TRA LEF：向屏幕的左侧移动一格，方向不变 TRA TOP：向屏幕的上面移 阅读全文
摘要：
任务目的 练习JavaScript在DOM、字符串处理相关知识 练习对于复杂UI，如何进行数据机构建模 任务描述 如图，实现一个类似棋盘的格子空间，每个格子用两个数字可以定位，一个红正方形的DOM在这个空间内，正方形中的蓝色边表示这是他的正面，有一个input输入框 在输入框中允许输入如下指令，按下 阅读全文
摘要：
任务目的 加强对JavaScript的掌握 熟悉常用表单处理逻辑 任务描述 如示例图中所示，在页面中完成两个单选框，切换单选框的不同选项时下方显示的表单随之切换。 当选择在校生时，出现两个select下拉菜单，一个选择城市，一个选择学校，当选择非在校生时，出一个文本输入框 学校下拉菜单里的学校名单均 阅读全文
摘要：
任务目的 加强对JavaScript的掌握 熟悉常用表单处理逻辑 任务描述 如示例图中所示，基于上一个任务，在页面中添加多个表单 要求: 表单获得焦点时，下方显示表单填写规则 表单失去焦点时校验表单内容 校验结果正确时，表单边框显示绿色，并在下方显示验证通过的描述文字 校验结果错误时，表单边框显示红 阅读全文
摘要：
任务目的 加强对JavaScript的掌握 熟悉常用表单处理逻辑 任务描述 如示例图中所示，在页面中实现一个输入框与按钮，要求点击验证按钮后，对输入框中内容进行格式校验，并在其下方显示校验结果 校验规则： 1.字符数为4~16位 2.每个英文字母、数字、英文符号长度为1 3.每个汉字，中文符号长度为 阅读全文
摘要：
任务目的 实践JavaScript数组、字符串相关操作 任务描述 基于任务四进行升级 将新元素输入框从input改为textarea 允许一次批量输入多个内容，格式可以为数字、中文、英文等，可以通过用回车，逗号（全角半角均可），顿号，空格（全角半角、Tab等均可）等符号作为不同内容的间隔 增加一个查 阅读全文
摘要：
任务目的 学习与实践JavaScript的基本语法、语言特性 练习使用JavaScript实现简单的排序算法 任务描述 基于上一任务 限制输入的数字在10-100 队列元素数量最多限制为60个，当超过60个时，添加元素时alert出提示 队列展现方式变化如图，直接用高度表示数字大小 实现一个简单的排 阅读全文