就需要注意这两个点:与WXML两种文件的构建思想差异较大,如果之前只接触过前端开发,需要一点时间才能适应WXML的编写方法。小程序使用的是前端语言,但不代表可以继续沿用前端的开发思想进行开发。小程序对前端开发的要求从「构建界面」升级成「开发完整应用」,前端开发需要在意识上进行转变。界面构建1.基本逻辑和WXSS两种文件是小程序界面元素声明及样式描述文件。醉大的特点是以视图(view)的方式串联界面元素,并通过程序逻辑(AppService),将信息更新实时传递至视图层。类似于HTML中的div元素。在构建的时候,可以被多级嵌套,内可以放置任意视觉元素。需要注意的是,元素一旦超出屏幕之外,用户就无法看到了,这与HTML有较大不同。比如,我们将手机屏幕想像成一个舞台,舞台之外的演员是无法被观众看到的。小程序有专门用于滚动的视图。如果希望界面是一个可以自由滚动的界面(例如列表等),可以使用scroll-view视图,在WXSS中将其大小调整为整个屏幕,并设置scroll-y(上下滚动)或scroll-x(左右滚动)为true。小程序中不能直接使用DOM控0制WXML元素。如果需要进行数据更新,就得使用WXML提供的数据绑定及元素渲染方法。还有一点需要注意的是:小程序的栅格排版系统使用的是Flex布局,它是W3C在2009年提出的一种排版标准。
2.绑定数据对于单个字段,开发者可以使用数据绑定的方法进行信息更新。绑定的数据除了在加载的时候可以更新,也可以在JS主程序中以函数形式进行更新,更新同样可以反映到界面上被绑定的数据中。3.条件渲染与列表(循环)渲染条件渲染适用于有意外情况提示的页面(如无法加载列表或详情时,做出提示等等)。它的渲染带有触发条件,即符合条件时渲染这个页面,否则忽略或渲染另一段代码。两个花括号所包含的判断条件中的变量于主程序JS代码中的data中声明。若需要在界面中构建一个列表,可以使用WXML中的循环渲染,将同一元素渲染代码进行集合。循环的数据可以通过数组的方式写入data中供WXML访问。渲染完毕后,渲染判断条件的变动可以影响界面变动。4.模板与引用支持使用模板与引用减少代码体积。模板是在WXML代码中对相同的代码进行复用的方式。