微信小程序开发快速入手

发布时间:2019-08-12 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了微信小程序开发快速入手脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

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-@H_512_90@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目录即可。

脚本宝典总结

以上是脚本宝典为你收集整理的微信小程序开发快速入手全部内容,希望文章能够帮你解决微信小程序开发快速入手所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。