api demo 京东商品详情_自制,简易仿京东微信小程序demo

学习微信小程序一段时间,自己仿照京东小程序做了几个demo页面,分享给大家看看

其中几个效果图如下:

介绍一下事先准备的事情

前期部署

****项目命名规范****

1.JS用驼峰法命名

2.css中class命名用"-"分隔,ID用"_"

3.接口中数据用"_"分隔

4.文件/文件夹命名用"_"

****JS使用规范****

1.使用ECMAScript 2016

****Pages里的文件结构****

1.根据tabbar放入对应的文件夹中,三个入口页面文件放入外层

****静态文件****

1.图片小图使用雪碧图

2.对应文件的图片都需要新建对应的文件夹存放图片

****代码管理****

1.使用Git,上传代码时请不要上传app.js和app.json,避免本地请求变为服务器请求

开发过程中中遇到的坑:

JS方面

不支持DOM操作,需要在开发时能够设置好所有需要的data属性值,然后渲染

跳转到tabbar页面的时候只能使用wx.switchTab(OBJECT)

wx.showToast()配置样式单一,且宽度不能自适应

wxml方面

标签不够语义化

wxss方面

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue京东商城项目实战是一个基于Vue.js开发的实际项目,旨在帮助开发者学习和实践Vue.js框架的使用。该项目的目标是搭建一个类似于京东商城的电商网站,涵盖了商品展示、购物车、订单管理等功能模块。 在这个项目中,你可以学习到如何使用Vue.js的核心概念,包括组件化、路由、状态管理等。同时,你还可以了解到常见的电商网站开发流程和技术选型。 具体来说,你可以按照以下步骤进行Vue京东商城项目实战: 1. 设计项目架构:确定项目的目录结构和模块划分,选择合适的UI框架(如Element UI)。 2. 构建商品展示页面:通过API获取商品数据,使用Vue组件展示商品列表,支持商品搜索和筛选功能。 3. 实现购物车功能:使用Vuex管理购物车数据,实现添加、删除和更新购物车商品的功能,并计算购物车总价。 4. 完善用户登录与注册:设计用户登录和注册页面,使用Vue Router实现页面跳转和权限控制。 5. 实现订单管理:创建订单页面,支持用户下单、查看订单详情等功能。 6. 集成支付功能:使用第三方支付平台的SDK,实现用户支付功能。 7. 优化和部署:对项目进行性能优化,如代码分割、懒加载等,并将项目部署到服务器上。 通过完成这个项目,你可以对Vue.js的开发流程和技巧有更深入的了解,并且掌握基于Vue.js开发实际项目的能力。希望对你有帮助!如果有更多问题,请继续提问。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值