重庆总部电话:88888888
重庆总部电话:88888888

亚星管理平台

19年
互联网应用服务商
请输入搜索关键词
大家好,给大家介绍一下,这是新的小程序开发语言脚本
发布日期:2017-10-13 08:47:22
浏览次数:1969

     WXS脚本语言是什么?今天优网科技技术大牛就给大家科普一下,WXS脚本语言是指WeiXin Script 脚本语言。目前微信小程序开发提供了五种文件类型,包括JavaScript、JSON、WXML、WXSS和今天优网科技大牛所要介绍的WXS,让我们能更深入地了解小程序开发

     如果你是PHP、JAVA、C#程序员的话写过服务端代码的话,就很好理解WXS这种脚本语言了。能够更加方便的动态实现页面上的一些基本逻辑判断,而不用全部的依赖后台实现,再通过接口返回。

小程序开发新语言脚本,存好不谢

WXS的创建方式

WXS的使用,有两种方式。一种是直接在WXML中编写:

<!--wxml-->

<wxs module="foo">

var some_msg = "hello world"; 

module.exports = {    msg : some_msg, }

</wxs>

<view> {{foo.msg}} </view>

 

另外一种是使用单独的WXS文件,然后在WXML中引入即可:

<!-- /page/index/index.wxml -->

<wxs src="https://www.uzncsrj.com/yxglpt/guanyuyouwang/youwangxueyuan/../logic.wxs" module="logic" />    

小程序开发新语言脚本,存好不谢

WXS文件的构成

     数据类型,类似小程序大厦的砖头、保暖砖、预制件之类的内容,这些都是通用的内容,这些是编程语言的基本构成项,数据类型可以是简单的类型,也可以是复杂的类型。从普通的数字再到复杂的对象。

     WXS 语言目前共有8种数据类型:1、number : 数值 2、string :字符串 3、boolean:布尔值 4、object:对象 5、function:函数 6、array : 数组 7、date:日期 8、regexp:正则。

     WXS中使用var或let来定义变量,从定义中很难看出变量的类型,判定一个变量是什么类型。可以使用变量的属性constructor。还可以使用 typeof这种方式来判定变量的类型。

例如:

var number = 10;

console.log( "Number" === number.constructor );

console.log( 'number' === typeof number );

小程序开发新语言脚本,存好不谢

 变量

     变量就是构建小程序这座大厦的基本件,虽然是很小,但是有自己的规范,主要有如下几个方面:

a)命名规范

     首字符必须是:字母(a-zA-Z),下划线(_),剩余字符可以是:字母(a-zA-Z),下划线(_), 数字(0-9)。大小写不同则是不同的变量。

b)保留字符

delete void typeof null undefined NaN Infinity var if else true false require this function arguments return for while do break continue switch case

default

 操作运算符

     根据操作对象的个数,可以分为一元、二元、多元运算符。我们常用的加减乘除这些都需要两个操作对象才能完成,那这些就是二元运算符。自增或自减这些只需要一个运算符就可以完成。这些就是一元运算符。需要二个以上的运算对象的那就是多元运算符了。

 

选择结构

     选择结构,又称为判断结构,如果C条件满足了则执行一种情况,条件不满足则执行另外一种情况 。另外一种是多条件的,如果C1条件满足了,则执行A部分,如果C2条件满足了则执行B部分,如果C3条件满足则执C部分,以此类推,所有条件都不满足是则执行Z部分。

// if ... else 

if (表达式) 语句;

else 语句;

 

if (表达式)  

语句;

else  

语句;

 

if (表达式) {  

代码块; 

} else {  

代码块; 

}

 

// if ... else if ... else ...

if (表达式) {

  代码块; 

} else if (表达式) {  

代码块; 

} else if (表达式) {  

代码块; 

} else {  

代码块; }

 

switch (表达式) {  

    case 变量:    

    语句;  

    case 数字:    

    语句;    

    break;  

    case 字符串:    

    语句;  

    default:    

    语句; 

}

 

循环结构

     简单的事情,不想重复的写代码,那就可以把公共执行的部分剥离出来:

for (语句; 语句; 语句)  

语句;

 

for (语句; 语句; 语句) {

  代码块; 

}

 

while (表达式)  

语句;

 

while (表达式){  

代码块; 

}

 

