
微信小程序类似于web开发,基瞎主要区别在于小程序有自己的一套框架,看起来很像angular,实际上也有点区别。
小程序有部分使用原生组件渲染,如canvas最终会渲染于原生组件上。小程序可以有更兄指全面的原生api接口调用,可以实现类似搏尘空于微信原生app的功能。
但对于开发者来说,只要会html、css和js,开发小程序都不难,甚至难度可能比vue,angular还低。
vue的钩子函数:beforeCreat: 创建前
created: 创建
beforeMount: 挂载前
mounted: 挂载
beforeupdate: 更改前
updated: 更改
beforeDestroy: 销毁前
destroyed: 销毁
小程序的钩子函数:
onLoad: 页面加载
onShow: 页面显示
onReady: 页面初次渲染完成
onHide: 页面隐藏
onUnload: 页面卸载
vue一般会在created或者mounted中请求数据,而在小程序,会在onLoad或者onShow中请求数据
vue动态绑定一个变量的值为元素的某个属性铅碰的时候,会在变量前面加上冒号:
小程序绑定某个变量的值为元素属性时,会用两个大括号括起来
vue使用v-if 和v-show控制元素的显示和亏激粗隐藏
小程序使用wx-if和hidden控制元素的显示和隐藏
vue使用v-on:event绑定事件,或者使用@event绑定事件,@event.stop阻止事件冒泡
小程序用bindtap(bind+event),或者catchtap(catch+event)绑定事件,阻止事件冒泡
vue中如下:
小程序中如下:
vue中的表单元素上加v-model,然后再绑定data中对应的值
小程序中通过this.setData({key:value})将表单上的值赋值给data中的对应值
vue中需要在触发事件的方法中,把需要传递的数据作为形参传入
小程序中需要将参数作为属性值,绑定到元素上的data-属性上,然后在方法中,通过e.currentTarget.dataset.*的销镇方式获取,从而完成参数传递
开发小程序需要的是编程基础,需要学习的技术如下:1、微信小程序wxml,这个语言的编程理念和html网页的编程技术是类似的。
2、微陆仔信小程序之wxss,就是微信的css。微信把网页编程里运用的css,换成了自己的开发语言,wxss,其实主要的实现思想理念也和网页的开发技术基本没什么不同,也是一些标签的简单替换,大部分和原先的css、基本不误。
3、微信小程序之js,如果你想开发一款微信小程序学会微信小程序的js是必须要精通的
4、微信小程序之json,简单来说json就是微信小程序的一门主次的界面,工程师们可以通过json控制上下菜单栏、主次的页面展示顺序,不过用的频率运枝不高,只是在基本的小程序的框架构架才会应用到。
其实,小程序类似于H5面,提供了视图层描旁悉敏述语言,需要掌握WXML 和 WXSS 以及基于JavaScript的逻辑层框架,这里wxml相当于html,wxss相当于css。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)