商城前台练习项目
文章平均质量分 78
以实战为线索,逐步深入vue开发各个环节,掌握前端常用性能体验优化思路,熟练掌握完整前端工作流,锻炼编码能力和思维能力。
敲啊敲9527
这个作者很懒,什么都没留下…
展开
-
前台项目-商品详情页
🍔🍔🍔 表单元素修改产品个数。🍳🍳🍳 将产品添加到购物车。监听滚动行为默认顶部开始。🍔🍔🍔商品属性值选择切换。新增detail仓库。接口地址: 两个参数。原创 2024-01-12 19:00:00 · 445 阅读 · 0 评论 -
前台项目-搜索页参数合并、品牌操作、综合/价格排序、分页
🍞🍞🍞这次使用getters,简化仓库数据。🍔🍔🍔处理品牌,点击品牌查询对应的品牌商品。🧈🍚组件获取到仓库数据 展示。原创 2023-12-04 18:30:00 · 1007 阅读 · 0 评论 -
前台项目第三天(11)
---使用声明式导航 router-link 可以实现路由的跳转与传递参数 但是如果循环过多 会出现卡顿 因为它作为一个组件 生成实例的时候 如果有上千个 进行渲染 耗费性能。----三级联动用户可以点击的有 一级分类 二级分类 三级分类 触发时 跳转到search组件 用户选中的产品(产品的名字 产品的id) 进行传递。----编程式导航:push|replace 功能全面。给父元素 all-sort-list2 添加点击事件。----声明式导航:router-link。原创 2023-11-17 18:30:00 · 139 阅读 · 0 评论 -
前台项目第二天(7-10)
*----9.2如何指定params参数可传可不传?----query参数 不属于路径当中的一部分 类似于ajax中的queryString /home?----编程式导航 用的是组件实例的$router.push|replace方法 除了跳转 还可以收集数据 发请求 功能全。----项目复杂 接口多 有的接口在不同组件都有使用 后期接口一旦变化 使用过这个接口的都需改 所以统一管理较方便。----把一个仓库 拆分成若干小仓库 对应若干组件 这样仓库存储的是 对应组件的数据 新建对应的模块文件 例如。原创 2023-11-16 20:15:00 · 88 阅读 · 0 评论 -
前台项目第一天(1-6)
-----------路由组件 需要在/router/index.js中进行引用和注册(使用的即为组件的名字)----package.json中 script:{vue-cli-service serve --open}------5.2.1.路由组件 放置在pages或者在views文件夹里面。------------在App.vue根组件中 使用路由组件 需要使用。------------非路由组件 放置在components文件夹里。原创 2023-11-15 18:30:00 · 170 阅读 · 0 评论