diff --git a/docs/frame.md b/docs/frame.md index 724a9f7fa36c62919d186daadb46dca07fbe6b09..30ae58d07da9cfa92208c6d87f5048886ecfacb8 100644 --- a/docs/frame.md +++ b/docs/frame.md @@ -916,122 +916,88 @@ slide-view.vue ## WXS WXS是微信小程序的一套脚本语言,[详见](https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxs/)。 -经过我们的适配,uni-app可以使用wxs规范支持5+APP、微信小程序、QQ小程序 +经过我们的适配,uni-app可以使用wxs规范支持5+APP、微信小程序、QQ小程序。请使用```HBuilderX 2.2.4-alpha```及以上版本体验。 **wxs示例** -以下是一些使用 WXS 的简单示例,要完整了解 WXS 语法,请参考[WXS 语法参考](https://developers.weixin.qq.com/miniprogram/dev/reference/wxs/)。 +以下是一些使用 WXS 的简单示例,要完整了解 WXS 语法,请参考[WXS 语法参考](https://developers.weixin.qq.com/miniprogram/dev/reference/wxs/)。本示例使用wxs响应touchmove事件,减少视图层与逻辑层通信,使滑动更加丝滑。 ``` + var startX = 0 + var startY = 0 + var lastLeft = 50; var lastTop = 50 + function touchstart(event, ins) { + console.log("touchstart") + var touch = event.touches[0] || event.changedTouches[0] + startX = touch.pageX + startY = touch.pageY + } + function touchmove(event, ins) { + var touch = event.touches[0] || event.changedTouches[0] + var pageX = touch.pageX + var pageY = touch.pageY + var left = pageX - startX + lastLeft + var top = pageY - startY + lastTop + startX = pageX + startY = pageY + lastLeft = left + lastTop = top + ins.selectComponent('.movable').setStyle({ + left: left + 'px', + top: top + 'px' + }) + return false + } module.exports = { - msg:'Hello', - touchmove: function(event, instance) { - console.log('log event', JSON.stringify(event)) - }, - propObserver: function(newValue, oldValue, ownerInstance, instance) { - console.log('prop observer', newValue, oldValue) - }, - getMax: function(array){ - var max = undefined; - for (var i = 0; i < array.length; ++i) { - max = max === undefined ? - array[i] : - (max >= array[i] ? max : array[i]); - } - return max; - } + msg: 'Hello', + touchstart: touchstart, + touchmove: touchmove } - - export default { - msg: function(){ - return 'Hello'; - }, - getMax: function(array){ - var max = undefined; - for (var i = 0; i < array.length; ++i) { - max = max === undefined ? - array[i] : - (max >= array[i] ? max : array[i]); - } - return max; - } - }; - - ``` - -index.sjs内容 - -``` -export default { - msg:'Hello', - getMax: function(array){ - var max = undefined; - for (var i = 0; i < array.length; ++i) { - max = max === undefined ? - array[i] : - (max >= array[i] ? max : array[i]); - } - return max; - } -}; -``` -**注意** +**注意** + +- 目前各个小程序正在完善相关规范,可能会有较大改动,请务必仔细阅读相应平台的文档 - 支付宝小程序请使用sjs规范,[详见](https://docs.alipay.com/mini/framework/sjs) - 支付宝小程序sjs只能定义在.sjs 文件中。然后使用``````标签引入 - 支付宝小程序import-sjs的标签属性```name```、```from```被统一为了```module```、```src```以便后续实现多平台统一写法 @@ -1040,6 +1006,7 @@ export default { - 暂不支持在 wxs、sjs、filter.js 中调用其他同类型文件 - 编写wxs、sjs、filter.js 内容时必须遵循相应语法规范 - wxs、filter.js既能内联使用又可以外部引入,sjs只能外部引入 + ## 致谢