江月迟迟

每日一题：冰墩墩心情刻度尺介绍2022 奥运会满意度调查开始了，冰墩墩作为奥运吉祥物以亲民可爱的形象火遍全球，这次，冰墩墩请你打分，满分 5 分，最低 1 分，快来评分吧！ 准备本题已经内置了初始代码，打开实验环境，目录结构如下： 12345├── css│ └── index.css├── index.html└── js └── index.js 其中： index.html 是主页面。 css 是存放页面样式的文件夹。 js/index.js 是需要补充代码的 js 文件。 注意：打开环境后发现缺少项目代码，请手动键入下述命令进行下载： 1wget https://labfile.oss.aliyuncs.com/courses/16474/dundun.zip && unzip dundun.zip && rm dundun.zip 选中 index.html 右键启动 Web Server 服务（Open with Live Server），让项目运行起来。接着，打开环境右侧的【Web 服务】，就可以在浏览器中看到如下效果： 在 ...

每日一题：请到下一步介绍我们注册一个账号，经常会用到步骤条填写资料，本题需要使用 jQuery 去实现步骤条表单的切换。 准备开始答题前，需要先打开本题的项目代码文件夹，目录结构如下： 1234567├── css│ └── style.css├── js│ ├── index.js│ └── jquery-3.6.0.min.js├── effect.gif└── index.html 其中： css/style.css 是样式文件。 js/index.js 是实现步骤条表单切换的 js 文件。 js/jquery-3.6.0.min.js 是 jQuery 文件。 effect.gif 是最终实现的效果图。 index.html 是主页面。 注意：打开环境后发现缺少项目代码，请手动键入下述命令进行下载： 12cd /home/projectwget https://labfile.oss.aliyuncs.com/courses/10591/05.zip && unzip 05.zip && rm 05.zip 在浏览器中预览 ind ...

每日一题：燃烧你的卡路里介绍为了瘦，为了美，为了穿衣服好看，小蓝决定减肥，管住嘴迈开腿，燃烧卡路里不止需要运动，还需要合理制定饮食规划。 快来帮助小蓝完成减脂饮食规划吧。 准备本题已经内置了初始代码，打开实验环境，目录结构如下： 123456789├── css├── img│ └── food.png├── index.html├── js│ └── index.js├── lib└── mock └── menu.json 其中： index.html 是主页面。 css 是存放项目样式的文件夹。 images 是项目图片文件夹。 lib 是存放项目依赖 js 库的文件夹。 mock 是存放项目数据的文件夹。 js/index.js 是需要补充代码的 js 文件。 注意：打开环境后发现缺少项目代码，请手动键入下述命令进行下载： 1wget https://labfile.oss.aliyuncs.com/courses/16474/loseWeight.zip && unzip loseWeight.zip && rm loseWe ...

每日一题：Markdown 文档解析介绍Markdown 因为其简洁的语法大受欢迎，已经成为大家写博客或文档时必备的技能点，众多博客平台都提倡用户使用 Markdown 语法进行文章书写，然后再发布后，实时的将其转化为常规的 HTML 页面渲染。 本题需要在已提供的基础项目中，使用 Nodejs 实现简易的 Markdown 文档解析器。 准备开始答题前，需要先打开本题的项目代码文件夹，目录结构如下： 1234567├── docs.md├── images│ └── md.jpg├── index.html└── js ├── index.js └── parse.js 其中： index.html 是主页面。 images 是图片文件夹。 docs.md 是需要解析的 Markdown 文件。 js/index.js 是提供的工具脚本，用于快速验证代码结果。 js/parse.js 是需要补充的脚本文件。 注意：打开环境后发现缺少项目代码，请手动键入下述命令进行下载： 12cd /home/projectwget https://labfile.oss.aliy ...

每日一题：魔法失灵了介绍oh ~ 糟糕 😰 ，dr.小蓝正在研究一项伟大的发明，实验进行中控制重要的元素 Magic 的按钮突然失灵了，快来用你的魔法帮助 dr.小蓝吧。 准备本题已经内置了初始代码，打开实验环境，目录结构如下： 1234├── css│ └── style.css├── index.html└── js 其中： index.html 是待修复的主页面。 css 是存放项目样式的文件夹。 js 是项目所依赖的 vue 文件。 注意：打开环境后发现缺少项目代码，请手动键入下述命令进行下载： 12wget https://labfile.oss.aliyuncs.com/courses/20964/magic.zipunzip magic.zip && rm -f magic.zip 选中 index.html 右键启动 Web Server 服务（Open with Live Server），让项目运行起来。 接着，打开环境右侧的【Web 服务】，在浏览器中预览 index.html 点击页面上的 - 与 + 按钮无法改变中间的数值，页面效果如下 ...

