分类 技术文章 下的文章

UPDATE 2019/07/16:

下文中,dataduration不要setData,因为页面并没有引用这个变量,setData中会浪费性能,直接赋值就行了:this.data.duration = 0;。如果是在Page中,可在Page的配置中自定义一个变量,但在组件中是不行的。文中用的是组件。


一、前言和效果图

可能方法比较原始,如果各位大神有高大上的方法,请不吝赐教。

效果图(可能录屏软件帧数低,实际是没有卡顿和跳动的。动画起始和结束位置都是2):
record.gif


- 阅读剩余部分 -

1、wxs的作用

wxsVue中的计算属性一样,作用都是用来辅助处理绑定的数据。

2、wxs的使用

文档地址:https://developers.weixin.qq.com/miniprogram/dev/reference/wxs/

wxs很简单,只要看文档就行了。

可以直接在wxml文件中写<wxs></wxs>标签,也可以直接在wxml文件目录中建立.wxs文件。推荐第二种做法,因为第一种做法,wxs语法完全没有任何提示和语法高亮(指在微信开发者工具中,其他编辑器不清楚),出错时,在控制台甚至不输出错误信息

- 阅读剩余部分 -