北京锐智互动软件开发公司
400-1050-360 400-1050-360
软件开发 APP开发 微信/小程序开发 大型电商平台开发 数据挖掘
400-1050-360 400-1050-360
软件开发 APP开发 微信/小程序开发 大型电商平台开发 数据挖掘

软件开发公司 > 动态 > 小程序开发

微信小程序开发技术介绍 有哪些?

Tag:微信小程序 软件开发 开发技术








小程序相对于app大部分公司还是不愿意将主营业务放到微信平台上,以免受制于与腾讯, 不过随着现在小程序生态的逐渐形成,小程序也逐渐融入每个人的生活当中,日活动用户量高达2亿多,学习门槛不高,学习简单,就是说小程序就基于为您平台的H5的轻应用。微信把系统底层功能和微信自身功能封装成API提供给小程序使用。

小程序的布局

小程序代码编写一样使用JS来完成。但结构和样式推出了

1. WXML:是微信设计的一套标签语言,他和HTML类似,全名叫:Weixin Markup Language

2. WXSS:是一套样式语言,用于定义样式 和CSS类似 ,被认是CSS的子集 全名:Weixin Style Sheets

   

因为小程序中UI组件都是用Native实现所以小程序直接放弃使用HTML容器这样的好处是为了更好的限制,因为入口为index.html文件,将全局控制器app的实例化放到main.js里面 ,实际上HTML还是太过灵活,从某个角度来说 小程序的做法是值得认可的,

 

小程序实现的基本概念

1. 标签的出现根本不是做标签用,而是为了让JS捕捉执行相关逻辑,最后生成真正的标签

2. 为了做更好的限制,小程序不提供入口index.html文件,所以这里的标签时用作JS做解析后生成Native能去识别的代码,具体点说就是Native实现了一个组件 组件有很多规则,可以使用JS去调用,正如这里的Header组件调用逻辑,JS会设置NativeHeader组件展示。

   

   小程序的组件

   Swiper组件:大图滚动组件:一般时候 在banner那里,要加上大图滚动的效果,这个组件可以很轻易的帮助我们完成这个任务。

   Indicator-dots:后面接布尔值,是否显示面板指示点

   Indicator-color:色素值,指引点的颜色填充

   Indicator-active-color:色素值,当前的指引点填充颜色

   Autopaly:布尔值,是否自动切换

   Current Number:当前所出模块index,从0开始

   Interval:自动切换时间间隔

   Duration:切换动画的时长

   Circular:是否采用链接滑动

   Vertical:是否为薯竖直方向的大图滚动

   Pervious-margin:露出前一块的多少PX/rpx,接数值

   Next-margin:露出后一块的多少Px/rpx,接数值

   Display-multiple-items :显示多少个滑块

   Bindchange:滑块滑动的时候出发事件

   Bindanimationfinish:滑块的动画结束的时候出发时间

 

总结

   小程序Native层是将常用的HTML标签分别都实现了一次,使用这些自检可以拼接出任何复杂的组件,至于样式方面,wxsscss大同小异,其中主要区别是小程序没有使用px而是会用rpx 这个类似于rem的实现为了解决移动端的适配问题而存在


下一章:没有了
软件开发
关于锐智互动

锐智互动网络科技遵循严格的质量和安全标准, 实施严密的安全措施, 拥有成熟可靠的管理和开发流程, 公司凭借多年的行业积累、深厚的 行业专长和成熟的行业实践,为客户持续创造关键价值。我们始终关 注前沿技术,保持国际领先的眼界和技术储备。公司自 成立以来, 在团队成员的共同努力下,已经成功服务于上百家企业,其中包括 我爱我家、联东集团、优财CMA、5100、奔驰、华为、伊利、宝马、 迪思公关、航天国旅、HOTWIND、北京电通等众多知名企业。

咨询热线:400-1050-360
相关资讯

推荐阅读

微信小程序开发技术介绍 有哪些? Tag: 微信小程序 软件开发 开发技术 如何开发百度小程序-软件开发公司 Tag: 百度小程序 软件开发 定制软件开发公司 百度小程序入驻方式-软件开发公司 Tag: 小程序开发 软件定制 小程序开发技术 小程序的制作方法有哪些? Tag: 小程序制作 小程序开发 制作方法 北京小程序开发价格_小程序开发公司哪家好 Tag: 小程序开发 软件开发价格 怎么样 什么是小程序开发?做个小程序和app开发有什么区别? Tag: 小程序开发 app开发 软件开发公司 从用户建模构造核心的运营增长体系、流量池-软件开发 APP开发 软件开发公司 APP开发公司 Tag: app开发公司 软件开发 建模构造 指导运营的核心分析方法论——数据分析五步法! Tag: 数据分析 数据挖掘 软件开发服务公司 超详细的APP数据指标体系分析-APP开发 软件开发 软件开发公司 Tag: 软件开发 APP开发公司 软件开发公司

提交需求,获取工期与报价

立即咨询