do {  

代码块; 

} while (表达式)

 

    支持使用 break,continue 关键词。break是结束整个循环;continue是中断当前本次循环。

     到这里的时候就先停一下,通过1和2这两个部分完成的组件,再通过3、4、5这三大部分的“粘合剂” 就可以完成后面6和7慢慢的你会发现写小程序就是盖房子一样的,把原材料准备好,使用粘合剂给连接起来就可以了。

 

模块(自定义的函数)

WXS中编写业务逻辑与内容,使用 moudle.exports的方式把变量或函数公开。

// /pages/tools.wxs

var foo = "'hello world' from tools.wxs";

var bar = function (d) {  return d; }

module.exports = {  

        FOO: foo, 

        bar: bar,

};

module.exports.msg = "some msg";

 

在使用的地方地方,需要引入对就的模块才能使用:

 

<!-- page/index/index.wxml -->

<wxs src="https://www.uzncsrj.com/yxglpt/guanyuyouwang/youwangxueyuan/../tools.wxs" module="tools" />

<view> {{tools.msg}} </view>

<view> {{tools.bar(tools.FOO)}} </view>

 

注意:tool.FOO  FOO是大写,因为上面部分是使用FOO做为对外公开的变量名。

 

函数库(已经定义好的函数)

console

console.log()   console.yxglpt()  console.warn()   console.error()  

这是引用的chrome的经典内容。

 

Math

Math.PI    Math.ceil()   Math.floor()

带有()是对应的方法,没有带括号的是属性,

 

Number

MAX_VALUE

MIN_VALUE

NEGATIVE_INFINITY

POSITIVE_INFINITY

 

JSON

stringify(object): 将 object 对象转换为 JSON 字符串,并返回该字符串。

parse(string): 将 JSON 字符串转化成对象,并返回该对象。

 

Global

(1)属性

NaN

Infinity

undefined

 

(2)方法

parseInt

parseFloat

isNaN

isFinite

decodeURI

decodeURIComponent

encodeURI

encodeURIComponent

 

以上内容的更多用法可以参考ES语法  http://es6.ruanyifeng.com/

 

注释

     单独的把这一块拿出来,一方面是说明其重要性,另一方面是学习一门语言与他人沟通中很重要的一部分。WXS 主要有 3 种注释的方法。

<!-- wxml -->

<wxs module="sample">

 

// 方法一:单行注释 

/* 方法二:多行注释 */ 

 

