微信小程序开发入门基础
来源:互联网 发布:二炮研究院 软件中心 编辑:程序博客网 时间:2024/06/05 01:02
微信小程序开发入门基础
开始之前
注册开发者:https://mp.weixin.qq.com
下载开发工具:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html
下载官方体验小程序源码:https://mp.weixin.qq.com/debug/wxadoc/dev/
用开发工具添加体验小程序,体验
官方简易教程:https://mp.weixin.qq.com/debug/wxadoc/dev/
组件库:https://mp.weixin.qq.com/debug/wxadoc/dev/component/
常见问题及解决方案
本地缓存storage,类似localStorage,可以存取改删 String/Object
- 页面跳转及传值
<navigator url="../detail/detail?name={{item.name}}"></navigator>
跨页面通信,发现一个方案是:
组件化
如模版:header.wxml
<template name="header"> <view class="page-header"> <text class="page-header-text">{{title}}</text> <view class="page-header-line"></view> </view> </template>
如何使用?
<template is="header" data="{{title: 'start/stopRecord、play/pause/stopVoice'}}"/>
- 如何请求http数据?
方法:开发者工具-点击项目-勾选开发环境不校验请求域名及TLS版本;
- Page 内部方法如何调用?方法:this.fn(),例如:
fn:function () {
console.log("fn");
},
onReady: function () {
var that = this;
//that = this;
that.fn();
}
- 底部tabBar菜单栏显示不出来 解决方法:pages先后顺序配置正确,依次是第一个tabBar的路径,第二个tabBar的路径。。app页面的路径,例如:
{
"pages":[
"pages/week/index",
"pages/mine/index",
"pages/index/index"
],
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#FC3D39",
"navigationBarTitleText": "title",
"navigationBarTextStyle":"white"
},
"tabBar": {
"color": "#9a9a9a",
"selectedColor": "#FC3D39",
"borderStyle": "black",
"backgroundColor": "#ffffff",
"list": [{
"pagePath": "pages/week/index",
"iconPath": "image/calendar.png",
"selectedIconPath": "image/calendar2.png",
"text": "first"
}, {
"pagePath": "pages/mine/index",
"iconPath": "image/mine.png",
"selectedIconPath": "image/mine2.png",
"text": "second"
}]
}
}
0 0
- 微信小程序开发入门基础
- 微信小程序开发-入门基础
- 微信小程序开发一入门开发标记语言基础组件
- 微信小程序开发入门
- 微信小程序开发入门
- 微信小程序开发--入门
- 微信小程序入门开发
- 微信小程序开发入门
- 微信小程序开发入门
- 微信小程序-开发入门
- 微信小程序入门开发
- 开发微信小程序入门前
- 开发微信小程序入门前
- 开发微信小程序入门前
- 如何入门微信小程序开发
- 如何入门微信小程序开发
- 如何入门微信小程序开发
- 微信小程序开发入门篇
- 再谈CERL:详论Go与Erlang的并发编程模型差异
- Leetcode-Recover Binary Search Tree
- POJ 3070 Fibonacci(矩阵快速幂)
- OKHttpUtils
- MetaPost: 强大的图形语言
- 微信小程序开发入门基础
- view的两种滑动
- 等等等
- MySQL内存及虚拟内存优化设置
- 详解CorelDRAW中均匀填充的应用
- java
- 消息系统该Push/Pull模式分析
- Android 实现圆角效果
- UCML去除试用版提示