微信小程序01---小程序初始

目录

今日总结

1、小程序的介绍

①小程序是什么

②小程序的发展史

③小程序的优势和不足

④如何学习微信小程序

2、项目的目录结构

3、常用配置

①配置导航窗口

②配置页面

③配置tabBar

4、WXML

①组件（标签）的使用

②数据绑定

③逻辑渲染

④列表渲染

⑤wx:key

⑥模板

⑦引用

5、WXSS

①尺寸单位rpx

②样式导入 @import

③小程序的样式选择器

6、小程序中的JS

①小程序中的js和浏览器中和node中的区别

②小程序中js的加载执行顺序

③小程序中js的执行环境

7、数据渲染

①小程序和浏览器中有什么不同

②小程序中如何渲染

8、程序和界面

APP

Page

9、事件

①事件绑定

 ②常见的事件类型

③阻止事件冒泡 catch

④事件捕获 capture-bind

⑤事件传参

一些其他

1、组件间传值

2、websocket 

---

今日总结

1、小程序的介绍

①小程序是什么

小程序是一种新的开放能力，开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播，同时具有出色的使用体验。

任何一个普通的开发者，经过简单的学习和练习后，都可以轻松地完成一个小程序的开发和发布。

②小程序的发展史

移动网页在拍摄、录音、语音识别、二维码等方面能难使用这些功能

---> 之后微信提供了JS-SDK，开放了拍摄、录音、语音识别、二维码、地图、支付、分享、卡券等几十个API，实现了这些功能，但是，这仅仅是可以实现，但并不好用

---> 随着微信的推广，越来越多的人来使用微信，基于这一点，微信研发了微信小程序

③小程序的优势和不足

优势：

• 微信助理，容易推广。在微信中，小程序拥有众多入口，例如附近的小程序、小程序码、分享、发现-小程序等五十多个的入口。这些入口有助于企业更好的获取流量，从而进行转化、变现。
• 使用便捷。用户在使用小程序时，只需要轻轻点一下就可以使用，更加符合用户对使用方便、快捷的需求，所以小程序的用户数量不断增加。
• 体验良好，有接近原生app的体验。在微信生态里，小程序在功能和体验上是可以秒杀掉 H5 页面的，H5 页面经常出现卡顿、延时、加载慢、权限不足等原因，而这些问题在小程序里都不会出现。
• 成本更低，从开发成本到运营推广成本，小程序的花费仅为APP的十分之一，无论是对创业者还是传统商家来说都是一大优势。

不足：

• 单个包大小限制为2M，这导致无法开发大型的应用，采用分包最大是20M（这个值一直在变化，以官网为准）。
• 需要像app一样审核上架，这点相对于H5的发布要麻烦一些。
• 处处受微信限制。例如不能直接分享到朋友圈，涉及到积分，或者虚拟交易的时候，小程序也是不允许的。

④如何学习微信小程序

巧妙使用官方文档

2、项目的目录结构

3、常用配置