一、小程序的基础
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语法结构
网友评论