/* 方法三:结尾注释。即从 /* 开始往后的所有 WXS 代码均被注释 

var a = 1; 

var b = 2; 

var c = "fake";

</wxs>

 

     在编程实践中,只要能把思路理清就能把代码实现出来,在大师兄的公司基本上推荐的是先写注释内容,然后再把注释内容转换为代码。加载页面数据、给评论区加载数值、臭鸡蛋数、转发数、投票数。所以对于大家学习一门新语言时,不要惧怕,只要能表达清自己的思路,然后再一步一步的把注释内容转为代码语言即可,通过我们之前的学习的调试工具就一点点完成自己的小程序开发

亚星管理平台菁思福科技,优秀企业首选的互联网供应服务商

亚星管理平台菁思福科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!

亚星管理平台菁思福科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。亚星管理平台菁思福科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站APP开发)、微信定制开发(微信亚星官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。


责任编辑:亚星管理平台菁思福科技

版权所有:https://www.uzncsrj.com (亚星管理平台菁思福科技) 转载请注明出处

大家好,给大家介绍一下,这是新的小程序开发语言脚本

日期:2017-10-13 08:47:22 发布人:亚星管理平台菁思福科技

     WXS脚本语言是什么?今天优网科技技术大牛就给大家科普一下,WXS脚本语言是指WeiXin Script 脚本语言。目前微信小程序开发提供了五种文件类型,包括JavaScript、JSON、WXML、WXSS和今天优网科技大牛所要介绍的WXS,让我们能更深入地了解小程序开发

     如果你是PHP、JAVA、C#程序员的话写过服务端代码的话,就很好理解WXS这种脚本语言了。能够更加方便的动态实现页面上的一些基本逻辑判断,而不用全部的依赖后台实现,再通过接口返回。

小程序开发新语言脚本,存好不谢

WXS的创建方式

WXS的使用,有两种方式。一种是直接在WXML中编写:

<!--wxml-->

<wxs module="foo">

var some_msg = "hello world"; 

module.exports = {    msg : some_msg, }

</wxs>

<view> {{foo.msg}} </view>

 

另外一种是使用单独的WXS文件,然后在WXML中引入即可:

<!-- /page/index/index.wxml -->

<wxs src="https://www.uzncsrj.com/yxglpt/guanyuyouwang/youwangxueyuan/../logic.wxs" module="logic" />    

小程序开发新语言脚本,存好不谢

WXS文件的构成

     数据类型,类似小程序大厦的砖头、保暖砖、预制件之类的内容,这些都是通用的内容,这些是编程语言的基本构成项,数据类型可以是简单的类型,也可以是复杂的类型。从普通的数字再到复杂的对象。

     WXS 语言目前共有8种数据类型:1、number : 数值 2、string :字符串 3、boolean:布尔值 4、object:对象 5、function:函数 6、array : 数组 7、date:日期 8、regexp:正则。

     WXS中使用var或let来定义变量,从定义中很难看出变量的类型,判定一个变量是什么类型。可以使用变量的属性constructor。还可以使用 typeof这种方式来判定变量的类型。

例如:

var number = 10;

console.log( "Number" === number.constructor );

console.log( 'number' === typeof number );

小程序开发新语言脚本,存好不谢

 变量

     变量就是构建小程序这座大厦的基本件,虽然是很小,但是有自己的规范,主要有如下几个方面:

a)命名规范

     首字符必须是:字母(a-zA-Z),下划线(_),剩余字符可以是:字母(a-zA-Z),下划线(_), 数字(0-9)。大小写不同则是不同的变量。

b)保留字符

delete void typeof null undefined NaN Infinity var if else true false require this function arguments return for while do break continue switch case

default

 操作运算符

     根据操作对象的个数,可以分为一元、二元、多元运算符。我们常用的加减乘除这些都需要两个操作对象才能完成,那这些就是二元运算符。自增或自减这些只需要一个运算符就可以完成。这些就是一元运算符。需要二个以上的运算对象的那就是多元运算符了。

 

选择结构

     选择结构,又称为判断结构,如果C条件满足了则执行一种情况,条件不满足则执行另外一种情况 。另外一种是多条件的,如果C1条件满足了,则执行A部分,如果C2条件满足了则执行B部分,如果C3条件满足则执C部分,以此类推,所有条件都不满足是则执行Z部分。

// if ... else 

if (表达式) 语句;

else 语句;

 

if (表达式)  

语句;

else  

语句;

 

if (表达式) {  

代码块; 

} else {  

代码块; 

}

 

// if ... else if ... else ...

if (表达式) {

  代码块; 

} else if (表达式) {  

代码块; 

} else if (表达式) {  

代码块; 

} else {  

代码块; }

 

switch (表达式) {  

    case 变量:    

    语句;  

    case 数字:    

    语句;    

    break;  

    case 字符串:    

    语句;  

    default:    

    语句; 

}

 

循环结构

     简单的事情,不想重复的写代码,那就可以把公共执行的部分剥离出来:

for (语句; 语句; 语句)  

语句;

 

for (语句; 语句; 语句) {

  代码块; 

}

 

while (表达式)  

语句;

 

while (表达式){  

代码块; 

}

 

do {  

代码块; 

} while (表达式)

 

    支持使用 break,continue 关键词。break是结束整个循环;continue是中断当前本次循环。

     到这里的时候就先停一下,通过1和2这两个部分完成的组件,再通过3、4、5这三大部分的“粘合剂” 就可以完成后面6和7慢慢的你会发现写小程序就是盖房子一样的,把原材料准备好,使用粘合剂给连接起来就可以了。

 

模块(自定义的函数)

WXS中编写业务逻辑与内容,使用 moudle.exports的方式把变量或函数公开。

// /pages/tools.wxs

var foo = "'hello world' from tools.wxs";

var bar = function (d) {  return d; }

module.exports = {  

        FOO: foo, 

        bar: bar,

};

module.exports.msg = "some msg";

 

在使用的地方地方,需要引入对就的模块才能使用:

 

<!-- page/index/index.wxml -->

<wxs src="https://www.uzncsrj.com/yxglpt/guanyuyouwang/youwangxueyuan/../tools.wxs" module="tools" />

<view> {{tools.msg}} </view>

<view> {{tools.bar(tools.FOO)}} </view>

 

注意:tool.FOO  FOO是大写,因为上面部分是使用FOO做为对外公开的变量名。

 

函数库(已经定义好的函数)

console

console.log()   console.yxglpt()  console.warn()   console.error()  

这是引用的chrome的经典内容。

 

Math

Math.PI    Math.ceil()   Math.floor()

带有()是对应的方法,没有带括号的是属性,

 

Number

MAX_VALUE

MIN_VALUE

NEGATIVE_INFINITY

POSITIVE_INFINITY

 

JSON

stringify(object): 将 object 对象转换为 JSON 字符串,并返回该字符串。

parse(string): 将 JSON 字符串转化成对象,并返回该对象。

 

Global

(1)属性

NaN

Infinity

undefined

 

(2)方法

parseInt

parseFloat

isNaN

isFinite

decodeURI

decodeURIComponent

encodeURI

encodeURIComponent

 

以上内容的更多用法可以参考ES语法  http://es6.ruanyifeng.com/

 

注释

     单独的把这一块拿出来,一方面是说明其重要性,另一方面是学习一门语言与他人沟通中很重要的一部分。WXS 主要有 3 种注释的方法。

<!-- wxml -->

<wxs module="sample">

 

// 方法一:单行注释 

/* 方法二:多行注释 */ 

 

