微信小程序简介

小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。

微信小程序的发展由来

小程序并非凭空冒出来的一个概念。当微信中的 WebView 逐渐成为移动 Web 的一个重要入口时,微信就有相关的 JS API 了。

WeixinJSBridge.invoke('imagePreview', {
current: 'http://inews.gtimg.com/newsapp_bt/0/1693121381/641',
urls: [ // 所有图片的URL列表,数组格式
    'https://img1.gtimg.com/10/1048/104857/10485731_980x1200_0.jpg',
    'https://img1.gtimg.com/10/1048/104857/10485726_980x1200_0.jpg',
    'https://img1.gtimg.com/10/1048/104857/10485729_980x1200_0.jpg'
]

}, function(res) {

console.log(res.err_msg)

})

这里使用了WeixinJSBridge方法去预览图片,是一个微信原生组件浏览图片的JS Api,相比于额外引入一个JS图片预览组件库,这种调用方式显得非常简洁和高效。实际上,微信官方是没有对外暴露过如此调用的,此类 API 最初是提供给腾讯内部一些业务使用,很多外部开发者发现了之后,依葫芦画瓢地使用了,逐渐成为微信中网页的事实标准。2015年初,微信发布了一整套网页开发工具包,称之为 JS-SDK,开放了拍摄、录音、语音识别、二维码、地图、支付、分享、卡券等几十个API。给所有的 Web 开发者打开了一扇全新的窗户,让所有开发者都可以使用到微信的原生能力,去完成一些之前做不到或者难以做到的事情。

关于View标签的属性

WXML中view标签的hover-Class属性和HTML中的hover的属性的区别,以及为何不能在wxml中使用hover的原因,因为在微信小程序中已经封装好了鼠标移入移出的样式,且他的属性要比html的hover的属性要强,两者的区别就是hover-class是鼠标移入点击时触发改变样式,移出自动恢复样式,而hover移入点击g改变样式,但是移出不会自动恢复样式。需要再次点击其他区域才会恢复样式,原因就在于hover被理解成了默认点击一个超链接的行为,点击超链接会跳转到新的页面,跟原页面没有关系了,所以鼠标移出的时候不会恢复样式。这样的话,我们在开发的时候一定要遵循规范。合理使用微信小程序中的各个属性。

公众号噜噜科技君

最后修改:2021 年 07 月 01 日 11 : 25 PM
本文作者:博主:    
文章标题:微信小程序开发笔记(一)
本文地址:https://www.iftiger.com/archives/25.html     
版权说明:若无注明,本文皆为“泰戈尔のBlog”原创,转载请保留文章出处。
如果觉得我的文章对你有用,可以对我进行您主观即不限定金额大小的打赏。