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

小程序的开发注意事项：

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使用方法及常用错误解决办法  # 自定义  # 为空  # 的是  # 也要  # 要把  # 希望能  # 写到  # 就用  # 谢谢大家  # 提供一个  # 要带  # 要写  # 装好  # 自适应  # 背景色  # 三遍  # 状态栏  # 导航条  # 加载  # 使用了 

相关文章： 东莞市网站制作公司有哪些,东莞找工作用什么网站好？  微信推文制作网站有哪些,怎么做微信推文，急？  大连网站设计制作招聘信息,大连投诉网站有哪些？  mc皮肤壁纸制作器,苹果平板怎么设置自己想要的壁纸我的世界？  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱？  制作农业网站的软件,比较好的农业网站推荐一下？  如何在建站之星绑定自定义域名？  韩国网站服务器搭建指南：VPS选购、域名解析与DNS配置推荐  c# 在高并发下使用反射发射（Reflection.Emit）的性能  如何获取PHP WAP自助建站系统源码？  非常酷的网站设计制作软件,酷培ai教育官方网站？  建站之星CMS五站合一模板配置与SEO优化指南  如何续费美橙建站之星域名及服务？  韩国服务器如何优化跨境访问实现高效连接？  安徽网站建设与外贸建站服务专业定制方案  c++ stringstream用法详解_c++字符串与数字转换利器  如何在腾讯云免费申请建站？  北京建设网站制作公司,北京古代建筑博物馆预约官网？  极客网站有哪些,DoNews、36氪、爱范儿、虎嗅、雷锋网、极客公园这些互联网媒体网站有什么差异？  专业企业网站设计制作公司,如何理解商贸企业的统一配送和分销网络建设？  建站与域名管理如何高效结合？  移动端手机网站制作软件,掌上时代，移动端网站的谷歌SEO该如何做？  企业宣传片制作网站有哪些,传媒公司怎么找企业宣传片项目？  官网自助建站系统：SEO优化+多语言支持，快速搭建专业网站  网站制作公司排行榜,抖音怎样做个人官方网站  免费视频制作网站,更新又快又好的免费电影网站？  已有域名和空间，如何快速搭建网站？  ,交易猫的商品怎么发布到网站上去？  北京制作网站的公司排名,北京三快科技有限公司是做什么？北京三快科技？  如何制作网站标识牌,动态网站如何制作（教程）？  自助网站制作软件,个人如何自助建网站？  百度网页制作网站有哪些,谁能告诉我百度网站是怎么联系？  建站之星IIS配置教程：代码生成技巧与站点搭建指南  如何快速搭建支持数据库操作的智能建站平台？  建站之星×万网：智能建站系统+自助建站平台一键生成  如何在建站之星网店版论坛获取技术支持？  太平洋网站制作公司,网络用语太平洋是什么意思？  定制建站价位费用解析与套餐推荐全攻略  建站之星Pro快速搭建教程：模板选择与功能配置指南  零基础网站服务器架设实战：轻量应用与域名解析配置指南  如何在Windows 2008云服务器安全搭建网站？  如何快速生成橙子建站落地页链接？  佛山网站制作系统,佛山企业变更地址网上办理步骤？  深圳网站制作公司好吗,在深圳找工作哪个网站最好啊？  制作充值网站的软件,做人力招聘为什么要自己交端口钱？  建站org新手必看：2024最新搭建流程与模板选择技巧  制作网站的软件下载免费,今日头条开宝箱老是需要下载怎么回事？  攀枝花网站建设,攀枝花营业执照网上怎么年审？  香港服务器网站搭建教程-电商部署、配置优化与安全稳定指南  建站主机选择指南：服务器配置与SEO优化实战技巧