Restaurant JavaScript渲染DOM元素页面

餐厅页面用 JavaScript 渲染 DOM 元素,挺有意思的。通过这个项目,我不仅回顾了 DOM 操作的基础,还成功掌握了 Webpack,虽然部署到 Github 页面时遇到了一点小麻烦,毕竟第一次接触。不过,最终效果挺简洁清新的。你可以看到所有页面元素完全由 JavaScript 渲染,这样能让你更好地理解 DOM 和 JavaScript 的关系。其实,构建这类页面适合用来练习 JS 和 Webpack 的使用,是对前端初学者来说,既实用又有趣。需要提醒的是,项目目录下的 node_modules 文件夹会变得比较庞大,记得定期清理哦。

zip
restaurant-main.zip 预估大小:19个文件
folder
restaurant-main 文件夹
file
.DS_Store 6KB
file
webpack.config.js 187B
folder
src 文件夹
file
pageLoader.js 3KB
file
bevLoader.js 3KB
file
foodLoader.js 3KB
file
reset.css 1KB
file
index.js 619B
file
style.css 5KB
file
aboutLoader.js 2KB
folder
img 文件夹
file
badge.png 154KB
file
.DS_Store 6KB
file
logo.png 6KB
file
README.md 4KB
folder
dist 文件夹
file
index.html 585B
file
.DS_Store 6KB
file
main.js 20KB
file
.gitignore 13B
file
package-lock.json 42KB
file
package.json 541B
zip 文件大小:185.46KB