近期,据微信团队透露,目前微信小程序接入的企业和个人开发者达到100万+,第三方平台达2300个,未来将推出开发者教程,让小程序开发门槛更低。所以,为了让大家进一步了解微信小程序,传智播客郑州校区特意整理了以下小程序开发入门笔记:
1. 一、入门前的基础理解和准备
2. 嵌套在微信里面,即用即走,最新发布了微信小程序游戏;
3. 注册网址——
1. 配置tabbar 底部的标签栏 ;
2. hexcolor 这个意思是只能写16进制的颜色,类似#fff000这种;
mvvm mvc
m model数据层;
v view 视图层(展示页面);
c (vm) 操作数据的(处理数据);
(三)、普通的js
dom bom ecmascript(js语法 if for这些)
(四)、nodejs
ecmascript(js语法 if for这些) 加操作电脑的 文件操作 系统操作;
(五)微信小程序
ecmascript(js语法 if for这些)+ 摄像 扫描二维码这些;说白了 就是没有 alert dom操作;
(六)生命周期
从出生到死亡这个过程
从页面的初始化到页面的删除这个过程
小程序
当某个时间段会去调用对应的函数 说白了就是 调用别人规定好的函数;
1. 小程序的生命周期 app.js 整个小程序
onlaunch 初始化(一开始触发的函数 只触发一次)
onshow 当app程序显示到手机屏幕前面 触发 前台
onhide 当app程序切换到后台
onerror 发生错误的时候触发
1.1 在app.js里面除了规定好的函数之外还可以写很多
键值对 这些都是全局的 所有页面都可以使用
{
。。。
abc:123
}
1.2 要拿到app.js里面定义的 值或者函数
需要在你要获取的地方
const app=getapp();//获取到app对象
console.log(app.abc)
2 . 页面的生命周期 单个页面
onload 页面加载但是还没有渲染好 可以提前发送ajax
onshow 页面渲染显示出来
onready 真正的渲染完成
onhide 页面隐藏
onunload 卸载 当前页面已经没有历史记录的时候触发
1.数据写在 data里面 data可以写数组 对象 字符串 数字 不能写函数
2. 可以写在界面里面
类似与script标签
导出东西给别人用
module.exports={
add:function(){}
}
导出一个对象 名字叫foo给别人用
使用:foo.add()
vue
export default 导出
import 导入
nodejs
module.exports 导出
require
条件判断
wx:if true的时候创建 false就删除
wx:else
hidden=“” true的时候隐藏(会在页面上只是隐藏了)false显示
block 标签作用:可以用来包裹住你想判断或者循环的一些标签
不会影响页面
传智播客在此提醒大家 :循环 默认里面有item代表每一项 index代表索引
{{ item }}
{{ index }}
如果你不想要默认的名字item和index那么可以自定义
{{obj就是每一项 }}
{{i就是索引}}
(七)、小程序单击事件:
bindtap=add
触发的函数写在哪?
写在对应的js里面 和data 生命周期是同一级
循环的时候必须写
wx:key=id 这样可以确保页面的每一个都是唯一的
app.json
pages
window
tabbar
以上是部分针对微信小程序开发入门的基础知识,后续传智播客郑州校区还将分享更多关于微信小程序开发的内容,敬请期待!