Restaurant JavaScript渲染DOM元素页面
餐厅页面用 JavaScript 渲染 DOM 元素,挺有意思的。通过这个项目,我不仅回顾了 DOM 操作的基础,还成功掌握了 Webpack,虽然部署到 Github 页面时遇到了一点小麻烦,毕竟第一次接触。不过,最终效果挺简洁清新的。你可以看到所有页面元素完全由 JavaScript 渲染,这样能让你更好地理解 DOM 和 JavaScript 的关系。其实,构建这类页面适合用来练习 JS 和 Webpack 的使用,是对前端初学者来说,既实用又有趣。需要提醒的是,项目目录下的 node_modules 文件夹会变得比较庞大,记得定期清理哦。
restaurant-main.zip
预估大小:19个文件
restaurant-main
文件夹
.DS_Store
6KB
webpack.config.js
187B
src
文件夹
pageLoader.js
3KB
bevLoader.js
3KB
foodLoader.js
3KB
reset.css
1KB
index.js
619B
style.css
5KB
185.46KB
文件大小:
评论区