专业制作网站费用,北京网站建设在线,企业影视广告制作公司,烟台专业做网站公司什么是宿主环境
指的是程序运行所必须的依赖环境。Android系统和ios系统是两个不同的宿主环境#xff0c;安卓版的app是不能在ios系统上运行的。
小程序的宿主环境
#x1f355;#x1f355;#x1f355;
-手机微信是小程序的宿主环境
通信的主体
#x1f354;…什么是宿主环境
指的是程序运行所必须的依赖环境。Android系统和ios系统是两个不同的宿主环境安卓版的app是不能在ios系统上运行的。
小程序的宿主环境 -手机微信是小程序的宿主环境
通信的主体 渲染层、逻辑层Wxml模板和wxss样式是工作在渲染层的js脚本工作在逻辑层
通信模型
渲染层和逻辑层之间的通信逻辑层和第三方服务器之间的通信都是通过微信客户端进行转发
启动的过程
代码包下载到本地解析app.json全局配置文件执行app.js入口文件调用App()创建小程序实例渲染首页
组件的分类
官方分为了9大类宿主环境提供的。视图容器、基础内容、表单组件、导航组件、媒体组件、map地图组件、canvas画布、开放能力、无障碍访问
常用的视图容器类组件
view、普通视图区域类似于html的div,是一个块级元素。scroll-view可滚动的视图区域常用来实现滚动列表效果swiper和swiper-item轮播图容器组件和轮播图item组件
view组件的基本使用
list.wxml
view classcontainer1view1/viewview2/viewview3/view
/viewlist.wxss
.container1{margin-top: 50px;
}
.container1 view{width: 100px;height: 100px;text-align: center;
}scroll-view基本使用
scroll-view classcontainer1 scroll-yview1/viewview2/viewview3/view
/scroll-viewscroll-y 属性控制滚动方向
swiper和swiper-item基本使用
swiper 标签包裹其他元素
swiper classswiper-container indicator-dotsswiper-itemview classitem 1/view/swiper-itemswiper-itemview classitem2/view/swiper-itemswiper-itemview classitem3/view/swiper-item
/swiperindicator-dots 属性控制是否显示小圆点autoplay属性控制是否自动切换interval属性控制间隔时间circular属性控制是否衔接滑动
基础内容组件
text:文本组件、类似于html中的span标签一个行内元素rich-text富文本组件支持把html字符串渲染为wxml结构
其它常用组件
button:可以通过open-type属性调用微信提供的各种功能(客服、转发、获取用户授权、用户信息等)image:图片。支持 JPG、PNG、SVG、WEBP、GIF 等格式2.3.0 起支持云文件ID。使用 svg 格式且 modescaleToFill 时WebView 会居中除非 svg 里加上preserveAspectRatio“none”Skyline 则会撑满。svg 格式不支持百分比单位。svg 格式不支持
image srchttps://res.wx.qq.com/wxdoc/dist/assets/img/0.4cb08bb4.jpg modescaleToFill/
//mode 属性控制图片裁剪、缩放的模式,小程序Api
是由宿主环境提供的通过这些丰富的小程序api可以方便的调用微信提供的能力如获取用户信息本地存储支付功能等。
分为三大类 事件监听api 特点:以on开头用来监听某些事件的触发例如:wx.onWindowResize(function callback)监听窗口尺寸变化的事件 同步api 特点以Sync结尾的api都是同步api执行结果可以通过函数返回值直接获取如果执行出错会抛出异常wx.setStorageSync(‘key’,‘value’)向本地存储中写入内容 异步api 特点类似于jquery中的$.ajax(options)函数需要通过 success/fail/complete 接收调用的结果wx.request() 发起网络请求通过success回调函数接收数据