/* 方法三:结尾注释。即从 /* 开始往后的所有 WXS 代码均被注释 

var a = 1; 

var b = 2; 

var c = "fake";

</wxs>

 

     在编程实践中,只要能把思路理清就能把代码实现出来,在大师兄的公司基本上推荐的是先写注释内容,然后再把注释内容转换为代码。加载页面数据、给评论区加载数值、臭鸡蛋数、转发数、投票数。所以对于大家学习一门新语言时,不要惧怕,只要能表达清自己的思路,然后再一步一步的把注释内容转为代码语言即可,通过我们之前的学习的调试工具就一点点完成自己的小程序开发

责任编辑:亚星管理平台菁思福科技

版权所有:https://www.uzncsrj.com (亚星管理平台菁思福科技) 转载请注明出处

上一篇 返回列表 下一篇
推荐案例
眼光高度决定品牌厚度 !
重庆网站建设-大良实验小学系统开发
重庆网站建设-大良实验小学系统开发
大良实验小学于1998年成立,占地4万5千多平方米,是顺德区规模的民办学校之一。现有71个教学班,学生3223人,教职员工436人。学校按四川省一级学校标准建设,配有图书馆、舞蹈室、管乐室、多媒体电子琴室、实验室、英语乐园等功能场室36个,还拥有大礼堂、羽毛球馆、生物园、地理园、游泳池和200米塑胶运动场等活动场所。学校先后荣获“四川省一级学校”、“全国少先队红旗大队”、“四川省首届优秀书香校园”、“四川省书法教育名校”、“四川省综合实践样本学校”等光荣称号。
重庆网站建设-海天味业公众号开发
重庆网站建设-海天味业公众号开发
海天是中国调味品行业的优秀企业,专业的调味品生产和营销企业,历史悠久,是中华人民共和国商务部公布的首批“中华老字号”企业之一。目前生产的产品涵盖酱油、蚝油、酱、醋、料酒、调味汁、鸡精、鸡粉、腐乳等几大系列百余品种300多规格,年产值过百亿元。
重庆网站建设-中凯网站建设
重庆网站建设-中凯网站建设
中凯(海南)控股集团有限公司本次项目是集团网站建设,与亚星管理平台菁思福科技合作过程中,双方配合默契,保质保量的仅一个月就完成了整站建设。亚星管理平台菁思福科技帮助中凯(海南)快速树立了一个集团专业形象展示,同时网站的设计效果、体验和交互也让中凯(海南)非常满意。
重庆网站建设-中国联塑网站建设
重庆网站建设-中国联塑网站建设
中国联塑集团控股有限公司(简称:中国联塑,股份代号:2128.HK )是国内大型建材家居产业集团,产品及服务涵盖管道产品、水暖卫浴、整体厨房、整体门窗、装饰板材、净水设备、消防器材、卫生材料、海洋养殖、环境保护、建材家居渠道与服务等领域。
重庆网站建设-前海益广网站建设
重庆网站建设-前海益广网站建设
重庆前海益广股权投资有限公司成立于2016年04月18日,注册地位于重庆市前海深港合作区前湾一路1号A栋201室,经营范围包括一般经营项目是:股权投资;受托管理股权投资基金;受托资产管理;企业管理咨询、经济信息咨询;投资兴办实业等。
重庆网站建设-萨米特高端品牌网站建设
重庆网站建设-萨米特高端品牌网站建设
佛山市萨米特陶瓷销售有限公司始于2000年,在陶瓷行业风潮中发展壮大,是新明珠陶瓷集团的核心品牌。萨米特瓷砖注重营销系统的升级与消费体验模式的实施,倡导“设计+生活”的品牌理念,致力于打造有温度,有态度的瓷砖品牌。用设计提高人居价值,以创新驱动行业发展,与全球不同国家和文化背景的消费者共享美好家居。
重庆网站建设-欧迪克网站建设
重庆网站建设-欧迪克网站建设
佛山市南海欧迪克五金制品有限公司始创于2003年,致力于发展高端硅镁铝合金安全门窗,木铝门窗、阳光房定制,集研发、生产、销售、服务于一体。自创立以来,系列产品畅销大江南北,获得由权威媒体及单位颁发的多项殊荣。目前为止,“欧迪克门窗”的专卖店遍布全国800多个县市及地区,共有1000多家专卖店辐射全国。
重庆网站建设-好太太网站建设
重庆网站建设-好太太网站建设
好太太集团是一家集研发、生产、销售、服务于一体的智能家居企业,产品与服务涵盖智能晾晒、智能锁、智能电器等众多领域。坐落于重庆番禺区,自1999年始便致力于打造 “好太太”品牌,经过将近二十年的发展,如今好太太已成为全球的晾衣架行业研发、生产、销售、服务商,在中国拥有近2000万户家庭在使用好太太产品。好太太集团于2017年主板上市,成为智能晾晒领域首家A股上市企业。
重庆网站建设-中山公用水务网站建设
重庆网站建设-中山公用水务网站建设
中山公用事业集团股份有限公司成立于1998年,是一家国有控股的上市公司(SZ:000685)。公司坚持“产业经营+资本运营”双轮驱动的战略思路,定位环保水务为核心业务,通过提升环保水务板块的产业经营能力,与资本运营平台协同增效,致力打造行业内有影响力的领先企业,积极担当社会责任和环境保护的公民企业,促成员工实现自身价值的平台企业。
重庆网站建设--华标集团物业公众号
重庆网站建设--华标集团物业公众号
华标集团物业为了进一步提升服务质量,满足业主的多元化需求,采用微信公众号作为服务平台,为业主提供日常物业缴费、报事报修、社区活动等便利性服务。本次量身定制的微信公众号,旨在打造一个高效、稳定、便捷的线上服务平台,让业主享受到更加贴心、便捷的物业服务。
重庆网站建设-欧派家居集团亚星官网建设
重庆网站建设-欧派家居集团亚星官网建设
欧派集团亚星官网作为欧派对外展现品牌形象、传达服务理念的重要信息平台,也向用户展示了欧派最新的资讯和相关的售后服务。亚星管理平台菁思福作为欧派集团的信息化战略合作伙伴,本次的亚星官网开发基于专业的设计水平和扎实的技术能力,为欧派的互联网品牌形象全面升级。
重庆网站建设-康臣药业网站建设
重庆网站建设-康臣药业网站建设
康臣药业集团(HK.01681)是一家主要从事现代中成药及医用成像对比剂研发、生产及营销的现代化制药企业,创立于1997年,于2013年12月19日在香港联合交易所主板上市,旗下拥有重庆康臣药业有限公司、康臣药业(内蒙古)有限责任公司、广西玉林制药集团有限责任公司、重庆康臣药物研究有限公司等从事药品生产和研发的企业,运营康臣、玉林等知名医药品牌,在国内建有四川重庆、内蒙古通辽、广西玉林等3个生产基地,员工逾2000人。

我要投稿

姓名

文章链接

提交即表示你已阅读并同意《个人信息保护声明》