小程序开发教程|小程序开发用什么语言

2019-03-15 19:41

小程序开发用什么语言?如今依然进入了小程序时代,那么小程序开发需求也在不断增加,小程序开发公司主题邦科技整理一下小程序开发教程之小程序开发语言一起学习交流。


当使用小程序开发者工具快速创建了一个 QuickStart 项目之后就会看到这个项目里边生成了不同类型的文件:.json 后缀的 JSON 配置文件、.wxml 后缀的 WXML 模板文件、.wxss 后缀的 WXSS 样式文件、.js 后缀的 JS 脚本逻辑文件。关于小程序开发这几个文件的使用说明具体如下。


小程序开发教程,小程序开发用什么语言.jpg


1、小程序配置 app.json 

app.json是当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。


2、WXML 模板

在小程序中WXML 充当的就是类似 HTML 的角色。和 HTML 非常相似,WXML 由标签、属性等等构成,但是也有很多不一样的地方。


<view class="container">

  <view class="userinfo">

    <button wx:if="{{!hasUserInfo && canIUse}}">获取头像昵称</button>

    <block wx:else>

      <image src="{{userInfo.avatarUrl}}" background-size="cover"></image>

      <text class="userinfo-nickname">{{userInfo.nickName}}</text>

    </block>

  </view>

  <view class="usermotto">

    <text class="user-motto">{{motto}}</text>

  </view></view>


3、WXSS 样式文件

WXSS(Weixin Style Sheets)是一种样式语言,是用来表示WXML的样式的。WXSS 具有 CSS 大部分的特性,小程序在 WXSS 也做了一些扩充和修改。

 

1)新增了尺寸单位。在写 CSS 样式时,开发者需要考虑到手机设备的屏幕会有不同的宽度和设备像素比,采用一些技巧来换算一些像素单位。WXSS 在底层支持新的尺寸单位 rpx ,开发者可以免去换算的烦恼,只要交给小程序底层来换算即可,由于换算采用的浮点数运算,所以运算结果会和预期结果有一点点偏差。

 

2)提供了全局的样式和局部样式。和前边 app.json, page.json 的概念相同,你可以写一个 app.wxss 作为全局样式,会作用于当前小程序的所有页面,局部页面样式 page.wxss 仅对当前页面生效。

 

3)此外 WXSS 仅支持部分 CSS 选择器

 

4、JS 交互

小程序的交互是基于JS实现的,是一种脚本语言,包括响应用户的点击、获取用户的位置等等。

 

主题邦科技——靠谱的技术伙伴,为企业提供一站式技术服务。主要业务范围有:APP开发、小程序开发、微信开发、电商系统开发、物联网(IOT)开发、网站建设等互联网+领域。

 

小程序开发www.zhutibang.cn

微信小程序开发教程www.zhutibang.cn/tag_6

微信订水系统www.zhutibang.cn/article_364.html


推荐文章

微信小程序开发教程之微信小程序主流框架对比

2018-09-30 14:41

微信小程序开发教程之微信小程序主流框架对比

微信小程序开发教程之小程序的启动

2018-12-11 10:18

微信小程序开发教程之小程序的启动

微信小程序开发教程,个人怎么做微信小程序

2019-11-21 10:53

微信小程序开发教程,个人怎么做微信小程序

广州小程序开发哪里有专业的小程序开发公司?

2018-11-21 11:51

广州小程序开发哪里有专业的小程序开发公司?

微信点餐小程序怎么做,点餐小程序开发

2018-12-18 12:00

微信点餐小程序怎么做,点餐小程序开发

小程序开发|未来中小企业小程序将占80%

2019-05-10 13:56

小程序开发|未来中小企业小程序将占80%

东莞小程序开发多少钱

2019-12-10 11:56

东莞小程序开发多少钱

微信咨询

咨询热线:郑先生

134 2884 3150

咨询热线:韦先生

176 2001 1230

收起
顶部

回到顶部

免费咨询