前言考研小程序项目,其技术栈基于微信原生小程序和云开发能力,所以需要安装微信开发者tools本地,初始化考研小程序项目,了解项目目录结构和配置文件,了解和学习相关框架知识,对学习或直接使用本项目有很大帮助。1.生命周期只是一个事件!!它只会在特定时间自动触发。有两种:应用生命周期app.js;页面生命周期;一个微信小程序项目其实就是一个应用,一个应用可以有多个页面。1.1.应用的生命周期看一下app.jsApp({//小程序启动时触发onLaunch:function(options){//应用启动时,可以得到用户的一些信息console.log("onLaunch");},//小程序显示时触发//重复触发onShow:function(options){console.log("onShow");},//小程序被触发隐藏时触发onHide:function(){console.log("onHide");},//应用出错时触发//此处捕获错误信息//收集错误信息-后台发送ajax异步请求onError:function(msg){//msg:错误信息console.log("onError");console.log(msg);},//当找不到页面时,会触发onPageNotFound:function(options){},//全局应用程序的数据globalData:{title:"lifecycle"}});1.2、页面的生命周期看首页index.jsPage({data:{},//页面开始加载时触发//发送异步请求获取数据渲染页面onLoad:function(options){console.log("onLoad");},//所有页面标签渲染完成后触发onReady:function(){console.log("onReady");},//页面显示页面切换-页面路由onShow:function(){console.log("onShow");},//页面隐藏onHide:function(){console.log("onHide");},//页面卸载时-页面切换时,使用不同的open-type会关闭当前页面的onUnload:function(){//可以关闭一些定时任务console.log("onUnload");},//页面下拉刷新时触发//在全局配置或页面配置中手动开启下拉刷新!!!onPullDownRefresh:function(){console.log("onPullDownRefresh");},//上拉页面加载下一页数据onReachBottom:function(){console.log("onReachBottom");},//当页面转发时onShareAppMessage:function(){console.log("onShareAppMessage");},//当页面滚动时onPageScroll:function(){console.log("onPageScroll");},//当tabbar被点击时触发onTabItemTap:function(item){}});2.原生组件在考研小程序中,常用的原生组件:2.1、view视图容器,即块级元素2.2、text文本标签,即行内元素。1)文本组件内只支持文本嵌套。2)设置user-select属性,长按文本进行选择和复制。3)可以分析显示空格和回车。2.3、图片1)默认宽高为320*240。2)内置懒加载lazy-load。3)mode渲染模式:scaleToFill:默认值。将图片内容拉伸至相框大小。widthFix:把图片改成和之前web中的图片一样的渲染方式。对于网页图片,当宽度变化时,高度也会按比例变化。移动开发img宽度:100%。aspectFit:按比例拉伸图片内容,可能会导致图片框留有空白。aspectFill:按比例拉伸图片-内容,图片内容会被截取(图片内容会填满框架)。2.4、button按钮2.5、radio单选题,用于考研小程序项目中的单项选择题。2.6.checkbox多选项的属性与单选radio的属性大致相同。用于考研小程序项目中的选择题。
