一. 单页面应用和单页面组件
单页面应用:
1.SPA
2.URL 会发生改变 但是不会发生跳转.
3. 一个页面通过控制元素的显示与隐藏来展示不同的效果
单页面组件
vue中的tremplate 结构 script逻辑 style 样式
二.后台数据 在js 文件中用require引入 导出用module.exports.alist=alist
三.渲染wx:for="{{}}" 下面跟item.name
四. 小程序里面如何网页面加数据
小程序不能直接用 this点数据 (要用this.data.数据) 但是如果直接修改数据页面不会更新 应该用this.setdata{ 数据}
let oldvalue=this.data.carlist
oldvalue.push{
name:qinguanri,
path:"./././xxxx
}
this.setData({
carlist.oldvalue
})
五.多页面的跳转带数据用?参数 用<navigator url="../../index?name=flower&color=五彩斑斓"></navigator> 用绝对路经会多一点
接收数据
在js文件中
页面初始化数据
data:{
name:"", //是健值对不等用=
color:"",
}
,监听页面加载
onLoad :function(options){ let name =options.name;let color=options.color;
}
定义数据
this.setData({
name,
color,
})
在wx.ml中挖坑渲染
点击小图片 显示对应 的大图 用bindtap="cange" data-index="{{index}}"
js中 options(event){
index.event.target.dataset.index
}
下拉刷新
enablePulldwnRefresh
上拉触底提示 不需要设置 直接可以使用
onReachBottomDistance
rpx
以iphone6为标准 屏幕的宽度默认人为是 750rpx 我们只需要以rpx作为单位 微信小程序 自动根据宽度调整 rpx的大小 达到自适应 (rem是人为设置的)
小程序中如何 自适应屏幕?
使用rpx作为单位
跟我之前用过的rem十分类似
rem的实现原理 动态的改变html的font-size
所有使用rem作为单位的元素 在html的字体大小改变之后 自动尺寸就改变了
虽然rpx的内部实现原理我看不到
但是我认为 跟rem应该是类似的
文字超出显示...
text{
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
mpvue坑
增删了页面 需要重开 node服务
事件不能乱写 需要遵循 mpvue实现的事件名
弹框等一系列的api 需要使用微信独有的
微信小程序tabbar注意点 只能配置最少2个、最多5个 tab。