原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
微信小程序开发技术介绍-北京锐智互动
小程序相对于app大部分公司还是不愿意将主营业务放到微信平台上，以免受制于与腾讯，不过随着现在小程序生态的逐渐形成，小程序也逐渐融入每个人的生活当中，日活动用户量高达2亿多，学习门槛不高，学习简单，就是说小程序就基于为您平台的H5的轻应用。微信把系统底层功能和微信自身功能封装成API提供给小程序使用。
小程序的布局
小程序代码编写一样使用JS来完成。但结构和样式推出了
WXML：是微信设计的一套标签语言，他和HTML类似，全名叫：WeixinMarkupLanguage
WXSS：是一套样式语言，用于定义样式和CSS类似，被认是CSS的子集全名：WeixinStyleSheets
因为小程序中UI组件都是用Native实现所以小程序直接放弃使用HTML容器这样的好处是为了更好的限制，因为入口为index.html文件，将全局控制器app的实例化放到main.js里面，实际上HTML还是太过灵活，从某个角度来说小程序的做法是值得认可的，
小程序实现的基本概念
标签的出现根本不是做标签用，而是为了让JS捕捉执行相关逻辑，最后生成真正的标签
为了做更好的限制，小程序不提供入口index.html文件，所以这里的标签时用作JS做博班解析后生成Native能去识别的代码，具体点说就是Native实现了一个组件组件有很多规则，可以使用JS去调用，正如这里的Header组件调用逻辑，JS会设置Native的Header组件展示。
小程序的组件
Swiper组件：大图滚动组件：一般时候在banner那里，要加上大图滚动的效果，这个组件可以很轻易的帮助我们完成这个任务。
Indicator-dots：后面接布尔值，是否显示面板指示点
Indicator-color：色素值，指引点的颜色填充
Indicator-active-color：色素值，当前的指引点填充颜色
Autopaly:布尔值，是否自动切换
CurrentNumber：当前所出模块index，从0开始
Interval：自动切换时间间隔
Duration：切换动画的时长
Circular：是否采用链接滑动
Vertical：是否为薯竖直方向的大图滚动
Pervious-margin：露出前一块的多少PX/rpx，接数值
Next-margin:露出后一块的多少Px/rpx，接数值
Display-multiple-items：显示多少个滑块
Bindchange：滑块滑动的时候出发事件
Bindanimationfinish：滑块的动画结束的时候出发时间
总结
小程序Native层是将常用的HTML标签分别都实现了一次，使用这些自检可以拼接出任何复杂的组件，至于样式方面，wxss与css大同小异，其中主要区别是小程序没有使用px而是会用rpx这个类似于rem的实现为了解决移动端的适配问题而存在
文档评论（0）