【文件属性】:
文件名称:webpack:Webpack基本示例
文件大小:2.07MB
文件格式:ZIP
更新时间:2021-03-28 05:16:36
JavaScript
亚飞溅代码挑战
现场演示
初步步骤
知道这个挑战将是前端的,所以我从星期五早上开始,在网上找到并部署了一个基本的webpack启动程序仓库,开始了我的工作。 之后,我添加了Vuex和Vue-router以建立一些核心功能。 星期五晚上,我收到了挑战说明并添加了内容和样式。
叉子
部署到
npm i -S vue vuex vue-router
添加挑战要求并开始工作!
主要特征
Vuex用于维护状态,尤其是在将书存储在购物车中时
Vue路由器可提高单页应用程序的效率(视频背景不会重新加载)
Vue在多个页面上使用可重用的组件“ BookDisplay”,以动态方式显示每本书
我使用从Design.pdf(#481FC1)中提供的单一强调色形成调色板。
整个版本都使用了几种现代CSS功能,包括flexbox,grid,psuedo元素等
使用JS LocalStorage,即使在
【文件预览】:
webpack-main
----Design.pdf(2.16MB)
----webpack.prod.js(4KB)
----package.json(1KB)
----index.html(3KB)
----webpack.dev.js(3KB)
----src()
--------index.js(2KB)
--------App.vue(323B)
--------assets()
--------views()
--------components()
--------store.js(3KB)
--------filters()
--------styles()
--------router.js(646B)
----.gitignore(25B)
----Instructions.txt(971B)
----Data.json(955B)
----README.md(2KB)
----.editorconfig(245B)