- 来一堆感言:根据公司需求开始玩的小程序,之前觉得入手应该蛮难。后来发现小程序比起安卓来说,上手更快些,安卓更偏向底层,组件更原生些。小程序毕竟是微信提供的入口,偏向大众,UI集成H5跟Css,玩起来比较舒服。但是缺点是安卓的组件更加灵活,java里面有个继承,可以拓展自己的组件的属性,小程序在这方面要引用外部的插件或者使用自身的,没有那么灵活。
- 其实官方的API文档已经入门讲的很细了,需要可参考https://developers.weixin.qq.com/miniprogram/dev/。下面谈谈我自己对小程序框架的理解及一些常用方法的整理,希望对大家有所帮助。如果有写的不对的地方,欢迎指正~
项目结构
- 1、根目录
app.js: 全局js,这里面的js方法可以让所有的js引用。
app.json:四个属性pages, window,tabBar,networkTimeout。
app.wxss:小程序全局样式,在此定义的样式,其他可以可以直接用。
project.config.json:配置文件
备注:在根目录下可以根据自己的需求建立目录,比如image文件夹存放图片。
- 2、页面page:用来放页面的,根据项目页面类型可以建立相应的目录
- 3、uitls:顾名思义,用来放工具类的,反复调用的方法可以提出来放在里面,然后在页面js里面可以引用使用。
数据交互
- 小程序主要分为视图层xxx.wxml与逻辑层xxx.js.页面与逻辑层的交互,主要在使用page的data属性,简单的说,只要改变data里面的属性值,页面引用的变量就会随着变化,例如:
事件
- 以下主要罗列一些常用的事件,具体事件可以参考官方文档,文档api都说的很详细
https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html
- 1、bindInput:获取输入框的值
- 2、bindtap:按钮点击事件