代码充电宝

微信小程序从零开始（零）-Hello World2017年1月9号，微信小程序如约而至。按照张小龙刚推的朋友圈，1月9号并不是随机选择，而是向10年前苹果发布IPhone致敬。朋友圈一大波“微型小程序对APP市场的冲击”，行业的未来固然很重要，但作为一位技术人员，更关注技术本身，昨天就自己体验了一把微信小程序的魅力，萌生了写一个微信小程序的系列教程。话不多说，今天我们就开始微信小程序的第一个Demo

5、逻辑层——app.js注册程序（1）app({})App() 函数用来注册一个小程序。接受一个 object 参数，其指定小程序的生命周期函数属性属性类型描述触发时机onLaunchFunction生命周期函数--监听小程序初始化当小程序初始化完成时，会触发 onLa

4、小程序运行流程（1）小程序的启动微信客户端在打开小程序之前，会把整个小程序的代码包下载到本地（上传小程序包时最大2M）紧接着通过 app.json 的 pages 字段就可以知道你当前小程序的所有页面路径，pages字段的第一个页面就是首页，微信客户端就把首页的代码装载进来，通过小程序底层的一些机制，就可以渲染出这个首页小程序启动

3、page.json每一个小程序页面也可以使用.json文件来对本页面的窗口表现进行配置页面的配置比app.json全局配置简单得多，只是设置 app.json 中的 window 配置项的内容页面中配置项会覆盖 app.json 的 window 中相同的配置项页面的.json只能设置 window 相关的配置项，以决定本页面的窗口表现，所以无需写 wind

2、app.json（1）作用app.json文件用来对微信小程序进行全局配置有以下五种配置（决定页面文件的路径pages、窗口表现window、设置网络超时时间networkTimeout、设置tab按钮tabBar、设置调试debug ）属性类型必填描述pages

（1）整体目录结构根目录结构pages：存放小程序一个个页面utils：存放一些工具类app.js：小程序进入时的js逻辑（类似于Android的Application）app.json：小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等app.wxss：小程序全局的样式project.config.json：小程序开发工具的个性

微信小游戏刚刚开始公测，目前还不提供注册上线功能，但官方提供了一个简单的游戏demo，本篇博客就带领大家熟悉一下小游戏开发，并最终实现一个小游戏的demo（使用的是小游戏原生的api非adapter）最终的游戏效果如下 （1）模块化开发不可避免的需要封装一些常用逻辑/工具类等，此时就需要通过module.exports 和 exports 定义一些常用工具，通过 require

1、小程序目录结构https://mp.weixin.qq.com/s?__biz=MzU5MzM4MjgzNw==&mid=2247483654&idx=1&sn=5f61592998fd2574b407467cc31a39c1&chksm=fe101ddcc96794ca46da88c674028853fa08f964092b6577b20f674f7a395ce280cff4b033e5#

（1）微信打飞机体验文档地址：https://mp.weixin.qq.com/debug/wxagame/dev/index.html开发工具下载地址：https://mp.weixin.qq.com/debug/wxagame/dev/devtools/download.html?t=201813第一步：下载开发工具后，安装第二步：项目目录（选择一个空目录 ）、AppID（点击蓝色的小游

此篇文章是个人学习微信小程序的一些笔记下载链接，笔记主要使用”印象笔记“这个软件，也强烈推荐大家使用该款软件做学习笔记。链接中主要提供两种格式HTML和印象笔记enex格式，方便大家导入使用。 百度网盘地址 链接: https://pan.baidu.com/s/1smXkNYd密码: 8gxk小程序的笔记都发布与个人公众号，欢迎大家关注下方公众号 最后展示一下笔记的效果

6、逻辑层——page.js注册页面（1）Page(object)函数Page() 函数用来注册一个页面。接受一个 object 参数，其指定页面的初始数据、生命周期函数、事件处理函数等object 内容在页面加载时会进行一次深拷贝，需考虑数据大小对页面加载的开销属性列表属性类型描述data