zoukankan      html  css  js  c++  java
  • 小程序的wxs

    wxs是小程序的一种小程序的脚本语言,结合wxml可以构建页面的结构,其语法类似es5,不支持类似es6以上的语法形式,可以用wxs来编写过滤器

    1、能干的事:

      wxml中是不能使用函数的,但是如果你要在wxml的页面中使用函数的话,wxs可以做到

    2、创建wxs文件

      可以直接在wxml中直接创建(类似于在html中写js),也可以在根目录下新建一个util存放,wxs文件后缀是 .wxs。在wxs文件中,直接声明函数就可以了,然后用module.exports导出(类似于单独写一个js文件,然后引入)

    var format = function(text){
      if(!text){
        return 
      }
      /**正则表达式的编写 getRegExp第一个参数是要被替换的字符 第二个参数是全部的意思 */
      var reg= getRegExp('\\n', 'g');
      return text.replace(reg, '
        ');
    }
    
    var limit = function(array, length){
      return array.slice(0, length)
    }
    
    module.exports = {
      format: format,
      limit: limit
    }

    2、使用

    如果是新建的一个wxs文件,那么首先需要引入,定义一个wxs标签,module是这个wxs文件的别名,后续使用都是用这个名称

    <wxs src="../../util/filter.wxs" module="util" />

    使用:util是上面定义的别名,format是wxs文件中定义的一个方法,该方法需要传入一个参数

    <text class="content" decode="true">{{util.format(book.summary)}}</text>
  • 相关阅读:
    HPU第二次个人训练
    2019CCPC江西省赛
    CodeForces-913C 派对柠檬水
    [Codeforces Round #737 (Div. 2)] C Moamen and XOR (T1 D1
    E-Tree Xor_2021牛客暑期多校训练营4
    Educational Codeforces Round 107 (Rated for Div. 2) E Colorings and Dominoes
    状压dp 练习
    权值线段树模板(自用)
    Planar Reflections
    Codeforces Round #688 (Div. 2) D Checkpoints
  • 原文地址:https://www.cnblogs.com/dgxblogs/p/11475453.html
Copyright © 2011-2022 走看看