精华内容
下载资源
问答
  • webpack打包js文件报错 ERROR in ./js/app.js Module parse failed:/app.js Unexpected token 使用appium下自带的WebDriverAgent,一直在js文件下报错 ERROR in ./js/app.js Module parse failed: /usr/local/lib/...

    webpack打包js文件报错 ERROR in ./js/app.js Module parse failed:/app.js Unexpected token

    使用appium下自带的WebDriverAgent,一直在js文件下报错

    ERROR in ./js/app.js
    Module parse failed: /usr/local/lib/node_modules/appium/node_modules/_appium-xcuitest-driver@2.112.0@appium-xcuitest-driver/WebDriverAgent/Inspector/js/app.js Unexpected token (67:6)
    You may need an appropriate loader to handle this file type.
    SyntaxError: Unexpected token (67:6)

    解决办法

    1、修改Inspector下webpack.config.js文件

    2、去掉babel-loader配置后的,“exclude: /node_modules/”

    3、删除Inspector下node_modules文件夹

    4、重新执行 “sh ./Scripts/bootstrap.sh”

    环境如下:

    macos: 10.14
    appium: 1.12.1
    node: v10.15.3
    npm: 6.4.1

    展开全文
  • 本篇介绍app.jsapp.json和app.wxss三个文件中定义的内容以及创建页面以及页面的组成。 微信开发者工具下载途径:(在其官方API中) https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html ...

    本篇介绍app.js、app.json和app.wxss三个文件中定义的内容以及创建页面以及页面的组成

    微信开发者工具下载途径:(在其官方API中)
    https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

    在app.js、app.json和app.wxss三个文件中定义的内容属于整个小程序的全局内容。

    1. app.js

    App()函数用来注册一个小程序,接收object类型的参数,其中onLaunch()会在打开应用时执行。
    在这里插入图片描述

    2. app.json

    app.json是对整个小程序的全局配置。
    我们可以在这个文件中配置小程序是由哪些页面组成,配置小程序的窗口颜色,配置导航条样式,配置默认标题等等。
    注:.json文件中不可以添加任何的注释,否则会报错。

    在这里插入图片描述

    3. app.wxss

    整个小程序的公共样式,此处定义的样式在所有界面都可以用。
    在这里插入图片描述

    4. 工具配置 project.config.json

    project.config.json文件的作用:在对小程序进行的个性化配置,例如界面颜色、编译配置等的操作,都会保存在该配置文件中,当开发人员更换电脑或者重装开发工具时,直接载入该文件,就不用重新编写以上的个性化配置了。

    5. 创建页面以及页面的组成

    创建的页面路径必须在app.json文件中注册。
    页面由wxml、js、wxss、json四个文件组成,四个类型的文件名称必须相同。

    • wxml:组成页面的结构。(必不可少的部分)
    • js:页面初始化数据和页面逻辑。如点击事件。(必不可少的部分)
    • wxss:该页面的页面样式,如果与app.wxss的样式冲突,则在该页面中优先选择文件中的样式定义
    • json:设置app.json中的window配置项的内容与该项配置内容冲突时,以该项内容优先
    展开全文
  • (三)定义app.js/app.json/app.wxss

    千次阅读 2019-07-22 13:07:21
    app.js中编写全局变量用来存储一些公共的数据 this.globalData = { host:'url', isLogin:false, userinfo:{}, userData:{}, openid:'' } 在其他js中定义 const app = getApp() app.globalData.userInf...

    在app.js中编写全局变量用来存储一些公共的数据

    this.globalData = {
          host:'url',
          isLogin:false,
          userinfo:{},
          userData:{},
          openid:''
          }
    

    在其他js中定义
    const app = getApp()
    app.globalData.userInfo = xxx -->赋值

    在app.json中编写一些小程序的配置
    pages–>跳转的url
    tabBar底部菜单栏

    app.wxss 编写全局样式

    展开全文
  • 【微信小程序】小程序入门app.jsapp.json、app.wxss解说

    【微信小程序】小程序入门app.js、app.json、app.wxss解说

    视频观看:http://edu.csdn.NET/course/detail/3081

    dome文件中,app.js、app.json、app.wxss是什么意思?下面就让我们一起看一下。

    一、app.js里面放的是我们的脚本,在这个文件中监听并处理我们小程序的生命周期,声明一些全局变量……

    //app.js
    App({
      //当程序初始化的时候执行onLaunch里面的内容
      onLaunch: function () {
        //调用API从本地缓存中获取数据
        var logs = wx.getStorageSync('logs') || []
        logs.unshift(Date.now())
        wx.setStorageSync('logs', logs)
      },
      //全局的方法
      getUserInfo:function(cb){
        var that = this
        if(this.globalData.userInfo){
          typeof cb == "function" && cb(this.globalData.userInfo)
        }else{
          //调用登录接口
          wx.login({
            success: function () {
              wx.getUserInfo({
                success: function (res) {
                  that.globalData.userInfo = res.userInfo
                  typeof cb == "function" && cb(that.globalData.userInfo)
                }
              })
            }
          })
        }
      },
      //全局属性
      globalData:{
        userInfo:null
      }
    })


    二、app.json是小程序全局的配置,配置小程序是有哪些页面组成的,还有配置小程序的窗口,如背景颜色、导航的颜色、导航文章样式

     

    {
      "pages":[
        "pages/index/index",
        "pages/logs/logs"
      ],
      "window":{
        "backgroundTextStyle":"light",
        "navigationBarBackgroundColor": "#000",
        "navigationBarTitleText": "微信",
        "navigationBarTextStyle":"white"
      }
    }


    三、app.wxss:全局样式

     

    /**app.wxss**/
    .container {
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      padding: 200rpx 0;
      box-sizing: border-box;
    }


    四、Pages

     

    1、index.js

    //index.js
    //获取应用实例
    var app = getApp()
    Page({
      data: {
        motto: 'Hello World',
        userInfo: {}
      },
      //事件处理函数
      bindViewTap: function() {
        wx.navigateTo({
          url: '../logs/logs'
        })
      },
      onLoad: function () {
        console.log('onLoad')
        var that = this
        //调用应用实例的方法获取全局数据
        app.getUserInfo(function(userInfo){
          //更新数据
          that.setData({
            userInfo:userInfo
          })
        })
      }
    })


    2、index.wxml

    <!--index.wxml-->
    <view class="container">
      <view  bindtap="bindViewTap" class="userinfo">
        <image class="userinfo-avatar" src="{{userInfo.avatarUrl}}" background-size="cover"></image>
        <text class="userinfo-nickname">{{userInfo.nickName}}</text>
      </view>
      <view class="usermotto">
        <text class="user-motto">{{motto}}</text>
      </view>
    </view>


    3、index.wxss

    /**index.wxss**/
    .userinfo {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
     
    .userinfo-avatar {
      width: 128rpx;
      height: 128rpx;
      margin: 20rpx;
      border-radius: 50%;
    }
     
    .userinfo-nickname {
      color: #aaa;
    }
     
    .usermotto {
      margin-top: 200px;
    }


    4、创建一个文件,配置index.json,优先级比全局更高!范围越小优先级会比较高!

    {
        "navigationBarTitleText": "首页"
    }


    展开全文
  • App.js 是一个轻量级的 JavaScript UI 库,用来创建移动的 Web 应用,应用的外观跟原生的应用相同,性能也近乎一致。 特点 跨平台,支持Android 2.2+、iOS 4.3+版本系统; 针对特定平台的UI设计可自定义主题...
  • App.js 正在开发中,目前仅供我个人使用。 安装 $ npm install app.js 执照 版权所有 2011 乔·休伊特 根据 Apache 许可,版本 2.0(“许可”)获得许可; 除非遵守许可,否则您不得使用此文件。 您可以在以下网址...
  • 而不是让app.js随每个路由规则增加沉重,请尝试按照以下建议进行组织。 your-app / app.js包含以下代码行,用于路由。 var routes = require('./routes/index'); var users = require('./routes/users'); app.use...
  • 关于小程序index.jsapp.js先执行

    千次阅读 2020-06-15 09:36:58
    一般在app.js中获取的都是些code、openid、token,比如在首页的时候需要拿到用户的token去请求数据,但是index.js会比app.js先执行,这时候就拿不到token,导致请求出错。 解决办法:在app.js获取token的回调中设置 ...
  • 微信小程序学习:(二)app.js及index.js详解 在用ide创建小程序项目时,系统默认为我们创建了一个helloword的样例模板:包括查询用户设置、获取用户信息、返回用户名及头像、页面跳转等。下面我就一一解析: 1、app...
  • 实现微信小程序app.js与index.js数据同步1 问题场景2 解决方式 1 问题场景 在小程序开发中常常会遇到其他页面需要使用到用户openid的情况,通常是在app.js中onLaunch函数里调用云函数获取openid,然后将其存入为...
  • iTunesApp.js iTunes App Preview html / js w / ajax 演示版 执照 麻省理工学院
  • 原因:如上图所示,发现app.js和vendor.js过大导致打包时间过长。main.js导入第三库太多时,webpack合并js时生成了vendor.js(我们习惯把第三方库放在vendor里面)造成的。 解决思路:对症下药--瘦身app.js和vendor.js...
  • 1.app.js这个是我们的App逻辑主页 主module starter在这里定义,同事注入依赖ionic和其他两个文件的module:['ionic', 'starter.controllers', 'starter.services', ] 注:controllers.js services.js都作为...
  • auth-app.js 适用于JavaScript的GitHub App身份验证 @octokit/auth-app使用和安装访问令牌对GitHub Apps实现身份验证。 有关其他GitHub身份验证策略,请参见 用法 浏览器 直接从加载@octokit/auth-app < ...
  • app.js NodeJS应用程序框架
  • 但是修改app.js中的全局变量是异步请求,如果你想在index.js里获取app.js修改后的值,那么需要使用promise来实现异步。 app.js //app.js App({ globalData: { userInfo: null }, // 检测授权 getauthor: ...
  • 解读 node.js express 生成的app.js

    千次阅读 2016-01-27 11:56:14
    解读app.js express 生成的web程序主文件是app.js,所以我们从这个文件入手,了解如何用express构建web程序,并顺手把它拆了,做成适合更大应用的结构。到处都有的require就不提了。 创建 require之后创建...
  • 登录检查方法,在app.js那里, 同时,我又要在调用 app.js里的函数中,更新index.wxml页面 而且,wx的方法都是异步的。 所以 ,只能把当前页面对象传进去,通过这个对象进行setData({}) 代码如下 。 ...
  • appjssrc文件 用于演示目的的App.js的源js文件
  • 也是第一次发现,在home.js初始化时需要根据用户个人信息去调用一个接口,才发现加载顺序有问题,先加载了home.js,再加载的app.js,导致我的App.globalData.userinfo一直为null。 解决其实办法挺多的,分类大致这3...
  • App.js 是一个轻量级的 JavaScript UI 库,用于创建行为类似于本机应用程序的移动网络应用程序,既不牺牲性能也不牺牲性能。 跨平台(Android 2.2+,iOS 4.3+) 可主题化的特定于平台的 UI 设计 可配置的类原生...
  • 对于 “index.js不能获取app.js异步请求的动态数据” 这个问题,本人也是郁闷了好几分钟。 解决方法是:getApp().wxFunction().then(res =&gt; { }) 先展示一下开始错误的代码吧 app.js: globalData: { ...
  • 对于微信小程序我已经不想吐槽了...所以我们可能最先想到的是使用app.js ,在app.js 中的globalData 中定义一些全局变量,供utils.js使用,然后在utils.js 中使用var = getApp().globalData.xx 获取全局变量。好了别...
  • 微信小程序 app.js 操作 页面js方法

    千次阅读 2019-10-15 15:07:38
    由于在全局app.js监听蓝牙返回数据,所以在app.js页面调用当前页面方法来改变页面显示状态;
  • 小程序Page里的函数比app.js先执行的解决办法

    万次阅读 热门讨论 2018-11-15 10:29:05
    app.js一般里面都写的wx.login函数。页面里的onload,onshow都写的接口。等数据。 app.js不先执行,onload里面的数据就会因为没有获取到app.js里的东西而报错。 解决方案:写一个回调函数,onload里获取不到东西就...
  • 小程序app.js的配置

    千次阅读 2019-05-17 11:20:41
    微信小程序必须通过官方的微信开发者工具进行开发,每一个页面...首先默认首页是index.wxml,其中app.js, app.json, app.wxs中存放一些全局公共的东西。 1.首先介绍app.json中的结构: 它是由json数据对构成, eg...
  • 我之前是用index.js,但是后来感觉和主页的js文件重名,所以服务器的入口改成了app.js。请问在常规意义上有区别吗
  • 微信小程序调用app.js里的函数

    千次阅读 2020-05-08 09:51:57
    app.js App({ ... publicFun() { console.log(123); } }) index.js // 路径 /pages/index/index.js const app = getApp() page({ ... onLoad: function (){ app.publicFun(); //如果不定义app=getApp...
  • 新手最近写百度小程序遇到一个问题,写微信小程序时没注意有这个问题,在app.js里定义一个全局变量,又写了一个获取地理位置的方法,然后在index.js里获取这个全局变量的值,结果怎么都获取不到,发现控制台里index....

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 796,326
精华内容 318,530
关键字:

App.js