VPS参考测评推荐
专注分享VPS主机优惠信息
衡天云优惠活动
华纳云最新优惠促销活动
jtti最新优惠促销活动

谈谈微信小程序中的wxs模块,并介绍如何使用它(微信小程序wcss)。

locvps
主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作

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

谈谈微信小程序中的wxs模块,并介绍如何使用它(微信小程序wcss)。

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

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

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

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

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

1.png

WXS 2.png的使用

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

2-2.png

呼叫模式

虽然微信文档中说明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

【腾讯云】领8888元采购礼包,抢爆款云服务器 每月 9元起,个人开发者加享折上折!
打赏
转载请注明原文链接:主机参考 » 谈谈微信小程序中的wxs模块,并介绍如何使用它(微信小程序wcss)。
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!