摘要:模块化推荐文件具有多带带作用域可以抽离公共代码或者对外暴露接口不支持绝对路径以及路由在小程序中所有页面的路由全部由框架进行管理。
mini-program
勘探-微信小程序
注册小程序账号前往官网注册--流程简单,不赘述.
在网站的“设置”-“开发者设置”中,得到AppId
下载开发者工具mac
window 32
windows 64
通过开发者工具创建小程序 文件结构小程序有全局的配置、样式、逻辑也有每个页面自己的配置、样式、逻辑文件
配置部分注意项~app.json: 全局配置--(小程序公共设置)
app.js: 全局配置--(小程序逻辑)
app.wxss: 全局配置--(小程序公共样式)
pages: 页面数组--(小程序可多带带有自己的配置、样式、逻辑文件,还有一个页面结构文件)
配置部分相对简单,So 只列出如下注意点,顺带附上个人配置:
逻辑层为了方便开发者减少配置项,我们规定描述页面的这四个文件必须具有相同的路径与文件名。
每增加一个页面,必须在全局app.json文件pages参数下增加对应路径配置!
如果有菜单项,强制要求控制在2-5个!
如果配置菜单必须把小程序初始页面配成菜单list其中一个,否则无法显示菜单!!
函数 | 出现位置 | 可能值 | 说明 |
---|---|---|---|
App() | app.js | 1. 小程序生命周期函数 2. 自定义函数 3. 数据 |
1.其中自定义函数和数据为全局的 2.本文件内通过this调用自定义函数和数据,其他文件需要getApp()或者实例后调用 |
Page() | pages下的页面内 | 1. 初始数据 2.页面生命周期函数 3.自定义函数 4.数据 |
1. Page.prototype.route可以获取当前路由路径 2.Page.prototype.setData()可更改数据,并相应到视图层, 直接修改this.data不会更新到页面,且单次设置数据不能超过1024kb。 |
模块化 | 1.module.exports(推荐) 2.exports | 1. 文件具有多带带作用域 2.可以抽离公共代码module.exports 或者 exports对外暴露接口 3.不支持绝对路径以及node_modules |
|
路由 | 在小程序中所有页面的路由全部由框架进行管理。 | ||
场景值 | 自行查看文档 | ||
API | 自行查看文档 |
老规矩,剩下的列出需要注意的点:
WXMLApp() 必须在 app.js 中注册,且不能注册多个。
不要在定义于 App() 内的函数中调用 getApp() ,使用 this 就可以拿到 app 实例。
不要在 onLaunch 的时候调用 getCurrentPages(),此时 page 还没有生成。>
通过 getApp() 获取实例之后,不要私自调用生命周期函数。
语法 | 说明 | 注意 | eg |
---|---|---|---|
{{}} | 1. 用于data对象下存在的字段 出现的位置 2. 支持简单计算及组合 |
1. 关键字(需要在双引号之内) 2. 花括号和引号之间如果有空格,将最终被解析成为字符串 |
1. 2. |
wx:for | 循环数组 | 默认数组的当前项的下标变量名默认为 index,数组当前项的变量名默认为 item | |
block wx:for | 渲染一个包含多节点的结构块。 | ||
wx:key | 指定列表中项目的唯一的标识符。 | ||
wx:if wx:elif wx:else wx:if vs hidden |
1. 条件渲染 2. wx:if 有更高的切换消耗而 hidden 有更高的初始渲染消耗 |
1. |
|
block wx:if | 方便整体控制 | ||
template | 1. 定义代码片段 2. name属性定义模板名字 3. is属性声明需要的使用的模板并需要传入data 4. 模板有自己的作用域,只能使用data传入数据 |
||
import和include | 1. import引用目前文件定义的模板 2. include可以将目标文件除了的整个代码引入,相当于是拷贝到include位置 |
1. import 有作用域的概念,即只会 import 目标文件中定义的 template,而不会 import 目标文件 import 的 template。 | |
事件 | 1. touchstart、touchmove、touchcancel、touchend、、taplongtap 2. 如无特殊说明,当组件触发事件时,逻辑层绑定该事件的处理函数会收到一个事件对象。(说白了,就是绑定事件js位置会带一个对象,其中包括很多属性) |
bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡。 |
bindtap catchtouchstart |
觉得还不错就点个赞吧~
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/87264.html
摘要:微信小程序应用号开发资源汇总文档工具教程代码插件组件文档从搭建一个微信小程序开始小程序开发文档小程序设计指南工具小程序开发者工具官方支持微信小程序实时预览的支持的微信小程序组件化开发框架转在线工具小程序云端增强社区微信小程序 微信(小程序or应用号)开发资源汇总-文档-工具-教程-代码-插件-组件 文档 从搭建一个微信小程序开始 小程序开发文档 小程序设计指南 工具 小程序开发者...
摘要:微信应用号小程序资源汇总。每天不定期整理和收集微信小程序相关资源,方便查阅和学习,欢迎大家提交新的资源,完善和补充。 wechat-weapp-resource 微信应用号(小程序)资源汇总。 每天不定期整理和收集微信小程序相关资源,方便查阅和学习,欢迎大家提交新的资源,完善和补充。 showImg(https://segmentfault.com/img/remote/1460000...
阅读 3841·2021-11-16 11:44
阅读 3097·2021-11-12 10:36
阅读 3353·2021-10-08 10:04
阅读 1227·2021-09-03 10:29
阅读 371·2019-08-30 13:50
阅读 2571·2019-08-29 17:14
阅读 1719·2019-08-29 15:32
阅读 1051·2019-08-29 11:27