微信小程序开发快速入手
2024-10-18 11:32:48
1.在page中的修改数据的setData函数,需要传递的是一个对象。
that.setData({
src: res.tempFilePath
})
2.在 onload 事件中,可以获取wx.navigateTo传递过来的参数
主页面
url = '../detail/detail?id=' + id;
wx.navigateTo({
url: url
})
子页面
onLoad:function(options){
// 页面初始化 options为页面跳转所带来的参数
this.fetchData(options);
}
页面跳转上面是通过api实现的,还有一种是通过指令来实现的
<navigator url="navigate?title=navigate" hover-class="navigator-hover">跳转到新页面</navigator>
<navigator url="redirect?title=redirect" redirect hover-class="other-navigator-hover">在当前页打开</navigator>
3.引入模块需要如下
var Api = require('../../utils/api.js') 携带文件后缀.js
4.目前和后端的数据接口,主要是JSON数据,不支持直接用html片段,构造视图。
5.每增加一个页面,都需要在app.json的pages数组进行配置,否则无法路由无法找到该页面
6.页面布局可以优选 flex布局,非常适合。
7.快速搭建小应用的脚手架
安装
// 安装我们的命令
//mac sudo npm i -g wxapp
// window npm i -g wxapp
使用
// 初始化一个目录结构
wxapp init [project_name]
// 如 wxapp init first-wxapp
DEV
npm run dev // 默认启用了ES6模式
npm run dev-es5 // 不启用ES6模式
接着我们只需要打开微信开发者工具,添加项目,那个项目目录指向为dist目录即可。
最新文章
- 数据结构与算法JavaScript (四) 串(BF)
- 【linux】ps
- Linux下安装php加速器xcache
- 《UML大战需求分析》阅读笔记2
- 使用第三方分页AspNetPager实现真正分页的SQL原理
- Word Frequency
- JS function的定义方法,及function对象的理解。
- SQL Server 2008 安装或卸载时提示“重启计算机失败";的解决办法(转)
- 设置tomcat内存
- addTarget:self 的意思是说,这个方法在本类中
- PLSQL Developer安装与配置
- 烧写uboot和openwrt固件ARxx系列
- 学习Spring Boot:(十五)使用Lombok来优雅的编码
- CORS(跨域资源共享)的防御机制
- 采用镜像的方法安装python第三方库
- 【ElasticSearch】:Mapping相关
- Tomcat 多项目管理
- Notes 20180312 : String第四讲_String上的操作
- 分别用C和C++来实现一个链栈
- zipfile 解压文件名乱码