今日学的内容并不多,首先小程序,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语法什么的都大同小异,在此就不一一列举了。
以上为今天所学,世界晚安(๑•ᴗ•๑)
领取专属 10元无门槛券
私享最新 技术干货