咫尺资讯站一一为您提供时下热门前沿动态

查看更多
首页> 微信小程序资讯> 微信小程序的编程语言是什么?

微信小程序的编程语言是什么?

阅读:375微信小程序
  微信使用的开发语言和文件是“特殊的”。
  
  小应用程序使用的程序文件的类型大致分为以下类型:
  
  1WXML(微信标记语言,微信标记语言)
  
  2WXSS(微信样式表,微信样式表)
  
  3JS(小程序的主体)
  
  在语言方面,小型程序似乎重新定义了一组标准。但是实际上,它们与“前三部分”(HTML,CSS和Java)并没有太大区别。
  
  下面,让我们比较一下小程序开发语言和“前三部分”之间的区别:
  
  HTML和WXML:两者之间的差异相对较大。如果您以前从未接触过Android开发,则可能会感到头痛。实际上,WXML更像是Android开发中的接口XML描述文件,适合于程序接口的构造;而HTML倾向于显示文章(这与HTML的历史有关)和Internet页面的构造。
  
  WXSS和CSS:两者之间的语言几乎没有区别,可以直接使用。
  
  JS文件:小程序的JS文件与用于前端开发的JS几乎相同。小应用程序的JS只是添加了微信的一些API接口,并删除了一些不必要的功能(例如DOM)。
  
  就语言而言,小型程序与学习成本最低的前端开发完全一致,但这并不意味着所有前端开发人员都可以无缝迁移。
  
  如果从前端开发转向小程序,则需要注意以下两点:
  
  HTML和WXML文件的构造思路完全不同。如果您以前只接触过前端开发,则需要一些时间来适应WXML编写方法。
  
  尽管小程序使用前端语言,但这并不意味着您可以继续开发前端开发思想。小程序对前端开发的要求从“构建界面”升级为“开发完整的应用程序”,并且前端开发需要改变意识。
  
  接口构造
  
  基本逻辑
  
  WXML和WXSS文件是applet接口元素声明和样式描述文件。
  
  WXML的最大特点是接口元素以视图的形式串联在一起,信息更新通过程序逻辑(AppService)实时传递到视图层。
  
  视图类似于HTML中的div元素。在构建时,视图可以嵌套在多个级别中,并且任何可视元素都可以放置在视图内部。
  
  重要的是要注意,一旦元素超出了屏幕,用户就看不到它,这与HTML完全不同。
  
  例如,我们将移动电话的屏幕想象为舞台,舞台外的演员无法被观众看到。
  
  小程序具有专用于滚动的视图。
  
  如果要使该界面成为可自由滚动的界面(例如列表等),则可以使用滚动视图视图在WXSS中将其调整为整个屏幕的大小,并设置y滚动(上下滚动)或scroll-x(向左和向右滚动))为true。
  
  DOM无法直接控制applet中的WXML元素。如果需要更新数据,则必须使用WXML提供的数据绑定和元素呈现方法。
  
  还要注意的一点是,小程序的小程序布局系统使用Flex布局,这是W3C在2009年提出的排版标准。
  
  2.绑定数据
  
  对于单个字段,开发人员可以使用数据绑定方法进行信息更新。
  
  绑定的数据除了可以在加载时进行更新之外,还可以在JS主程序中以函数的形式进行更新,并且更新也可以反映在绑定到接口的数据中。
  
  3.条件渲染和列表(循环)渲染
  
  对于具有意外提示的页面(例如,当您无法加载列表或详细信息,发出提示等时),条件渲染很有用。
  
  它的呈现具有触发条件,当满足条件时将呈现页面,否则它将忽略或呈现另一段代码。
  
  两个花括号中包含的判断条件中的变量在主程序JS代码中的数据中声明。
  
  如果需要在接口中构建列表,则可以使用WXML中的循环渲染来聚合相同的元素渲染代码。可以将循环的数据写入数组中的数据以进行WXML访问。
  
  渲染完成后,渲染判断条件的变化会影响界面的变化。
  
  4.模板和参考
  
  WXML支持使用模板和引用来减少代码大小。
  
  模板是在WXML代码中复用相同代码的方法。
  
  您可以将多个模板写入同一文件,并使用import在其他文件中引用它们。
  
  如果需要整个页面参考,则需要使用include。
  
  5.风格
  
  使用WXSS样式表,开发人员可以在WXML中定义元素样式。
  
  WXSS可以像CSS代码一样
  
  这里为大家推荐即速应用,即速应用是首家能同时接入微信,百度,支付宝,抖音的平台,有用海量的行业模板和行业解决方案,已上线的小程序数量达到100w,合作客户有碧桂园,美的,建行,boss直聘这些知名企业

【温馨提示】即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至1223636800@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