2018-03-24

今日学的内容并不多,首先小程序,web开发者工具中

一、调试窗口的使用:

console:打印log信息主要方便调试=>console.log()

sources:源码(项目所有代码处,方便打断点调试)

Network:网络,用于访问服务器网络信息(还可以过滤访问内容img,css,js等)

Storage:缓存信息(本地数据库)可以清除缓存

AppData:当前实时数据,方便调试

二、后台:为模拟现实功能(比方来电切出通电话页面)

三、项目配置:JSON 分为全局,局部两种,局部可无

四、渲染标签:

条件渲染: wx:if = "{}"=>true or false

and wx:else

循环渲染:wx:for= "{{['aaa','bbb','ccc']}}"=>数组

五、模版使用:

不同点:include调用单个模版(相当于复制模版内容),而import则可以调用多个模版(上面template可以模版数据)

六、事件:用户行为,通讯方式

类别:

①点击事件:tap

②长按事件:longtap

③触摸事件:touchstart、touchend、touchmove、touchcancel(注意touchend,touchcancel区别touchcancel相当于来电断开,并未结束。)

④其他:submit、input

事件冒泡:子view-->父view-->父父view

时间绑定:

①bind:绑定

②catch:绑定(阻止父view,父父view被点击)

事件对象

①类型:type => event

②时间戳:timestamp

③时间源组件:target:目标view

④当前组件:currentTarget:点击view

⑤触摸点数:touches

七、app配置

page页面配置

window配置

tarBar配置

networkTimeout(网络超时配置)

①request:只影响HTTP请求(发起请求api)

②connectSocket:webSocket超时

③uploadFile:只影响上传文件

④downloadFile:只影响下载文件

5.debug配置:

①true:开启

②false:关闭(该配置console可看)

八、app生命周期及对象使用

app生命周期

①onLoad

②onshow:前台执行

③onHide:后台执行onHide时间

使用:

①app.js中设置全局函数可用于全部页面

②当前页面js调用方式:eg

var app = getApp()

app.getuserInfo

九、页面生命周期跳转,参数获取

2.wx.redirectTo()=>页面跳转直接替换成新页面onHide时间没触发

参数获取:

为input添加bindinput事件=>bindinput="btn"

在js文件定义方法=>btn : function(event){

console.log(event)=>打印出来看sole

3.console=>detail=>value

4.调用:this.setData[]

5.返回输入查看AppData

【i】

2.item:一条数据,读取数组内容

{}-{}=> 0-aaa 1-bbb 2-ccc

3.newsdata.shift()=>删除数组

上面是今天学小程序所获取的一点知识,以及看了下js语法,说明一下,js身为解释型程序设计语言,与之前学的(c#,php)=> cp 并不一样,它不需要编译器,只需浏览器中有编译器即可显示,不得不说js是弱类型语言,var能声明全部的变量了吧,,,不像cp声明变量时必须声明语言类型,相比起cp语法什么的都大同小异,在此就不一一列举了。

以上为今天所学,世界晚安(๑•ᴗ•๑)

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180325G02APO00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券