小程序笔记

本地开发  可以选择 详情----不效验合法域名、web-view(业务域名)、TLS版本以及HTTPS证书 

还有设置--代理--不使用任何代理

pages页面的模板是获取不到app.js里的全局变量的,我们需要在pages页面开头申明const app = getApp();然后将app的全局变量setData({})到pages页的data里才能将去阿奴变量显示在pages模板里

app.js
App({
    globalData: {
        resBaseUrl: 'https://xxxxxx'
    }
})


pages页js
const app = getApp();

pages({
  onLoad: function () {
    this.setData({
       resBaseUrl: app.globalData.resBaseUrl
    })
  }

})

 js拼接字符串还可以这样concat

var BASE_URL = "http://gank.io/api";
var GET_URL = BASE_URL.concat("/history/content/10/1");
View Code

<web-view> 包裹其他网页的容器(很想html的iframe) 不过地址必须是关联的公众号的文章,或者登录小程序管理后台配置业务域名里的地址

 wxs文件

定义


// /pages/tools.wxs
var
foo = "'hello world' from tools.wxs"; var bar = function (d) { return d; } module.exports = { FOO: foo, bar: bar, }; module.exports.msg = "some msg";

模板引用:

<!-- page/index/index.wxml -->
 
<wxs src="./../tools.wxs" module="tools" />//src="path" 引入一个wxs,并使用该.wxs所暴漏的模块,别名为 module = "name"
<view> {{tools.msg}} </view>
<view> {{tools.bar(tools.FOO)}} </view>

wxs可以直接编写在wxml里,只需在wxml里申明<wxs moule='wxsname'>

<!--wxml-->
<wxs module="m1">
var msg = "hello world";
 
module.exports.message = msg;
</wxs>
 
<view> {{m1.message}} </view>

事件

模板事件 模板标签属性bindtap用作绑定事件的关键词

<view id="tapTest" data-hi="WeChat" bindtap="tapName">Click me!</view>

js文件:
Page({
  tapName(event) {
    console.log(event)
  }
})    

wxs绑定事件:

<wxs module="wxs" src="./test.wxs"></wxs>
<view id="tapTest" data-hi="WeChat" bindtap="{{wxs.tapName}}">Click me!</view>
**注:绑定的WXS函数必须用{{}}括起来**

wxs文件:

function tapName(event, ownerInstance) {
  console.log('tap wechat', JSON.stringify(event))
}
module.exports = {
  tapName: tapName
}

codetab

var school=[...data]; 关于三个点:

参见:js扩展运算符(spread)是三个点(...)

一般作用于函数

原文地址:https://www.cnblogs.com/lichihua/p/10512411.html