随笔分类 - 2016-IFE
摘要：0、题目 实现 示例图（点击查看） 中的几个例子 实现单双行列不同颜色，且前三行特殊表示的表格 实现正常状态和focus状态宽度不一致的input文本输入框，且鼠标焦点进入输入框时，宽度的变化以动画呈现 不使用JavaScript，实现一个Banner图轮流播放的效果，且点击右下角的1，2，3可以切
阅读全文
摘要：0、题目 任务目的 练习JavaScript在DOM、字符串处理相关知识 练习对于复杂UI，如何进行数据机构建模 任务描述 如图，命令输入框由input变为textarea，可以允许输入多条指令，每一行一条 textarea左侧有一列可以显示当前行数的列（代码行数列），列数保持和textarea中一
阅读全文
摘要：0、题目 任务目的 练习JavaScript在DOM、字符串处理相关知识 练习对于复杂UI，如何进行数据机构建模 任务描述 对于正方形的移动增加相应动画，包括移动和旋转 每个指令的执行时间是1s（可以自己调整） 增加新的指令如下： TRA LEF：向屏幕的左侧移动一格，方向不变 TRA TOP：向屏
阅读全文
摘要：0、题目 如图，实现一个类似棋盘的格子空间，每个格子用两个数字可以定位，一个红正方形的DOM在这个空间内，正方形中的蓝色边表示这是他的正面，有一个input输入框 在输入框中允许输入如下指令，按下按钮后，使得正方形做相应动作 GO：向蓝色边所面向的方向前进一格（一格等同于正方形的边长） TUN LE
阅读全文
摘要：0、题目 实现以JavaScript对象的方式定义表单及验证规则 表单配置参考示例如下：（不需要一致，仅为参考） { label: '名称', // 表单标签 type: 'input', // 表单类型 validator: function () {...}, // 表单验证规 rules: '
阅读全文
摘要：0、题目 如示例图中所示，在页面中完成两个单选框，切换单选框的不同选项时下方显示的表单随之切换。 当选择在校生时，出现两个select下拉菜单，一个选择城市，一个选择学校，当选择非在校生时，出一个文本输入框 学校下拉菜单里的学校名单均为城市下拉菜单中所选的城市中的大学，当城市发生变化时，学校一起发生
阅读全文
摘要：0、题目 如示例图中所示，基于上一个任务（任务29），在页面中添加多个表单 要求: 表单获得焦点时，下方显示表单填写规则 表单失去焦点时校验表单内容 校验结果正确时，表单边框显示绿色，并在下方显示验证通过的描述文字 校验结果错误时，表单边框显示红色，并在下方显示验证错误的描述文字 点击提交按钮时，对
阅读全文
摘要：0、题目 如示例图中所示，在页面中实现一个输入框与按钮，要求点击验证按钮后，对输入框中内容进行格式校验，并在其下方显示校验结果 校验规则： 1.字符数为4~16位 2.每个英文字母、数字、英文符号长度为1 3.每个汉字，中文符号长度为2 1.字符数为4~16位 2.每个英文字母、数字、英文符号长度为
阅读全文
摘要：0、题目 基于任务24的基本代码，实现一个树形组件，可参考如图示例，样式自定义，不做限制 要求有以下功能： 节点的折叠与展开 允许增加节点与删除节点 按照内容进行节点查找，并且把找到的节点进行特殊样式呈现，如果找到的节点处于被父节点折叠隐藏的状态，则需要做对应的展开 节点的折叠与展开 允许增加节点与
阅读全文
摘要：0、题目 基于任务23，添加节点的选择、增加与删除的功能 点击某个节点元素，则该节点元素呈现一个特殊被选中的样式 增加一个删除按钮，当选中某个节点元素后，点击删除按钮，则将该节点及其所有子节点删除掉 增加一个输入框及一个“添加”按钮当选中某个节点元素后，点击增加按钮，则在该节点下增加一个子节点，节点
阅读全文
摘要：0、题目 基于任务22，参考示例图，将二叉树变成了多叉树，并且每一个节点中带有内容 提供一个按钮，显示开始遍历，点击后，以动画的形式呈现遍历的过程 当前被遍历到的节点做一个特殊显示（比如不同的颜色） 每隔一段时间（500ms，1s等时间自定）再遍历下一个节点 增加一个输入框及一个“查询”按钮，点击按
阅读全文
摘要：0、题目 参考示例图，在页面中展现一颗二叉树的结构 提供一个按钮，显示开始遍历，点击后，以动画的形式呈现遍历的过程 二叉树的遍历算法和方式自定，前序中序后序皆可，但推荐可以提供多种算法的展示（增加多个按钮，每个按钮对应不同的算法） 当前被遍历到的节点做一个特殊显示（比如不同的颜色） 每隔一段时间（5
阅读全文
摘要：0、题目 基于任务20，将任务20的代码进行抽象、封装，然后在此基础上实现如图中的两个需求：Tag输入和兴趣爱好输入 如示例图上方，实现一个tag输入框 要求遇到用户输入空格，逗号，回车时，都自动把当前输入的内容作为一个tag放在输入框下面。 Tag不能有重复的，遇到重复输入的Tag，自动忽视。 每
阅读全文
摘要：0、题目 基于任务18进行升级 将新元素输入框从input改为textarea 允许一次批量输入多个内容，格式可以为数字、中文、英文等，可以通过用回车，逗号（全角半角均可），顿号，空格（全角半角、Tab等均可）等符号作为不同内容的间隔 增加一个查询文本输入框，和一个查询按钮，当点击查询时，将查询词在
阅读全文
摘要：0、题目 基于任务18 限制输入的数字在10-100 队列元素数量最多限制为60个，当超过60个时，添加元素时alert出提示 队列展现方式变化如图，直接用高度表示数字大小 实现一个简单的排序功能，如冒泡排序（不限制具体算法），用可视化的方法表达出来 1、解答过程 2、遇到的问题 这一问相比较17、
阅读全文
摘要：0、题目 参考以下示例代码，原始数据包含几个城市的空气质量指数数据 用户可以选择查看不同的时间粒度，以选择要查看的空气质量指数是以天为粒度还是以周或月为粒度 天：显示每天的空气质量指数 周：以自然周（周一到周日）为粒度，统计一周7天的平均数为这一周的空气质量数值，如果数据中缺少一个自然周的几天，则按
阅读全文
摘要：0、题目 如图，模拟一个队列，队列的每个元素是一个数字，初始队列为空 有一个input输入框，以及4个操作按钮 点击"左侧入"，将input中输入的数字从左侧插入队列中； 点击"右侧入"，将input中输入的数字从右侧插入队列中； 点击"左侧出"，读取并删除队列左侧第一个元素，并弹窗显示元素中数值；
阅读全文
摘要：0、题目 用户输入城市名称和空气质量指数后，点击“确认添加”按钮后，就会将用户的输入在进行验证后，添加到下面的表格中，新增一行进行显示 用户输入的城市名必须为中英文字符，空气质量指数必须为整数 用户输入的城市名字和空气质量指数需要进行前后去空格及空字符处理（trim） 用户输入不合规格时，需要给出提
阅读全文
摘要：0、题目 读取页面上已有的source列表，从中提取出城市以及对应的空气质量 将数据按照从小到大顺序排序后，在resort列表中按照顺序显示出来 1、解答过程 2、遇到的问题 （1）为得到source列表中的城市名使用了substring()方法截取字符串（如“北京空气质量”）的前两个字，如果存在城
阅读全文
摘要：来源：任务十四——js高手之路 0、题目 页面加载后，将提供的空气质量数据数组，按照某种逻辑（比如空气质量大于60）进行过滤筛选，最后将符合条件的数据按照一定的格式要求显示在网页上 1、解答过程 鉴于数据存储在一个数组对象中，因此可以用数组的sort()方法进行排序，当然也可以用冒泡法进行排序，同时
阅读全文
浙公网安备 33010602011771号