您好,欢迎访问三七文档
当前位置:首页 > 商业/管理/HR > 信息化管理 > 微信小程序开发用什么语言
微信⼩程序开发⽤什么语⾔1.⼩程序使⽤的程序⽂件类型•WXML(WeiXinMarkLanguage,微信标记语⾔)•WXSS(WeiXinStyleSheet,微信样式表)•JS(Java,⼩程序的主体)在语⾔⽅⾯,⼩程序看似重新定义了⼀套标准。但实际上,它们与「前端三件套」HTML、CSS和Java差不太多。2.⼩程序开发语⾔和「前端三件套」有什么异同点•HTML与WXML:两者差异⽐较⼤,如果之前没有接触过Android开发,可能会觉得有些头疼。事实上,WXML更像是Android开发中的界⾯XML描述⽂件,适合于程序界⾯的构建;⽽HTML则倾向于⽂章的展⽰以及互联⽹页⾯的构建。•WXSS与CSS:两者在语⾔上⼏乎没有差别,可以直接通⽤。•JS⽂件:⼩程序的JS⽂件与前端开发使⽤的JS⼏乎没有区别,只是⼩程序的JS新增了微信的⼀些API接⼜,并去除了⼀些不必要的功能(如DOM)。在语⾔上,⼩程序完全向学习成本最低的前端开发看齐,但这不代表所有前端开发者都能⽆缝迁移。3.界⾯构建•基本逻辑WXML和WXSS两种⽂件是⼩程序界⾯元素声明及样式描述⽂件。WXML最⼤的特点是以视图(view)的⽅式串联界⾯元素,并通过程序逻辑(AppService),将信息更新实时传递⾄视图层。view类似于HTML中的div元素。在构建的时候,view可以被多级嵌套,view内可以放置任意视觉元素。需要注意的是,元素⼀旦超出屏幕之外,⽤户就⽆法看到了,这与HTML有较⼤不同。⼩程序中不能直接使⽤DOM控制WXML元素。如果需要进⾏数据更新,就得使⽤WXML提供的数据绑定及元素渲染⽅法。还需要注意的是,⼩程序的栅格排版系统使⽤的是Flex布局,它是W3C在2009年提出的⼀种排版标准。•⼩程序有专门⽤于滚动的视图。如果希望界⾯是⼀个可以⾃由滚动的界⾯,可以使⽤scroll-view视图,在WXSS中将其⼤⼩调整为整个屏幕,并设置scroll-y(上下滚动)或scroll-x(左右滚动)为true。•绑定数据对于单个字段,开发者可以使⽤数据绑定的⽅法进⾏信息更新。绑定的数据除了在加载的时候可以更新,也可以在JS主程序中以函数形式进⾏更新,更新同样可以反映到界⾯上被绑定的数据中。•条件渲染与列表(循环)渲染条件渲染适⽤于有意外情况提⽰的页⾯(如⽆法加载列表或详情时,做出提⽰等等)。它的渲染带有触发条件,即符合条件时渲染这个页⾯,否则忽略或渲染另⼀段代码。两个花括号所包含的判断条件中的变量于主程序JS代码中的data中声明。若需要在界⾯中构建⼀个列表,可以使⽤WXML中的循环渲染,将同⼀元素渲染代码进⾏集合。循环的数据可以通过数组的⽅式写⼊data中供WXML访问。渲染完毕后,渲染判断条件的变动可以影响界⾯变动。•模板与引⽤WXML⽀持使⽤模板与引⽤减少代码体积。模板是在WXML代码中对相同的代码进⾏复⽤的⽅式。可以将多个模板写⼊⾄同⼀⽂件,并使⽤import在其他⽂件中进⾏引⽤。如果需要整个页⾯引⽤,需要使⽤到include。•样式通过WXSS样式表,开发者可以定义WXML中的元素样式。WXSS与CSS代码⼀样,可以直接使⽤选择器选择元素。在WXML中也可以直接定义元素的id和class,以便于在WXSS⽂件中进⾏样式定义。•⽤户操作与事件响应由于微信使⽤的不是HTML,所以也不能通过添加超链接(a元素)的⽅式来监测⽤户的点击事件。对于需要监听点击事件的元素,应该在WXML中使⽤bindtap属性或catchtap属性进⾏绑定。除了点击⼀次,微信也提供按住、开始触摸、松⼿等事件响应。在WXML中绑定好⼀个事件之后,就能在主程序JS中使⽤。其他API中也有其他相应的事件,这些事件可以在微信⼩程序的官⽅⽂档中查阅到。当需要在⼩程序的页⾯间进⾏跳转时,应该使⽤wx.navigateTo⽅式。需要注意的是,有关于页⾯层级跳转,微信将层级跳转限制到了五层。在开发时需要注意是否超过了相应限制。•⽹络访问⼩程序⽀持三种请求⽅式。⼀种是直接的HTTP连接请求,请求后直接返回结果,连接结束。另⼀种是Socket持续性连接,当⼀⽅主动关闭连接时,连接结束。除了以上两种收发纯⽂本的连接⽅式,微信还提供了⼀个⽂件收发接⼜。⼩程序中录制的语⾳以及选择的照⽚都需要这个⽅式来进⾏上传。通过⼩程序访问⽹络需要服务器端必须⽀持HTTPS安全连接,且端⼜号必须为443。同时,⼩程序只能访问开发者在登记⼩程序时所设定的服务器地址。•多媒体与存储若需在⼩程序中播放多媒体(包括⾳视频)或进⾏数据存储,不能使⽤HTML5中所提供的标准,必须使⽤微信提供的⼩程序多媒体播放控制接⼜及存储接⼜等。关于声⾳的接⼜,有⾳频播放与⾳乐播放两种。⾳频播放提供了播放、暂停和停⽌播放三种接⼜,不提供跳转⾄某个播放时间点的功能,也不能获取⽬前的播放进度。⾳乐播放接⼜提供除以上的基础播放控制外的⾳乐状态检查和监听等功能。⼩程序提供照⽚和视频数据交换接⼜。通过这个接⼜,⼩程序可以访问⽤户选定或拍摄的照⽚与视频。通过⾳频录制和视频照⽚接⼜获得的多媒体信息是临时的,需要通过⼩程序存储⽂件接⼜对⽂件进⾏永久保存。•硬件相关⼩程序依托于微信,提供许多与硬件有关的API。⼩程序可以通过API获取到以下数据:系统相关信息(包括⽹络状态、设备型号、窗⼜尺⼨等),重⼒感应数据,罗盘数据。通过API,应该可以轻松写出「摇⼀摇」等互动性页⾯。但需要注意:这些数据只能主动获取,不能通过这些数值变化的回调实时获取。•推送服务⼩程序提供推送服务,可以随时向⽤户发送必要的通知。但请注意,推送服务只能⽤于通知提醒,不能⽤于群发。在⼩程序中,推送服务叫做「模板消息」。开发者需要在微信⼩程序后台登记新的模板推送消息(⽐如:购买成功通知等)并审核通过后,才能在⼩程序中使⽤模板消息推送服务。具体审核标准建议参考相应⽂档。模板消息审核通过后,开发者需要先向微信服务器获取AccessToken,随后将该值、模板编号和模板中的动态变量(⽐如:订单号、价格等)提交给微信,由微信向⽤户推送通知。•⽤户信息与微信⽀付⼩程序可以在⽤户同意的前提下获取到⽤户的信息。⾸先,⼩程序要通过微信登录的接⼜,让⽤户授权登录。之后,⼩程序就可以展⽰并使⽤⽤户信息了。在使⽤微信登录的时候需要注意,消息需要经过签名确认其完整性之后,⽅能保证数据未经篡改。⼩程序中也可以使⽤微信⽀付。需要注意的是在发送⽀付请求时,需要在发送的消息中添加签名,以确认消息完整性。以上信息来源于⽹络
本文标题:微信小程序开发用什么语言
链接地址:https://www.777doc.com/doc-4195826 .html