html5+css3+javascript+jquery项目实战（2）

截止今天，也就是2025年的4月23日，登录小米官网：https://www.mi.com/，是如下样子：

我们要做的项目是前端商城，所以，打开打开上面图片顶部菜单按钮中的小米商城按钮，或者直接打开https://www.mi.com/shop，打开小米商城的页面，如下所示：

完整的首页我也截取下来了，我们通过html5+css3+javascript+jquery实现的就是如下页面：

图片有点长，但是我觉得，除了轮播部分有点复杂，下面的部分还是简单的。从下节开始，我们将正式写代码。

最后，我要介绍几个代码编辑器，一个是vscode，我的笔记本电脑是win10的系统，安装有360，我是通过360软件管家下载的vs code，大家也可以通过vs code的官网来下载，网址为：

Visual Studio Code - Code Editing. Redefined。还有一个编辑器，叫hbuilder，它是Dcloud公司推出的一个代码编辑器，HBuilderX-高效极客技巧这是hbuilder的网址，大家如果需要，可以下载它们。