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语法什么的都大同小异，在此就不一一列举了。

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