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

本文介绍了作者在学习微信小程序过程中制作的京东商品详情页demo,分享了项目命名和使用规范,如JS的驼峰命名,CSS的类名分隔等。还探讨了开发中遇到的问题,如不支持DOM操作,wx.showToast样式限制等,并列举了使用过的API,包括ES6特性及微信小程序组件和方法。
摘要由CSDN通过智能技术生成

学习微信小程序一段时间,自己仿照京东小程序做了几个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方面

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值