小程序原生

一. 单页面应用和单页面组件

单页面应用:

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。