每日一题：大电影
大电影介绍一千个人眼里就有一千个哈姆雷特，小蓝最近痴迷于电影，但无奈学习任务繁重，只好先将电影收藏起来，留着以后观看，但是电影网站的收藏功能居然失效了，请你帮忙修复这个 bug 吧。
准备本题已经内置了初始代码，打开实验环境，目录结构如下：
123456├── css│ └── style.css├── images├── index.html└── js └── jquery.min.js
其中：
index.html 是主页面。
js/jquery.min.js 是 jQuery 文件。
images 是图片文件夹。
css/style.css 是样式文件。
选中 index.html 右键启动 Web Server 服务（Open with Live Server），让项目运行起来。
接着，打开环境右侧的【Web 服务】，就可以在浏览器中看到如下效果：
目标请使用 jQuery 或者 js ，完成 index.html 文件中的 TODO 部分。
点击收藏图标，收藏图标在空心（images/hollow.svg）和实心 （images/solid.svg）中进行 ...
每日一题：用什么来计算
用什么来做计算 A介绍古以算盘作为计算工具。算盘常为木制矩框，内嵌珠子数串，定位拨珠，可做加减乘除等运算。站在前人的肩膀上，后人研究出计算器，便利了大家的生活，我们不用带着笨重的计算工具出门，打开手机上的计算器就可以了。
本题需要实现一个可以进行加减乘除等运算的计算器。
准备开始答题前，需要先打开本题的项目代码文件夹，目录结构如下：
123456├── css│ └── style.css├── js│ └── index.js├── effect.gif└── index.html
其中：
css/style.css 是样式文件。
js/index.js 是实现计算功能的 js 文件。
effect.gif 是最终实现的效果动图。
index.html 是主页面。
注意：打开环境后发现缺少项目代码，请手动键入下述命令进行下载：
12cd /home/projectwget https://labfile.oss.aliyuncs.com/courses/9788/04.zip && unzip 04.zip && rm 04.zip
在浏览 ...
每日一题：天气趋势B
天气趋势 B介绍日常生活中，气象数据对于人们的生活具有非常重要的意义，数据的表现形式多种多样，使用图表进行展示使数据在呈现上更加直观。
本题请实现一个 Y 城 2022 年的天气趋势图。
准备开始答题前，需要先打开本题的项目代码文件夹，目录结构如下：
12345678910├── css│ └── style.css├── effect-1.gif├── effect-2.gif├── index.html└── js ├── axios.js ├── echarts.min.js ├── vue.min.js └── weather.json
其中：
css/style.css 是样式文件。
index.html 是主页面。
js/axios.js 是 axios 文件。
js/vue.min.js 是 vue2.x 文件。
js/echarts.min.js 是 echarts 文件。
js/weather.json 是请求需要用到的天气数据。
effect-1.gif 是当月和未来七天切换的效果图。
effect-2.gif 是最终完成的效果图。
...
每日一题：年度明星项目
年度明星项目介绍作为前端开发的主力语言，JavaScript 相关的开源项目是每一个前端开发者都应该多多关注的。我们可以通过这一年新增 star 的数量来判断一个开源项目的流行趋势。
本题请实现一个展示 2022 年 JavaScript 明星开源项目数据的网页。
准备开始答题前，需要先打开本题的项目代码文件夹，目录结构如下：
12345678910├── css│ └── style.css├── effect.gif├── images├── index.html└── js ├── all-data.json ├── index.js ├── jquery-3.6.0.min.js └── translation.json
其中：
css/style.css 是样式文件。
index.html 是主页面。
images 是图片文件夹。
js/all-data.json 是项目数据文件。
js/index.js 是需要补充代码的 js 文件。
js/jquery-3.6.0.min.js 是 jQuery 库文件。
js/translation.jso ...
每日一题：购物车
购物车介绍网上购物已经成为现代人生活中不可或缺的一部分，那么人们最常用到的购物车功能又是如何实现的呢？
本题需要在已提供的基础项目中，使用 Vue 2.x 的知识，解决购物车商品管理过程中遇到的问题。
准备开始答题前，需要先打开本题的项目文件夹，目录结构如下：
1234567891011├── base.gif├── css│ └── index.css├── effect.gif├── images│ ├── 1.png│ └── 2.png├── index.html└── js ├── goods.js └── vue.js
其中：
base.gif 是初始效果图。
effect.gif 是最终实现的效果图。
js/goods.js 是数据文件。
js/vue.js 是 Vue 2.x 文件。
css/index.css 是样式文件。
images 是图片文件夹。
index.html 是页面布局及逻辑。
注意：打开环境后发现缺少项目代码，请手动键入下述命令进行下载：
12cd /home/projectwget https://labfile.oss ...
每日一题：分页组件
分页组件介绍分页组件是常用的组件，通过使用分页组件减少后端的查询时间，不会因为数据加载过多影响页面显示性能。本题需要在已提供的基础项目中，完成一个分页组件。
准备开始答题前，需要先打开本题的项目代码文件夹，目录结构如下：
123456789├── effect.gif ├── css│ └── index.css├── index.html└── js ├── data.json ├── axios.min.js ├── util.js └── index.js
其中：
index.html 是主页面。
js/index.js 是待完善的 js 文件。
js/data.json 是存放数据的 json 文件。
js/axios.min.js 是 axios 文件。
js/util.js 是存放工具方法 util 文件。
css/index.css 是 css 样式文件。
effect.gif 是完成的效果图。
注意：打开环境后发现缺少项目代码，请复制下述命令至命令行进行下载。
123cd /home/projectwget -q https://labf ...
每日一题：分阵营比高低
分阵营，比高低介绍期末考试结束不久，辛勤的园丁们就将所有学生的考试成绩汇总完毕。不过现在遇到一个问题，那就是目前所有学生的考试数据均混杂在一起。这些数据结构如下：
123456789101112131415161718192021[ { name: "潇然", class: 2, // 班级 math: 110, // 数学成绩 language: 92, // 语文成绩 english: 114, // 英语成绩 physics: 56, // 物理成绩 chemistry: 74, // 化学成绩 }, { name: "张三", class: 1, math: 100, language: 80, english: 60, physics: 80, chemistry: 60, }, // ...];
从上面的数据结构来看，老师们很难从中分辨出自己班级的学生，更不用说班级学生的成绩排名了。因此我们需要封装一个 ...
每日一题：组课神器
每日一题：组课神器介绍在很多教育网站的平台上，课程的章节目录会使用树型组件呈现，为了方便调整菜单，前端工程师会为其赋予拖拽功能。本题需要在已提供的基础项目中，完成可拖拽树型组件的功能。
准备12345678├── effect.gif├── css│ └── index.css├── index.html└── js ├── data.json ├── axios.min.js └── index.js
其中：
index.html 是主页面。
js/index.js 是待完善的 js 文件。
js/data.json 是存放数据的 json 文件。
js/axios.min.js 是 axios 文件。
css/index.css 是 css 样式文件。
effect.gif 是完成的效果图。
注意：打开环境后发现缺少项目代码，请复制下述命令至命令行进行下载。
123cd /home/projectwget -q https://labfile.oss.aliyuncs.com/courses/18213/test8.zipunzip test8.zip & ...
每日一题：猜硬币
猜硬币介绍为了打发无聊的时间，小蓝开发了一款人机对战的猜硬币游戏，页面中一共有 9 个杯子，系统会随机挑选 3 个杯子在里面放入硬币，玩家通过输入含有杯子序号的字符串进行猜选，但是遇到了一些问题。
本题需要你帮助小蓝完成猜硬币游戏。
准备开始答题前，需要先打开本题的项目代码文件夹，目录结构如下：
1234567├── css├── effect.gif├── images├── index.html└── js ├── findCoin.js └── index.js
其中：
css 是样式文件夹。
images 是图片文件夹。
index.html 是主页面。
js/index.js 是硬币渲染和动画逻辑。
js/findCoin.js 是需要补充代码的 js 文件。
effect.gif 是最终实现的效果图。
注意：打开环境后发现缺少项目代码，请手动键入下述命令进行下载：
12cd /home/projectwget https://labfile.oss.aliyuncs.com/courses/9790/04.zip && unzip 04.zi ...
每日一题：小兔子找萝卜
小兔子找胡萝卜介绍本题需要实现一款小兔子找胡萝卜的小游戏。在遥远的兔子王国，有一只小灰兔已经长大了，需要独自去寻找食物。点击“开始游戏”后，在输入框中输入移动步数，点击移动按钮，小灰兔可以在指定形状的草坪上跳动一步或者两步，草坪里藏着炸弹和胡萝卜。如果小灰兔踩到炸弹，本次觅食行动失败；如果小灰兔踩到胡萝卜，本次觅食行动获胜。
准备开始答题前，需要先打开本题的项目代码文件夹，目录结构如下：
1234567891011├── css│ └── style.css├── images│ ├── bomb.png│ ├── carrot.png│ └── rabbit.png├── js│ ├── index.js│ └── jquery-3.6.0.min.js├── effect.gif└── index.html
其中：
css/style.css 是样式文件。
images 是图片文件夹。
js/index.js 是实现游戏功能的 js 文件。
js/jquery-3.6.0.min.js 是 jQuery 文件。
effect.gif 是最终实现的效果动图。 ...