微信使用的开发语言和文件是“特殊的”。
小应用程序使用的程序文件的类型大致分为以下类型:
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直聘这些知名企业
最新资讯
-
抖音再现本地生活服务,咫尺同城圈商业变现新通道
短视频成为本地生活探店网红营销变现引流的新阵地,每一位网红都渴望在短视频内“一夜爆红”。即速应用团队对多商家小程序进行升级,打造了咫尺同城圈:“同城探店营销助手”,不仅完善商家营销技巧,还助力探店网红玩转本地生活服务。 -
抖音再现本地生活服务,咫尺同城圈商业变现新通道
短视频成为本地生活探店网红营销变现引流的新阵地,每一位网红都渴望在短视频内“一夜爆红”。即速应用团队对多商家小程序进行升级,打造了咫尺同城圈:“同城探店营销助手”,不仅完善商家营销技巧,还助力探店网红玩转本地生活服务。 -
阿坝小程序代理
阿坝藏族羌族小程序代理公司有哪些?阿坝藏族羌族小程序代理平台哪个好?阿坝藏族羌族小程序代理商怎么收费,代理政策如何?下面就让即速应用产品经理jisuapp.cn来告诉你吧!