小程序需要注意的两个点

供应商
杭州黑斑马信息技术有限公司
认证
手机号
13386531520
联系人
章先生
所在地
杭州市滨江区长河街道滨和路1174号2层(托管:0043号)(注册地址)
更新时间
2024-11-30 20:00

详细介绍

就需要注意这两个点:与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代码中对相同的代码进行复用的方式。


小程序
展开全文
我们其他产品
我们的新闻
在线询价 拨打电话