小程序页面开发时需要注意什么问题

  介绍

这篇文章将为大家详细讲解有关小程序页面开发时需要注意什么问题,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

<强>小程序的开发注意事项:

<强> 1,js文件

每个页面对应的js文件可以定义页面onReady, onLoad,昂秀,onHide, onUnload,还有页面的数据,自定义的函数要写到一块,内部约定是都写到默认函数的后面。既“页面中先数据,再默认函数,再自定义函数”方便检查代码,提高协作效率。

<强> 2,json文件

默认不能为空,即使没有内容也要为空数据{},原先定义在应用。json中的内容,如果需要在当前页面中重新定义,那么只要把内容复制过来,直接赋新值即可,用于设置小程序的状态栏,导航条,标题,窗口背景色。常用的是页面的标题

{   ,“navigationBarTitleText":,“我的”,   ,“selfdata":“全栈工程师师不靠谱更新“,   ,“tabBar": {   “list"才能:,[{   “pagePath"才能:,“pagePath"   “text"才能:,“text"   “iconPath"才能:,“iconPath"   “selectedIconPath"才能:,“selectedIconPath"   }),才能   “position"才能:“top"   ,}   }

见惯了菜单在底部的,来一个在前吧。

<强> 3,wxml文件

页面头部和底部需要封装好,做成模版,分别导入入页面

& lt; https://www.yisu.com/zixun/import  src="/页面/共同/head.wxml "/>   <进口src="/页面/共同/脚。wxml "/>

之前HTML编写的好习惯还是要带入进来有头还有脚,当然业务内容就身体,每一块就用一个视图包装起来,方便控制布局和类

页面加载的时候获取数据,从网络或从缓存中,数据再通过页面的数据中定义的内容在页面渲染。具体的呈现列表,条件这些多多的使用。

<强> 4,wxs文件

@import “common.wxss";

公共样式,复位样式要根据不同项目提前管理好,不要使用px,不要使用px,不要使用px,重要的事情要说三遍,小程序为了保证兼容和自适应使用了新的单位rpx

<强> 5,要提供一个供用户清理本地缓存的按钮。相当于项目的重置开关,缓存数据,文件数据,授权数据这些可能要不同项目中用到。

关于“小程序页面开发时需要注意什么问题”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看的到。

小程序页面开发时需要注意什么问题