精华内容
下载资源
问答
  • 微信小程序 变量问题

    2019-03-23 23:13:14
    微信小程序里面有个与后端很重要的就是变量问题,你要是想把数据存入数据库里面,或者实现一些与后端相连接的功能时; 变量很重要了,你不能直接进行强行赋值,而是需要进行变量赋值。(当然这只是我自己的理解,...

    在微信小程序里面有个与后端很重要的就是变量问题,你要是想把数据存入数据库里面,或者实现一些与后端相连接的功能时;

    变量很重要了,你不能直接进行强行赋值,而是需要进行变量赋值。(当然这只是我自己的理解,或许大佬们有别的办法呢)

    接下来我就简单说一下变量问题:

    变量分为全局变量和局部变量。

    微信小程序的全局变量就是app.js

    简单来说:

    JS主要是用来做交互,比如:响应用户的点击、获取用户的位置等等

    JOSN用来对微信小程序进行配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab、最直观的就是设置窗体的标题等

    WXSS和 CSS很像,基本所有的CSS都支持,就是把所有你需要的样式都设置在这里,然后在wxml里面引用

    WXML是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构,就是直观的设计页面布局体现在窗体上面

     

    接下来就是布局变量:就是每个子页面的.js都是写局部变量的地方,例如:

    接下来就是说变量的编写了,其实很简单,就是在js的data里面加入你取名的变量,给它赋值或者给它空值,后面再进行数据存放以及调用数据等

    Page({
      data:{
        Test: {
          a1: "\n",
          text1: "销售经理",
          text2: "工资面议",
          text3: "广西|1年以上|本科以上",
          text4: "移动互联网",
          text5: "广西Face科技研发有限公司",
          text6: "UI设计",
          u1:'images/touxiang.jpg',
          u2:'images/icons/wx_app_view.png',
    
        },
    #接下来你可以不断的在data里面加更多的东西

    然后就在你指定的页面里面的wxml进行调用这个变量就可以了:

    <view class="kuan" >
    <view class="container">
    <text class="left" bindtap='TozpgenduoPage' >{{Test.a1}}{{Test.text1}}</text>
    <text class="right" bindtap='TozpgenduoPage'>{{Test.a1}}{{Test.text2}}</text>
    </view>
    <text class="text1-1" bindtap='TozpgenduoPage'>{{Test.text3}}</text>
    <view><text>{{Test.a1}}</text></view>

    放在你要他出现的位置,就像你直接赋值的地方进行引用就好了:

    例如这样:{{Test.text1}}

    图片就这样:

    <image src="{{Test.u1}}"></image>

     

    变量就是这么简单!

     

    展开全文
  • 本人一直以来都是C程序员,最近有需求,需要做个微信小程序,其中有不少坎坷。C语言编程和高级语言相比,思维逻辑还是有些不一样的。例如今天遇到的问题,我在onload函数中给一个变量赋值,紧接着要使用,但发现变量...

    本人一直以来都是C程序员,最近有需求,需要做个微信小程序,其中有不少坎坷。C语言编程和高级语言相比,思维逻辑还是有些不一样的。例如今天遇到的问题,我在onload函数中给一个变量赋值,紧接着要使用,但发现变量依旧是空的,代码如下:

      
    onLoad: function (options) {
        news.limit(5).get({
          success:res=>{
            this.setData({newsList:res.data})
          }
        })
    
        console.log(this.data.newsList);
        this.setSwiperImg();//这个函数中用到了newsList变量
        
      }

    实际发现后面日志和setSwiperImg()函数中用到的newsList都是空的。但是在调试窗口查看变量是有值的。

    其实老鸟可能一眼就看出了上面代码的问题,我的思维一直固化在C的顺序执行里面(虽然C也可以做到异步执行,但是大多数时候都是顺序执行的)。最后想了半天,终于顿悟了:

          success:res=>{
            this.setData({newsList:res.data})
          }
    

    这个应该是个回调函数,在news.limit(5).get执行成功后,异步回调执行。所以在时间上是滞后的。在我后面语句使用到newsList变量的时候,回调还没执行呢。既然想通了,那么立即修改为:

      onLoad: function (options) {
        news.limit(5).get({
          success:res=>{
            this.setData({newsList:res.data})
            console.log(this.data.newsList);
            this.setSwiperImg();
          }
        })
      },

    保存,运行,OK!

    展开全文
  • 微信小程序 变量

    2018-05-23 11:08:19
    没有声明的变量直接赋值使用,会被定义为全局变量。如果只声明变量而不赋值,则默认值为 undefined。var表现与javascript一致,会有变量提升。var foo = 1; var bar = "hello world"; var i; // i === ...

    概念

    • WXS 中的变量均为值的引用。
    • 没有声明的变量直接赋值使用,会被定义为全局变量。
    • 如果只声明变量而不赋值,则默认值为 undefined。
    • var表现与javascript一致,会有变量提升。
    var foo = 1;
    var bar = "hello world";
    var i; // i === undefined
    

    上面代码,分别声明了 foo、 bar、 i 三个变量。然后,foo 赋值为数值 1 ,bar 赋值为字符串 "hello wolrd"。

    变量名

    变量命名必须符合下面两个规则:

    • 首字符必须是:字母(a-zA-Z),下划线(_)
    • 剩余字符可以是:字母(a-zA-Z),下划线(_), 数字(0-9)

    保留标识符

    以下标识符不能作为变量名:

    delete 
    void 
    typeof
    
    null 
    undefined 
    NaN 
    Infinity 
    var
    
    if 
    else 
    
    true 
    false
    
    require
    
    this 
    function 
    arguments
    return
    
    for
    while
    do
    break
    continue
    switch
    case
    default
    展开全文
  • 微信小程序变量的定义和使用

    千次阅读 2020-03-02 10:22:28
    小程序中对应的.js文件里面的data区块定义变量,然后在对应的.wxml页面使用变量。下面通过案例来讲解。 .js文件中变量的定义示例如下: data: { myvar01: "我是变量01", myvar02: "我是变量02", }, WXML 中的...

    变量的定义和使用
    在小程序中对应的.js文件里面的data区块定义变量,然后在对应的.wxml页面使用变量。下面通过案例来讲解。
    .js文件中变量的定义示例如下:

    data: {
        myvar01: "我是变量01",
        myvar02: "我是变量02",
    },
    

    WXML 中的动态数据均来自对应 Page 的 data。数据绑定使用双大括号将变量包起来。.wxml文件中变量的显示,代码示例如下:

    <!--简单变量的使用-->
    <view>{{myvar01}}</view>
    <view>{{myvar02}}</view>
    

    效果如图9-1所示。
    在这里插入图片描述
    通过事件来改变变量
    在小程序中对应的.js文件定义事件来处理内容,然后在对应的.wxml页面使用bindtap来调用事件。
    .wxml文件中事件的定义示例如下:

    <!--简单变量的使用-->
    <view>{{myvar01}}</view>
    <view>{{myvar02}}</view>
    <!—按钮调用事件setvar01-->
    <button  bindtap='setvar01' type='primary' style='width:90%'>
      通过事件来改变变量的值
    </button>
    

    .js文件中事件的定义示例如下:

      setvar01:function() //定义事件
      {
    //myvar01:"我是变量01改变后的值" 
    //直接写是错误的,需要用setData
        this.setData({
          myvar01: "我是变量01改变后的值" 
        })
      },
    

    点击前和点击后的效果图见效果如图9-2和图9-3所示。
    在这里插入图片描述

    展开全文
  • 主要介绍了微信小程序全局变量功能与用法,结合实例形式详细分析了微信小程序全局变量的作用、定义、使用方法及相关操作注意事项,需要的朋友可以参考下
  • 微信小程序开发【前端+后端(java)】

    万次阅读 多人点赞 2018-07-13 22:19:46
    现在微信小程序越来越火了,相信不少人都通过各种途径学习过微信小程序或者尝试开发,作者就是曾经由于兴趣了解开发过微信小程序,最终自己的毕业设计也是开发一个微信小程序。所以现在用这篇博客记录我之前开发的...
  • 微信小程序变量相加问题求助

    千次阅读 2020-04-16 14:51:01
    我在小程序里需要将两个数相加 一个输是在input里获取的键值,另一个是固定的变量 将这两个数相加就成了两个数排列的结果,而不是求和的结果 如图 但是两个常数相加就成了求和,这是为什么? 搞了一上午都没明白...
  • 微信小程序 全局变量使用

    千次阅读 2018-04-02 10:20:03
    微信小程序的全局变量是在app.js中定义的,如下图: 调用过程也比较简单,直接定义一个变量来获取全局app,如下图: 点击事件触发后的打印日志: 注意 我第一次添加全局变量的时候忘了给字符串添加单引号...
  • 主要介绍了微信小程序 共用变量值的实现的相关资料,需要的朋友可以参考下
  • 主要介绍了微信小程序全局变量的设置、使用、修改过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
  • 微信小程序全局变量使用

    千次阅读 2019-06-26 20:21:24
    最近做微信小程序遇到了个问题,就是在data里面设置了一个变量来感知背景音乐的播放和暂停并用这个变量来动态的改变页面,但是当我在背景音乐开启时把页面切出来再重新切进去后这个变量就被重新渲染成我们所定义的...
  • 微信小程序使用全局变量解决页面的传值问题
  • 如何学习微信小程序? 学习微信小程序所需基础

    万次阅读 多人点赞 2020-03-30 16:23:19
    微信小程序作为近几年“微服务”的杰出代表,应用十分广泛。小程序是一种新的开放能力,开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播,同时具有出色的使用体验。 说的通俗一些,微信小...
  • 1、创建变量 在js文件的data里面创建与赋初始值 data: { indicatorDots: true, autoplay: true, interval: 3000, duration: 500, a:10, time: (new Date().getHours()).toString(), time2: (new Date()....
  • 主要给大家介绍了关于微信小程序全局变量改变监听的实现方法,文中通过示例代码介绍的非常详细,对大家学习或者使用微信小程序具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
  • 微信小程序变量值共用小技巧

    千次阅读 2017-07-11 17:07:13
    欢迎来前群里探讨技术QQ:454891743 ...举个例子,比如从商品管理列表页,相对自己发布的商品进行修改,点击修改按钮,通过 activityId 唯一标识进行修个这个商品, 这个...这样就可以避免使用全局变量来取值
  • 微信小程序视图层WXS_小程序变量微信小程序变量的概念WXS 中的变量均为值的引用。没有声明的变量直接赋值使用,会被定义为全局变量。如果只声明变量而不赋值,则默认值为 undefined。var表现与javascript一致,会有...
  • 微信小程序----返回上一页刷新或当前页刷新

    万次阅读 多人点赞 2018-04-05 19:11:49
    ... 1,reload()方法刷新当前页面; 2,replace() 方法刷新当前页面; ... 3,页面自动刷新当前页面;... 三种实现js 刷新当前... 1,在实现效果之前,需要知道微信小程序的页面生命周期,不是很清楚的可以看微信小程序
  • 全局变量使用,在app.js文件中直接使用: this.globalData.clientInfo 其他非app.js文件中使用,需要先声明app的变量: var app = getApp() app.globalData.clientInfo 全局变量的修改,在app.js文件中修改: ...
  • 微信小程序wxss使用var变量

    千次阅读 2020-02-11 22:19:34
    开始用:root {}发现没有效果,后来查了下需要改成 page{} 就可以了: page {--ion-color-:red;...特别注意:WXSS 内不支持 双斜杠 // 注释, 否则WXSS内会报红,定义的变量和样式会不生效!!!
  • 这篇文章主要介绍了微信小程序全局变量GLOBALDATA的定义和调用过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 一、在小程序文件app.js里面定义全局...
  • 做任何程序开发要首先找到...这里就是做微信小程序开发的全部官方文档。 知道了文档的位置,下面我们来介绍下如何做一个微信小程序开发: 第一步: 下载微信小程序开发者工具并安装,下载路径: https://mp.weix...
  • 微信小程序全局变量

    千次阅读 2017-09-13 18:01:03
    一般我们开发的时候都会用一个文件来保存全局变量小程序我们可以通过全局函数 getApp() 保存在app.js里面app.js// app.js App({ globalData:{ success : 1, mes : '成功' } })test.js//test.js var app = getApp()...
  • 转载地址:(微信小程序微信小程序-毕设级项目搭建-微信阅读小程序(内含源码,微信小程序+java逻辑后台+vue管理系统)~不求完美,实现就好 转载请注明出处 作者:Happy王子乐 个人GitHub(喜欢的还请点个Star、...
  • > 博客-微信小程序(爬坑专用) >小程序开发文档 入坑准备 js支持ES6 微信小程序的与众不同 .wxml:微信html文件 .wxss:微信css文件 响应式像素单位-rpx(responsive pixel),比rem好用:1rpx = 屏幕宽度/750 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 54,132
精华内容 21,652
关键字:

微信小程序变量的使用

微信小程序 订阅