粥品香坊JavaScript实战页面
黑白配色的美团风格页面，纯用原生 JavaScript 写的，没有用任何框架，挺适合用来练手。
粥品香坊的整个结构比较清晰，HTML5 用得蛮多，比如
交互部分基本靠addEventListener和classList这种原生 API 搞定。像菜单点击、页面滚动这些功能都实现得蛮流畅，响应也快，代码也简单，没加太多花哨逻辑。
CSS3这块亮点还挺多的，动画用transition做得挺顺滑，按钮和图片都有点小动效。布局用的是flex，页面自适应做得还行，不同分辨率都能撑住。
代码结构挺利索的，index.html、style.css、main.js分得清清楚楚，适合刚学完基础的同学来动手优化一下，比如把 JS 封装封装，拆分出模块也行。
如果你刚学完前端三件套，想找点不靠库的项目练练，这份粥品香坊完成.zip还蛮值得一看的，里面多地方你可以自己改着试，熟练度马上就能提上来。
文件大小：423.29KB
评论区