微信小程序之脚本语言wxs

你的名字 2023-06-05 12:48 8阅读 0赞

大家知道，微信小程序的脚本语言是\*.js，提供给页面\*.wxml来调用的，微信官方后来推出脚本语言wxs，主要为补充页面渲染需要的脚本化支持。就好比jsp，php都提供有标签脚本，页面可以方便的调用相关功能函数来渲染页面。下面简单介绍一下使用方法。使用相对比较简单，基本相当于js脚本的写法，只是调用使用方法有些差异化。

1.声明脚本文件，比如subutil.wxs

//字符串分割
    var split=function(names) {
        return names.split(',')
    }
    //module.exports.split = split
    //字符串截取
    var substring= function(a_str,a_start,a_end){
        var result=a_str;
        result = a_str.substring(a_start, a_end);
        return result;
    }
    module.exports = { 
      split: split,
      substring: substring,
    };

2.页面文件中调用，比如：调用文件为test.wxml

<wxs src="../../subutil.wxs" module="subutil"></wxs>
    ...
    <block wx:else>
        <block wx:if="{
       {subutil.substring(vposter,0, 4)=='http'}}">
          <video src="{
       {videoUrl}}" id="video_main" poster="{
       {vposter}}" autoplay="true" bindplay="to_bindplay" bindtimeupdate="to_bindtimeupdate"></video>
        </block>  
        <block wx:else>
          <video src="{
       {videoUrl}}" id="video_main" poster="{
       {hostImg}}{
       {vposter}}" autoplay="true" bindplay="to_bindplay" bindtimeupdate="to_bindtimeupdate"></video>
        </block>
    </block>  
    ...

这样我们在页面中就可以直接调用wxs声明的函数来展示页面。

本文持续改进、完善，欢迎大家提供宝贵意见...

发表评论取消回复

表情：

评论列表（有 0 条评论，8人围观）

还没有评论，来说两句吧...

相关阅读

相关【小程序】WXS脚本

目录概述 1. 什么是 wxs 2. wxs 的应用场景 3. wxs 和 JavaScript 的关系\ 基础语法 1. 内嵌 wxs 脚本 2. 定义外联的

ゝ一纸荒年。/ 2024年03月30日 11:46/ 0 赞/ 156 阅读

相关四.微信小程序WXS

文章目录一. 微信小程序 WXSS 1.尺寸单位 2.样式导入 3.内联样式

向右看齐/ 2023年07月03日 06:03/ 0 赞/ 125 阅读

相关微信小程序之脚本语言wxs

大家知道，微信小程序的脚本语言是\.js，提供给页面\.wxml来调用的，微信官方后来推出脚本语言wxs，主要为补充页面渲染需要的脚本化支持。就好比jsp，ph

你的名字/ 2023年06月05日 12:48/ 0 赞/ 9 阅读

相关微信小程序 wx:key

原作者：哈尔滨的酸柠檬转载自：[http://blog.csdn.net/sinat\_31177681/article/details/53557642][http

﹏ヽ暗。殇╰゛Y/ 2022年05月29日 03:44/ 0 赞/ 408 阅读

相关 3.微信小程序之WXS模块

WXS( WeiXin Script)是小程序的一套脚本语言，结合wxml可以构建出页面。如何写一个wsx？要给其声明一个名字，如module=“tool”；

系统管理员/ 2022年05月08日 01:18/ 0 赞/ 375 阅读

相关微信小程序——wx.openLocation()

map.js map:function(){ wx.getLocation({ type: 'gcj02', // 返回可以用于wx.

Dear 丶/ 2022年02月15日 06:11/ 0 赞/ 513 阅读

相关微信小程序wxml页面toFixed保留两位小数，wxs脚本语言

在wxml页面执行toFixed函数的时候发现失效，在微信小程序的js页面是生效的，但是我不希望在data中保留这些额外的数据，于是找到了下面这种解决方案[wxs脚本语言][w

妖狐艹你老母/ 2021年10月29日 10:16/ 0 赞/ 551 阅读

相关微信小程序wx.request接口

微信小程序wx.request接口 wx.request是小程序客户端与服务器端交互的接口 HTTPS 请求一个微信小程序，只能同时(同时不能大于5个)有5个网

清疚/ 2021年09月16日 22:48/ 0 赞/ 573 阅读

相关 WXS:微信小程序版JavaScript

[完整微信小程序(Java后端) 技术贴目录清单页面（必看）][Java_] WXS（WeiXin S\\ 标题cript）是小程序的一套脚本语言，结合 `WXML`，可

男娘i/ 2021年09月07日 18:56/ 0 赞/ 512 阅读

相关小程序 wxs小程序脚本语言

一般用来做过滤处理或计算处理使用 wxs本身是放在UI线程中的,当处理逻辑的现程阻塞时,是不会影响UI线程的,避免跨线程通信的消耗 (1)使用

梦里梦外;/ 2021年07月24日 12:07/ 0 赞/ 654 阅读