2020-02-25小程序学习

一、小程序的基础

view块级元素 

text 行级元素 

1.组件开始学习：类似HTML 标签，高于HTML，内部封装性；捡重点；

1）.swiper 轮播组件：

2）.view组件

属性：hover-class 点击态样式class,hover-start-time 出现点击态时间，默认50毫秒，hover-stay-time 手指松开后点击态保留时间，默认400毫秒，hover-stop-propagation默认值false，是否阻止本节点的祖先节点出现点击态，直接写属性就可，不用写 =“true”

3).text 文本 以下属性 

selectable文本是否可以选中 默认值false，直接写属性即可，不用写 =“true”

space 是否显示连续空格 类型string  属性值可以填写ensp中文字符空格一半大小  emsp中文字符空格大小 nbsp根据字体设置的空格大小

decode 是否解码 默认值false 比如文字里面写了个 默认是不解码原样输出，加了此属性才会解析成一个空格

4）.跳转  navigator 属性url，类似html的a链接 ，属性比较多 

5）.图像组件audio video camera调用相机功能image

image组件 支持jpg，png,svg格式，属性src ,mode,lazy-load懒加载，show-menu-by-longpress长按识别小程序码

6）.可滚动视图区域组件

scroll-view 需要包含子元素  父元素white-space="nowrap" 并且scroll-x; 其子元素display:inline-block;可指定默认位置

7).轮播 swiper 里面必须放多个swiper-item  里面加navigator 可以跳转页面

box-sizing：border-box 内边距向内填充

8）.基础内容组件

icon 字体图标 单便签

progress 进度条 单标签 

rich-text 富文本 

9）.表单组件 

button  属性open-type微信开放能力 contact 打开客服会话，真机调试或者真机才可以。

checkbox 包含label标签则点击文字也可以选中

input 

10）.物理与逻辑分辨率单位转换

rpx/px 以iPhone6的尺寸为准 宽度设置750rpx 全屏尺寸

11）.flex弹性盒模型 -特别适合移动端，颠覆浮动布局方式

二、https配置和上线 

域名与主机的选取，https的配置 ，上线发布

三、php写api接口

四、es6语法结构