开发微信小程序过程中的一些知识点记录~

  • 页面的.js文件调用的是Page()函数
  • 页面的事件出来函数需要定义在与data平级的地方

在小程序组件中,事件处理函数和而自定义方法需要定义在methods节点中,以下划线开头的是自定义方法(建议),没有则是事件处理函数

与vue不同,vue中的data用来存储组件的私有状态,是可读可写的,而property是用来接受父组件传递过来的参数,只可读,不可写

小程序中data和properties只想的是同一个对象(this.data === this.properties //true 是全等的),两者可以相互访问

因此在本质上两者没有任何区别,因此properties中的值也可以当作data来用

小程序UI组件库:Vant Weapp

注意:小程序安装第三方组件库时路径名不允许是中文

小程序开发过程中在npm安装的第三方包在使用前需要先构建npm(其作用是将第三方包从依赖包拉到miniprogram_npm中)才能使用

小程序中的block标签相当于vue中的templent标签

小程序的图片标签是image,而vue的图片标签是img,同html一样

scrollTop属性:滚动条到顶部的距离

在上拉触事件中判断数据是否加载完毕的操作步骤是;

在上拉触底事件onReachBottom中添加一个if语句,判断页码*页容量是否大于所有页数,如果是则用return拦截否则继续发送请求

rich-text:富文本标签,node属性可以将由字符串拼接的html渲染到页面

详情:https://www.cnblogs.com/wm218/p/9921215.html

navigateTo是跳到非tabbar页面,switchTab是跳到tabbar页面

收货地址的API接口:chooseAddress()

解构赋值可以将结果提前解构出来运用

小程序弹出窗:wx.$showMsg()

switchTab():跳转到tabBar页面

调用微信头像和个人信息的方法:

使用官方提供的API wx.getUserProfile来获取个人信息,可以先将结果打印到控制台,再针对我们需要的信息通过this.setData对data中的数据进行更新

引用外部UI组件,需要“构建npm”后才可以正常使用

使用 wx:for-item 可以指定数组当前元素的变量名,

使用 wx:for-index 可以指定数组当前下标的变量名:

遍历循环应用默认变量(item,index等)是要用{{}}进行引用

组件不再维护,建议使用能力更强的 'wx.createInnerAudioContext' 接口

接口使用方式:

要编写一个自定义组件,首先需要在 json 文件中进行自定义组件声明(将 component 字段设为 true 可将这一组文件设为自定义组件):

注意:在组件 wxss 中不应使用 ID 选择器、属性选择器和标签名选择器。

在自定义组件的 js 文件中,需要使用 Component() 来注册组件,并提供组件的属性定义、内部数据和自定义方法。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值