微信小程序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、项目的目录结构

微信小程序01---小程序初始_第1张图片

3、常用配置

你可能感兴趣的:(微信小程序,前端,微信小程序,小程序)