每日一题：输入搜索联想介绍实际开发中经常会遇到这样一个需求，根据用户的输入内容，快速在表格中搜索匹配的数据并显示，该功能常被人们叫做“输入搜索联想”。 本题需要在已提供的基础项目中，使用 Vue 2.x 的知识实现该功能。 准备开始答题前，需要先打开本题的项目文件夹，目录结构如下： 1234├── effect.gif├── index.html└── js └── vue.js 其中： effect.gif 是最终实现的效果图。 js/vue.js 是 Vue 2.x 文件。 index.html 是页面布局及功能实现的逻辑代码。 注意：打开环境后发现缺少项目代码，请手动键入下述命令进行下载： 12cd /home/projectwget https://labfile.oss.aliyuncs.com/courses/10591/09.zip && unzip 09.zip && rm 09.zip 在浏览器中预览 index.html 页面，显示如下所示： 当前并未实现搜索联想的功能。 目标请在 index.html 文件中补全代码，最 ...

每日一题：ISBN 转换与生成介绍国际标准书号（International Standard Book Number），简称 ISBN ，是专门为识别图书等文献而设计的国际编号。2007 年 1 月 1 日之前，ISBN 由 10 位数字组成，包括四个部分：组号（国家、地区、语言的代号），出版者号，书序号和检验码。2007 年 1 月 1 日起，实行新版 ISBN，新版 ISBN 由 13 位数字组成。新版 ISBN 编码增加了 EAN·UCC 前缀，这是为了与国际条形码编码 EAN·UCC 系统接轨。 本题请实现一个 ISBN-10（旧版 10 位 ISBN ）到 ISBN-13（新版 13 位 ISBN ）码的转换工具。 准备开始答题前，需要先打开本题的项目代码文件夹，目录结构如下： 123456789101112├── css│ └── style.css├── effect.gif├── images│ ├── check-one.png│ ├── close-one.png│ └── fail-picture.png├── index.html└── js ...

每日一题：健身大调查介绍表单提交是前端必备的技能之一，下面让我们用学过的表单知识，来完成一个健身调查的问卷。 准备开始答题前，需要先打开本题的项目代码文件夹，目录结构如下： 12345├── css│ └── style.css├── index.html└── js └── index.js 其中： index.css 为样式文件。 index.html 为主页面。 index.js 需要补充的 js 文件。 注意：打开环境后发现缺少项目代码，请手动键入下述命令进行下载： 1wget https://labfile.oss.aliyuncs.com/courses/10591/03.zip&&unzip 03.zip&&rm 03.zip 在浏览器中预览 index.html 页面效果如下： 目标完成 js/index.js 中的 formSubmit 函数，用户填写表单信息后，点击蓝色提交按钮，表单项隐藏，页面显示用户提交的表单信息（在 id 为 result 的元素显示）。信息格式如下：“身高 172cm，体重 60kg，性别男， ...

每日一题：骨架屏介绍在网络较慢，需要长时间等待加载的情况下，骨架屏可以在详细页面元素未展现时，把 DOM 结构通过简单的方块或圆形勾勒出来，相对于传统的转圈等待与白屏来说，用户体验更好。下面请根据题目要求，使用 Vue 封装一个灵活的骨架屏组件。 准备开始答题前，需要先打开本题的项目代码文件夹，目录结构如下： 12345678910111213├── components│ ├── List│ │ ├── content.js│ │ └── index.js│ └── Skeleton│ ├── index.js│ └── item.js├── css│ └── style.css├── effect.gif├── index.html└── lib └── vue.min.js 其中： index.html 是主页面。 components/list 是提供的列表组件。 components/Skeleton 是骨架屏组件。 lib 是存放项目依赖的文件夹。 css 是存放项目样式的文件夹。 effect.gif 是项目目标 ...

每日一题：不翼而飞的余额介绍小蓝开发了一个 web3 钱包，用于在浏览器中管理以太坊账户。为了方便用户使用，小蓝决定将钱包分为两个页面： 存款页面，用于用户存款。 钱包页面，用于查看账户余额。 但是小蓝遇到了问题，两个页面显示的账户余额不一致。现在，小蓝需要你的帮助。 准备本题已经内置了初始代码，打开实验环境，目录结构如下： 12345678├── component│ ├── DepositPage.js│ └── WalletPage.js├── css├── index.html├── js│ └── store.js└── lib 其中: index.html 是主页面。 css 是存放项目样式的文件夹。 lib 是存放项目项目依赖文件夹。 component/WalletPage.js 是钱包主页面组件。 component/DepositPage.js 是存款页面组件。 js/store.js 是 pinia 状态管理库。 注意：打开环境后发现缺少项目代码，请手动键入下述命令进行下载： 12cd /home/projectwget https://lab ...