微信小程序开发-学习第一天总结

什么是微信开发:

  微信对外提供了很多功能(如:聊天,支付,分享,收藏等),同时微信还对外开放了很多的接口与能力。

  程序员基于这些功能和接口进行的开发,叫做微信开发。

开放平台和公众平台的区别:

开放平台:

  • 是微信对外开放 API 接口的平台

  • 开放的 API 接口,供第三方网站和 App 调用

  • 后端程序员是开放平台开发的主力军

公众平台:

  • 是基于微信公众号,为微信用户提供服务的平台

    扫描二维码关注公众号,回复: 7964449 查看本文章
  • 所用公众号,都属于微信内开发

  • 前端程序员是公众平台开发的主力军

小程序出现的目的:

  拦截用户流量入口,用户的大多数应用需求,都可以才能够微信小程序中得到满足

小程序适合的业务场景:

  适合做 “用完即走” 的应用(如:点外卖,打车,代价,共享单车,购物等)

  不适合做 “重度依赖” 的应用(如:大型手机游戏,音乐播放器,视频软件,直播软件等)

小程序和传统手机App的区别

  App:基于手机操作系统提供的API进行开发,直接安装并运行在手机操作系统之上

  小程序:基于微信提供的API进行开发,必须基于手机微信才能安装和运行

小程序的基本组件介绍:https://developers.weixin.qq.com/miniprogram/dev/framework/view/component.html

小程序的API

  1. API概念:

  API应用程序编程接口,是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力。

  2. API的三种分类:

    (1)事件监听API

      on 开头的 API 用来监听某个事件是否触发

    (2)同步API

      以 Sync 结尾的 API 都是同步 API

    (3)异步API(类似网页端的ajax

      通常需要指定回调函数接受调用的结果;小程序中,大多数的 API 都是异步 API

  API介绍:https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/api.html#API

组件和API的区别:

  相同点:都是微信官方提供的,目的都是为了方便小程序的快速开发

  不同点:组件以UI结构布局为主,一般不需要处理业务逻辑;API以纯业务逻辑为主,一般没有对应的UI结构

小程序成员管理:登录小程序账号 --> 管理 --> 成员管理 -- 项目成员 -- 点击向下的箭头

详情查阅:https://kf.qq.com/faq/170302zeQryI170302beuEVn.html

微信开发者工具下载:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

创建小程序项目:

  1. 打开小程序开发者工具,用微信扫码登录开发者工具

  2. 点击左侧菜单中的小程序选项

  3. 点击+号新建小程序项目

  4. 填写项目名称

  5. 选择项目存放路径(必须选择空目录)

  6. 填写 AppID

  7. 点击新建按钮

小程序预览:

  1. 点击 工具栏 --> 预览 即可弹出预览窗口

  2. 预览方式:扫描二维码预览、自动预览

静态页面的内容:

  1.html结构标签mui element-ui

    text,view,button,input,image

  2.css

    1.选择器

    2. 组合选择器的优先级 (* < 标签 < class < id < style < !important)

    3. css模块化(模块内部不影响外部:模块独立性,使用导入功能进行相互调用)   

    1. vue: scoped

    2. react: css modules

    3. 小程序: 样式导入

     4.适配问题

        网页用rem,

        小程序用rpx(rpx对最终显示的css单位的对应关系:

              1rpx = 0.5px(设备css单位) = 1设计稿px(基于iphone6进行的2倍750宽度的设计稿))

猜你喜欢

转载自www.cnblogs.com/mdr86553/p/11924274.html
今日推荐