谈谈微信小程序中的wxs模块，并介绍如何使用它（微信小程序wcss）。

本文带您了解微信小程序中的wxs模块并介绍wxs的使用方法，希望对您有所帮助！

写在前面，一些想法:我们开发微信小程序已经有一段时间了。不得不说微信小程序的API和各种打包组件确实很强大，很大程度上节省了开发者的时间，但对我来说，我更喜欢自己写点东西。一切都是在微信打包的组件和API中开发的，随着时间的推移，我只能像熟练工人一样实现操作。

虽然小程序也是一层包装，但现成的和自己写的总是有区别的。比如完全依赖微信官方的包装和基于原生小程序的自开发，就像装修精装房和胚子房的区别一样。完全取决于微信的包装。您只需要将家具搬进精装房，这可以用快速施工来形容。当然，我并不排斥微信打包的API。毕竟，在某种程度上，他们的表现甚至更好。我只是希望你不要在任何时候失去从头开始发展的能力。毕竟，

正文:最近，有一个需求是在页面中有一个滑块，可以用手指将滑块拖动到页面上的任何位置，当您松手时，滑块可以自动吸住边缘。

因为DOM元素不能在小程序中直接操作，所以不可能通过js直接设置样式。如果希望滑块快速响应手指的滑动，通过页面的数据定位元素位置相当于毫秒级的setData，而setData的一次响应需要逻辑层和渲染层之间的两次通信和一次渲染，这将花费大量时间。此外，setData渲染还会阻止其他脚本的执行。该频率的setData容易造成干扰，因此该方案不可行。

在微信小程序中，官方提供了一个名为movable-view的视图容器，应该可以解决需求，但如上所述，当性能差异不大时，我更愿意自己编写。这是一种选择。

WXS 的使用

换句话说，wxs是专门用于wxml页面的，它实现了在视图级别调用函数的功能。

呼叫模式

虽然微信文档中说明wxs是小程序的脚本语言，有自己的语法，但大部分语法与js没有太大区别，因此感兴趣的人可以自行浏览该文档。微信小程序的调用方式有两种，这里就不赘述了，直接粘贴代码即可。

wxml:

主页//创建一个新的index.wxs文件，并使用自定义路径将其导入wxs选项卡。IndexWxs是用户定义的模块名称\

wxs:

var x = 0，y = 0；//viewData使用applet获取节点信息，传入var viewData = {height: 0，//滑块宽度:0，窗口高度:0，//屏幕宽度和高度:0} var eventinstance = null模块。exports = {//Touch Start TouchStartByBlock:function（event）{ event instance = event；// event.instance是组件实例var setviewdata =如果由data -（setviewdata & & setviewdata . edge & & setviewdata . edge . window height）{ viewData = setviewdata . edge } x = event . changed touches传入，event.currentTarget.dataset//将获取值

wxs的基本用法大概是这样的。由于我是第一次使用wxs，如果有任何缺点或错误，请进行更正。

【相关学习推荐:小程序开发教程】

以上就是要讲的微信小程序中的wxs模块，并介绍如何使用的细节。更多内容请关注主机参考等相关文章！

这几篇文章你可能也喜欢：

• 暂无相关推荐文章

本文由主机参考刊发，转载请注明：谈谈微信小程序中的wxs模块，并介绍如何使用它（微信小程序wcss）。 https://zhujicankao.com/105542.html