微信小程序页面开发注意事项整理

小程序的开发注意事项：

1、js文件

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

2、json文件

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

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

见惯了菜单在底部的，来一个在top吧。

3、wxml文件

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

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

之前HTML编写的好习惯还是要带入进来有head还有foot，当然业务内容就body，每一块就用一个view包装起来，方便控制布局和class

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

4、wxss文件

@import "common.wxss";

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

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

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

# 小程序页注意事项  # 微信小程序  # 开发哪些需要注意  # 微信小程序网络请求wx.request详解及实例  # 微信小程序实现锚点定位楼层跳跃的实例  # 微信小程序城市定位的实现实例（获取当前所在国家城市信息）  # 微信小程序如何获知用户运行小程序的场景教程  # 微信小程序中做用户登录与登录态维护的实现详解  # 微信小程序之数据双向绑定与数据操作  # 微信小程序图片选择、上传到服务器、预览（PHP）实现实例  # 微信小程序 setData使用方法及常用错误解决办法  # 自定义  # 为空  # 的是  # 也要  # 要把  # 希望能  # 写到  # 就用  # 谢谢大家  # 提供一个  # 要带  # 要写  # 装好  # 自适应  # 背景色  # 三遍  # 状态栏  # 导航条  # 加载  # 使用了 

相关文章： Thinkphp 中 distinct 的用法解析  专业型网站制作公司有哪些,我设计专业的，谁给推荐几个设计师兼职类的网站？  网站app免费制作软件,能免费看各大网站视频的手机app？  如何用VPS主机快速搭建个人网站？  建站主机解析：虚拟主机配置与服务器选择指南  ,石家庄四十八中学官网？  沈阳制作网站公司排名,沈阳装饰协会官方网站？  广州美橙建站如何快速搭建多端合一网站？  在线ppt制作网站有哪些,请推荐几个好的课件下载的网站？  如何快速搭建自助建站会员专属系统？  我的世界制作壁纸网站下载,手机怎么换我的世界壁纸？  如何在阿里云服务器自主搭建网站？  简单实现Android文件上传  专业网站设计制作公司,如何制作一个企业网站，建设网站的基本步骤有哪些？  建站之星后台管理如何实现高效配置？  建站之星后台密码如何安全设置与找回？  如何通过云梦建站系统实现SEO快速优化？  ,想在网上投简历，哪几个网站比较好？  小程序网站制作需要准备什么资料,如何制作小程序？  IOS倒计时设置UIButton标题title的抖动问题  如何快速查询域名建站关键信息？  如何设置并定期更换建站之星安全管理员密码？  东莞市网站制作公司有哪些,东莞找工作用什么网站好？  行程制作网站有哪些,第三方机票电子行程单怎么开？  如何通过wdcp面板快速创建网站？  官网建站费用明细查询_企业建站套餐价格及收费标准指南  如何用景安虚拟主机手机版绑定域名建站？  ,制作一个手机app网站要多少钱？  活动邀请函制作网站有哪些,活动邀请函文案？  中山网站推广排名,中山信息港登录入口？  Python lxml的etree和ElementTree有什么区别  西安专业网站制作公司有哪些,陕西省建行官方网站？  c++怎么编写动态链接库dll_c++ __declspec(dllexport)导出与调用【方法】  常州自助建站工具推荐：低成本搭建与模板选择技巧  h5在线制作网站电脑版下载,h5网页制作软件？  网站制作与设计教程,如何制作一个企业网站，建设网站的基本步骤有哪些？  弹幕视频网站制作教程下载,弹幕视频网站是什么意思？  如何通过VPS建站实现广告与增值服务盈利？  如何解决VPS建站LNMP环境配置常见问题？  c# F# 的 MailboxProcessor 和 C# 的 Actor 模型  湖州网站制作公司有哪些,浙江中蓝新能源公司官网？  婚礼视频制作网站,学习*后期制作的网站有哪些？  香港服务器租用费用高吗？如何避免常见误区？  实现虚拟支付需哪些建站技术支撑？  娃派WAP自助建站：免费模板+移动优化，快速打造专业网站  阿里云网站搭建费用解析：服务器价格与建站成本优化指南  Android自定义listview布局实现上拉加载下拉刷新功能  如何在万网开始建站？分步指南解析  如何选择美橙互联多站合一建站方案？  如何快速上传自定义模板至建站之星？