小程序开发

在小程序页面开发过程中需要注意的五大关键要点

编辑时间:2019-08-27 08:45  浏览次数:浏览次数
在小程序开发过程中前端页面的设计开发非常重要,前端页面开发的水平直接决定了用户对小程序的第一印象,下面我就给大家介绍一下,在小程序页面开发过程中需要注意的要点有哪些。

在小程序页面开发过程中需要注意的要点有哪些?

小程序页面开发 小思总结之后发现,在进行小程序页面开发时,需要注意的要点主要有以下这五个:

1.将自定义函数写在js文件最后
对应于小程序每个页面的js文件可以定义页面的onReady,onLoad,onShow,onHide,onUnload和页面数据,自定义函数应该写在一起,一般来说自定义函数都会在默认函数之后写入。

即按照先写页面data,再写默认函数,最后写自定义函数的顺序进行小程序页面js代码编写,这样做有助于开发人员审查代码,提高协作效率。

2.json文件即使没有内容也不要为空
默认情况下,json文件不能为空。 即使没有内容,也应该是空数据{}。 最初在app.json中定义的内容,如果需要在当前页面中重新定义它,只需复制内容并分配新值即可,用于设置小程序的状态栏,导航栏,标题和窗口背景颜色,最常用功能是设置页面标题。

3.封装好wxml文件
开发人员需要将页面头部和底部的wxml文件封装好,分别导入到页面当中。

<import src="/pages/common/head.wxml"/>
<import src="/pages/common/foot.wxml"/>

在之前开发HTML的好习惯也需要引入head和foot代码。 当然,业务内容用body即可。 每一块的内容都有用view封装起来,方便控制布局和class。

加载页面时,将从网络或缓存中获取数据,并通过页面中data所定义的内容在页面上进行渲染。

4.wxss代码中不要使用px
公共样式,reset样式应该根据不同的项目提前进行管理,在wxss代码当中千万不要使用px,重要的事情要说三次,为了保证兼容性和自适应能力,小程序使用了新的单位rpx。

5.要为用户提供一个清理本地缓存的按钮
开发人员要在小程序的页面当中为用户提供一个清理本地缓存的按钮,相当于项目的reset开关,因为缓存数据,文件数据和授权数据可以在不同的项目中使用。

本文地址:https://www.webbj.cn/opertion/xcx1901.html

免责声明:我司网站转载此文,不代表本网的观点和立场。不以盈利为目的,如有侵犯公司或个人权益,我司会第一时间删除文章。 思捷智联是北京小程序开发公司,欢迎咨询免费获取思维导图!
推荐阅读
思捷智联

思捷智联是一家2009年成立于北京的IT外包公司,我们致力于为企业提供app软件开发和微信小程序开发服务。公司成立10年来,我们为民政部、方正电子、神州数码、联想控股、壹基金、首钢集团、北京大学、北京师范大学、今麦郎、丰汇租赁、万通控股等上百家企业提供了IT外包服务。我们努力实现每一位客户的托付,为客户创造实在的效益,让您与梦想走得更近。

微信咨询

扫描微信二维码
同市场经理沟通需求

感受专业服务,从来电咨询开始
010-69759765186-1139-1767