评论

常见小程序编写小技巧【不定时更新】

常见小程序编写小技巧【不定时更新】

  1. wxml 页面的取整(这个方法是有争议的  我一般是这么写   留言区也有许多小伙伴分享了他们的方法  你们也可以参考)


    <!-- 后台返回值类型为   1.30  或者1.33  此时你需要  结果为  1 -->
    这样书写即可
    <text>{{1.30|parseInt}}</text>
    {{前面是后台给的数据|parseInt}}
  2. es6箭头函数  简写

       onLoad: function() {
     
       },
     
       // 也可以这样简写
       onLoad() {
     
       },
     
       test() {
           wx.getSystemInfo({
               success(res) {
                   //导航高度
                   this.data.navHeight = res.statusBarHeight + 46;
               },
               fail(err) {
                   console.log(err);
               }
           })
     
           // 也可以这样写
           // 注意   当只有一个参数 res 时候可以这样简写
     
           wx.getSystemInfo({
               success: res => {
                   //导航高度
                   this.data.navHeight = res.statusBarHeight + 46;
               },
               fail(err) {
                   console.log(err);
               }
           })
       }

     

        3.js中判断条件单一简写       

this.data.refreshTime && clearInterval(this.data.refreshTime);
// 之前需要这样写
 
if (this.data.refreshTime) {
    clearInterval(this.data.refreshTime);
}

4.页面渲染优化可以考虑部分使用wxs

     官方文档指出:   由于运行环境的差异,在 iOS 设备上小程序内的 WXS 会比 JavaScript 代码快 2 ~ 20 倍。在 android 设备上二者运行效率无差异。

有时候遍历数据修改数据时候可以使用



【写在最后】:希望我的文章能帮助到你

最后一次编辑于  2019-05-16  
点赞 4
收藏
评论

9 个评论

  • 天黑了
    天黑了
    2019-04-16

    那啥 我有个   更那啥的方法



    {{~~1.3}}

    输出的也是 1 整数

    喜欢给我个赞 哈~


    2019-04-16
    赞同 7
    回复
  • 潮汐海灵
    潮汐海灵
    2019-04-17

    你这,要是向上取整呢???


    2019-04-17
    赞同 1
    回复 1
    • 唏嘘
      唏嘘
      2019-04-17

      貌似只支持取整

      2019-04-17
      1
      回复
  • 黄伟
    黄伟
    2019-04-16

    虽然说是取整这个是没问题的 ,但是你理解的和它实际的意义好像不太对。  {{8.9|6.3}}


    2019-04-16
    赞同 1
    回复 1
    • 唏嘘
      唏嘘
      2019-04-16

      但是能很快达到我想要的效果

      2019-04-16
      回复
  • 黄伟
    黄伟
    2019-04-16

    额 你这个好像不太对。。   1.30|parseInt  里面的 '|'  这个是运算符

    2019-04-16
    赞同 1
    回复 1
    • 唏嘘
      唏嘘
      2019-04-16

      啥   这不是过滤器

      2019-04-16
      回复
  • 站在米字路口
    站在米字路口
    2019-04-19

    有用小程序制作论坛的教程么,谢谢

    2019-04-19
    赞同
    回复
  • 李勤思
    李勤思
    2019-04-19

    uni-app框架支持过滤器

    2019-04-19
    赞同
    回复
  • 张泓冰🎈
    张泓冰🎈
    2019-04-17

    为什么不直接 1.23|0 = 1

    2019-04-17
    赞同
    回复
  • 黄昏
    黄昏
    2019-04-16

    我还以为支持过滤器了  白激动 容易带跑偏

    2019-04-16
    赞同
    回复
  • 沈扬东
    沈扬东
    2019-04-16

    wxml 什么时候支持filter的写法了?

    2019-04-16
    赞同
    回复 4
    • 唏嘘
      唏嘘
      2019-04-16

      现在就支持

      2019-04-16
      回复
    • aholy
      aholy
      2019-04-16回复唏嘘

      已经支持了?

      2019-04-16
      回复
    • 唏嘘
      唏嘘
      2019-04-17回复aholy

      只支持这一种  其他不行

      2019-04-17
      回复
    • 黄伟
      黄伟
      2019-04-17回复aholy

      不支持。

      2019-04-17
      回复
登录 后发表内容