-
Notifications
You must be signed in to change notification settings - Fork 0
JamesPrograms/miniProgram
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
项目说明: 本项目为练手项目,模仿JD小程序而写,由我和团队其他小伙伴共同开发,旨在学习微信小程序 本项目test中接口为前端测试接口,用的是app.js中baseUrl冒号后面的base url,该base url为项目在webStorm打开的base url, 如果你用webStorm作为开发工具,则在webStorm中打开本项目后,在微信开发者工具中即可观看项目调用各个接口; 如果你会后台,你也可自己写开发接口调试和调用,前提是将app.js中baseUrl改为true并且在冒号前换成您的base url 若您在发现本项目有任何不巧当的地方,欢迎指正,感激不尽 以下为开发本项目的一些总结,供您参考 命名规范 1.JS用驼峰法命名 2.css中class命名用"-"分隔,ID用"_" 3.接口中数据用"_"分隔 4.文件/文件夹命名用"_" JS使用规范 使用ECMAScript 2016 pages里的文件结构 根据tabbar放入对应的文件夹中,三个入口页面文件放入外层 静态文件 图片小图使用雪碧图 对应文件的图片都需要新建对应的文件夹存放图片 代码管理 使用Git,上传代码时请不要上传app.js和app.json,避免本地请求变为服务器请求 开发中遇到的坑: 1. JS方面 不支持DOM操作,需要在开发时能够设置好所有需要的data属性值,然后渲染 跳转到tabbar页面的时候只能使用wx.switchTab(OBJECT) wx.showToast()配置样式单一,且宽度不能自适应 2. wxml方面 标签不够语义化 3. wxss方面 不支持"a > b > c"双箭头写法,控制台会报错 背景图属性background-image必须写在标签中,或者使用服务器上的图片 使用display:flex布局方式,容器大小会随内容大小变化,所以,最好给容器设置宽度 标注图标注的大小再设置时是原大小的2倍,比如图上标注10*10,css这边写20rpx*20rpx 4. 其它方面 json文件是配置window窗口的,但是此时可以省略window属性,如果加window则没有效果,也不会报错 项目中使用过的API: 1.ES6相关 对象解构 {} = {} 箭头函数 => 块级变量let、const 模板字符串${...} 数组扩展let c = [...a,...b] 2.微信相关 WXML 组件:view、text、image、icon、swiper、progress、navigator、button、input template模板 列表渲染:wx:for="" wx:key="" 条件渲染:wx:if="" elif="" else WXSS flex布局 rpx自适应宽度 JS相关封装 动态设置数据:setData() 发送接口请求:wx.request(OBJECT) 页面链接:wx.navigateTo()、wx.navigateBack() 页面弹框反馈:wx.showToast(OBJECT)、wx.showModal(OBJECT) 本地存储: wx.setStorageSync()、wx.getStorageSync() 绑定事件:bindtap、onReachBottom
About
No description, website, or topics provided.
Resources
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published