• 微信小程序学习八 wxs


    wxs是微信创造的一种脚本语言,它有自己的语法,并不和javaScript一致,这是微信的官方对wxs的描述,但其实了解之后,你会这并不是一种新的语言,这只是一种被限制过的,运行在webview中的js,具体原因可以查看这篇文章

    它的语法还是和js的es5一致,const let声明都是不允许的,具体了解wxs语法

    使用

    在wxml上定义并使用

    <!-- 在wxml定义 并使用 -->
    <wxs module="data"> //定义模块名
      module.exports={
        exp1:"抛出1"
      }
    </wxs>
    <view>//在此处使用
    {{data.exp1}}
    </view>

    引入外部wxs并使用

    定义一个wxs文件,如果开发工具上没有这个选项,直接新建一个文件把后缀改成wxs即可

    //index1.wxs
    var foo = "hello world from tools.wxs";
    module.exports={
      foo:foo
    }

      在wxml上使用

    <!-- module定义模块名 src指定wxs地址 只接受相对地址 -->
    <wxs module="data" src="./index1.wxs"/> //引入外部wxs 只能定义单wxs闭合标签
    <view>
    {{data.exp1}}
    </view>

    场景

    用户交互频繁、仅需改动组件样式(比如布局位置),无需改动数据内容的场景,比如侧滑菜单、索引列表、滚动渐变等、列表切换。

    纯粹的逻辑计算,比如文本、日期格式化,

  • 相关阅读:
    tomcat部署https
    Java程序内存的简单分析
    接口设计原则
    英语常用口语
    洛谷 P3956 棋盘
    洛谷 P1101 单词方阵
    二分查找模板(准确找定值)
    洛谷 P1892 [BOI2003]团伙
    浅谈二分的边界问题
    deque简单解析
  • 原文地址:https://www.cnblogs.com/wrhbk/p/12114817.html
Copyright © 2020-2023  润新知