微信小程序 开发 总结
wxml:
- wx:if wx:elif wx:else (不渲染标签),wx:for wx:key wx:for-index='id' wx:for-value='username',hidden(display:none)
- block:不创建div类标签,只是创建一个盒子容器,html中不显示此标签
- bindtap(click),bindinput(input:change事件)
wxss:
- rpx:尺寸单位,建议使用iPhone6(750px)为开发计算屏幕尺寸。开发时,10px的宽度,乘以2,写20rpx即可。
- @import 导入
- 全局样式和局部样式冲突,以局部样式为准(根目录下的app.wxss文件中写的样式全局生效)
app.json:
- pages:配置路由。添加后自动创建对应文件夹
- window:配置小程序头部等样式。
backgroundTextStyle: 背景文字颜色 (目前仅支持dark、light)
navigationBarBackgroundColor: 头部背景色
navigationBarTitleText:头部文字内容设置
navigationBarTextStyle:头部文字颜色
enablePullDownRefresh:是否开启下拉刷新,
backgroundColor:背景色
onReachBottomDistance:触底加载(懒加载)距底部出发的距
- tabBar:配置底部/头部tab切换配置
- style:v2。删除后,默认老版样式
page.json:
- 对单个页面的个性化配置,就近原则
网络请求:
- wx.request()方法:
wx.request({url: 'https://www.escook.cn/categories',method: 'GET',//POSTsuccess: (res) => {this.setData({gridlist:res.data})console.log(this.data.gridlist)}})
onLoad()事件:
onLoad: function (options) {this.getSlide()},
微信小程序 开发 总结相关推荐
- 微信小程序开发的完整流程介绍,新手必读
自从跳一跳小程序游戏出现后,一夜之间,小程序就变得家喻户晓了,功能开发也越来越丰富,在微信搜一搜就会发现许多大品牌早已有自己的小程序了,越来越多的企业和商家都看中了这个风口,想快速开发出一款属于自己的 ...
- 微信小程序开发(2)_data属性
假设我们的环境都做好了,现在我们开始开发自己的小程序 首先我们开发出自己的 Hello World 我们要做的事情是当前点击hello World的时候HelloWorld的颜色发生变化: 这个是我们 ...
- 微信小程序开发之选项卡
选项卡是web开发中经常使用到的一个模块,在小程序中竟然没有,这里参考别人的文章自己做了一个双选项卡 实现思路: 通过绑定swichNav事件来控制currentTab(当前选项卡)和isShow(是 ...
- 微信小程序开发优秀教程及文章合集第一期
2019独角兽企业重金招聘Python工程师标准>>> 我会不定期的选取一些优质教程,整理成辑,以便大家集中阅读: 新手向!微信小程序开发手记系列: 微信小程序开发手记<一&g ...
- 微信小程序开发分销制度济南_花店微信小程序开发教程
如何将自己的鲜花商品快速配送出去,避免鲜花过期浪费,是很多传统花店商家的难题.不过随着微信小程序的出现,这一难题也渐渐得到了解决.花店商家可以通过自己的小程序商城,打通线上渠道,可以加大推广.扩大销量 ...
- 微信小程序开发简易计算器改进版
微信小程序开发计算器有多种方法,但是大部分代码比较复杂.不容易理解.本案例进行了改进,主要是组件bindtap属性绑定的自定义函数clickBtn(),采用了switch语句,使得代码结构更加清晰,学 ...
- 微信小程序开发视频教程新鲜出炉
微信小程序开发公测了,可是对于新手来说,不同的框架不同的开发机制,如何快速适应呢?微信小程序开发视频教程新鲜出炉了,从零开始一步一步搭建微信小程序,每个章节都会涉及到不同的知识点,等教程学习完你不但掌 ...
- 关于微信小程序开发中遇到的缺少game.json问题的解决
关于微信小程序开发中遇到的缺少game.json问题的解决 参考文章: (1)关于微信小程序开发中遇到的缺少game.json问题的解决 (2)https://www.cnblogs.com/ygxd ...
- 微信小程序开发系列一:微信小程序的申请和开发环境的搭建
我最近也刚刚开始微信小程序的开发,想把我自学的一些心得写出来分享给大家. 这是第一篇,从零开始学习微信小程序开发.主要是小程序的注册和开发环境的搭建. 首先我们要在下列网址申请一个属于自己的微信小程序 ...
- 微信小程序开发记录一,开发工具的使用
工欲善其事,必先利其器. 开发工具的下载> 1.微信开发者工具的下载: 下载地址:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/downl ...
最新文章
- 【Spark亚太研究院系列丛书】Spark实战高手之路-第3章Spark架构设计与编程模型第1节 ①...
- torch.log函数
- (十五)WebGIS中平移功能的设计和实现
- hdu 2669 Romantic
- [转]Windows Shell 编程 第八章 【来源:http://blog.csdn.net/wangqiulin123456/article/details/7987961】...
- React Ant Design UI 表格时间列格式化 代码片段
- p70_域名解析系统DNS
- dw如何点击图片放大的代码_JavaScript点小图弹出放大图片的代码
- 机顶盒安装APK方法
- linux传输系统架构,Linux后端程序成长关键技术——底层体系结构
- JMS Message消息头、消息体、消息属性
- php 生成模糊图片
- 【matplotlib】散点图详解
- linux VFS概述以及内核源代码分析
- 第五人格周四服务器维护中,第五人格本周四维护内容
- Html5基于Canvas画一个动态时钟
- java applet 在线demo_编写可在线收发E-mail的Java Applet
- USB HUB芯片 FE8.1替代方案
- nginx配置移动端与PC端访问规则
- S7-1200PLC—实验四 十字路口交通灯控制