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


Posted in Javascript onMay 18, 2017

小程序的开发注意事项:

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开关,缓存数据、文件数据、授权数据这些可能要不同项目中用到。

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

Javascript 相关文章推荐
js实现双向链表互联网机顶盒实战应用实现
Oct 28 Javascript
由点击页面其它地方隐藏div所想到的jQuery的delegate
Aug 29 Javascript
JS验证逗号隔开可以是中文字母数字
Apr 22 Javascript
Jquery给当前页或者跳转后页面的导航栏添加选中后样式的实例
Dec 08 Javascript
BootstrapTable refresh 方法使用实例简单介绍
Feb 20 Javascript
微信小程序开发之入门实例教程篇
Mar 07 Javascript
使用Vue如何写一个双向数据绑定(面试常见)
Apr 20 Javascript
快速解决vue在ios端下点击响应延时的问题
Aug 27 Javascript
django js 实现表格动态标序号的实例代码
Jul 12 Javascript
Vue中import from的来源及省略后缀与加载文件夹问题
Feb 09 Javascript
JS常用排序方法实例代码解析
Mar 03 Javascript
Node.js API详解之 vm模块用法实例分析
May 27 Javascript
基于BootStrap的前端分页带省略号和上下页效果
May 18 #Javascript
微信小程序网络请求wx.request详解及实例
May 18 #Javascript
微信小程序实现锚点定位楼层跳跃的实例
May 18 #Javascript
Vue2 使用 Echarts 创建图表实例代码
May 18 #Javascript
AngularJS折叠菜单实现方法示例
May 18 #Javascript
jQuery Validate 校验多个相同name的方法
May 18 #jQuery
easyUI下拉列表点击事件使用方法
May 18 #Javascript
You might like
人族 Terran 魔法与科技
2020/03/14 星际争霸
使用php转义输出HTML到JavaScript
2015/03/27 PHP
Thinkphp5框架异常处理操作实例分析
2020/06/03 PHP
jquery实现的让超出显示范围外的导航自动固定屏幕最顶上
2011/09/22 Javascript
JQuery+CSS提示框实现思路及代码(纯手工打造)
2013/05/07 Javascript
js常用自定义公共函数汇总
2014/01/15 Javascript
html5+javascript制作简易画板附图
2014/04/25 Javascript
js实现图片拖动改变顺序附图
2014/05/13 Javascript
JS+CSS实现可拖动的弹出提示框
2015/02/16 Javascript
jquery解析XML及获取XML节点名称的实现代码
2016/05/18 Javascript
javascript实现图片轮播代码
2019/07/09 Javascript
JS实现可用滑块滑动的缓动图代码
2019/09/01 Javascript
jquery实现吸顶导航效果
2020/01/08 jQuery
JS深入学习之数组对象排序操作示例
2020/05/01 Javascript
python 实现插入排序算法
2012/06/05 Python
python实现目录树生成示例
2014/03/28 Python
Python处理JSON数据并生成条形图
2016/08/05 Python
利用python生成一个导出数据库的bat脚本文件的方法
2016/12/30 Python
Python pandas常用函数详解
2018/02/07 Python
Pandas之drop_duplicates:去除重复项方法
2018/04/18 Python
python实现合并两个排序的链表
2019/03/03 Python
PyCharm搭建Spark开发环境实现第一个pyspark程序
2019/06/13 Python
Python Print实现在输出中插入变量的例子
2019/12/25 Python
Python如何使用队列方式实现多线程爬虫
2020/05/12 Python
keras的siamese(孪生网络)实现案例
2020/06/12 Python
jupyter notebook快速入门及使用详解
2020/11/13 Python
Bjorn Borg官方网上商店:国际运动时尚品牌
2016/08/27 全球购物
求网格中的黑点分布
2013/11/06 面试题
大二自我鉴定范文
2013/10/05 职场文书
工作会议欢迎词
2014/01/16 职场文书
捐书寄语赠言
2014/01/18 职场文书
应届电子商务毕业自荐书范文
2014/02/11 职场文书
食堂厨师岗位职责
2014/08/25 职场文书
武侯祠导游词
2015/02/04 职场文书
音乐教师个人工作总结
2015/02/06 职场文书
为Java项目添加Redis缓存的方法
2021/05/18 Redis