微信小程序

小程序

 

 

1 什么是小程序

     小程序是一个新的开发能力，可以在微信内被使用与传播，同时用户体验更好（）

     是基于腾讯X5内核的浏览器应用，使用ES5/ES6为开发语言，使用模拟的html（虚拟的dom）和css来构建程序

     它有一套设计、开发、运营、数据统计机制，旨在微信生态体系内建立一致的用户体验，在最大程度上适应不同的需求（不需要多去关注兼容等）。

为什么开发小程序：因为之前开发的都是网页，网页加载太慢，用户体验并不好，尽管开发成本低。为了开发出趋近于原生的app体验，开发成本低，用的技术也是前端的技术来代替微信公众号中的网页。

---

 

2 CSS设计规范

     WeUI

---

 

3 微信开发者工具20

项目：最新的基础库

后台：微信小程序提供的后台，更调服务的后台是两码事

app.js：小程序的主体的脚本代码，相当于小程序的启动脚本（webpack的entry），这个文件用于处理全局的生命周期、全局变量等

app.json：全局的小程序的配置文件，可以配置小程序的页面组成，以及窗口颜色，背景，导航等。不能添加任何的注释

app.wxss：公共样式

一个页面包含四个文件，名字必须和页面的目录一致（因为小程序会按照相同的名字去找，静态文件(img,icon)单独创建一个目录，通过相对路径进行访问

app.json配置项：

     pages：数组，用来配置当前小程序的页面的路径，谁写在第一个，默认加载这一个

     window：用来配置小程序窗口颜色，导航等

tabBar:类似于react中的link 

---

 

json：当前页面的配置项，例如导航，窗口背景等

 

 

 

微信开发者工具 20 和 7 版本，不能同时装两个版本。