零基础带你玩转微信小程序--小程序的基础和安装

news/2024/7/20 3:00:05 标签: 小程序, 前端
什么是微信小程序?
微信小程序小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。
为什么要使用微信小程序呢?
  1. 微信有海量用户,而且粘性很高,在微信里开发产品更容易触达用户
  2. 推广app或公众号的成本太高
  3. 开发适配成本低
  4. 容易小规模试错,然后快速迭代
  5. 跨平台(苹果.安卓都可以使用)

微信小程序的历史

  1. 2016年1月11日,微信之父张小龙进行了公开亮相,这时候不仅解读了微信的价值观。而且还说明微信内部正在研究新的形态,这个新的形态就是微信小程序

  2. 2016年9月21日,微信小程序进入了正式开启内测阶段。这种触手可及、用完即走的微信小程序马上的引起大家的广泛关注。

  3. 2017年1月9日0点,微信小程序第一批正式低调上线,这时候的用户可以正式的体验到微信小程序提供的服务。

  4. 2017年12月28日,微信更新的 6.6.1 版本开放了其中的小游戏程序。

  5. 微信正式宣布小程序广告组件启动内测,内容还包括第三方可以快速创建并认证小程序、新增小程序插件管理接口和更新基础能力,开发者可以通过小程序来赚取广告收入。

  6. 2018年7月13日,小程序任务栏的使用的功能得到升级,新增了“我的小程序”功能

  7. 2018年8月10日,微信官方宣布,小程序后台数据分析和插件功能得到升级,这样开发者就可以查看已添加「我的小程序」数量。

  8. 2018年9月28日,微信小程序的“功能直达”正式开放启用,这样的结果就是商家与用户的距离可以进一步缩短。

  9. 2019年1月22日晚间,在iOS微信7.0.3版本中,打开微信信息页下拉,全屏显示「最近使用」的小程序和「我的小程序」。除此之外,你也可以通过长按「最近使用」小程序并拖动到「我的小程序」列表中,来将该小程序添加到「我的小程序」。.

小程序与普通网页开发的区别

介绍:​小程序的主要开发语言是 JavaScript ,小程序的开发同普通的网页开发相比有很大的相似性。对于前端开发者而言,从网页开发迁移到小程序的开发成本并不高,但是二者还是有些许区别的。

  1. 网页开发渲染线程和脚本线程是互斥的,这也是为什么长时间的脚本运行可能会导致页面失去响应,而在小程序中,二者是分开的,分别运行在不同的线程中。网页开发者可以使用到各种浏览器暴露出来的 DOM API,进行 DOM 选中和操作。
  2. 小程序的逻辑层和渲染层是分开的,逻辑层运行在 JSCore 中,并没有一个完整浏览器对象,因而缺少相关的DOM API和BOM API。这一区别导致了前端开发非常熟悉的一些库,例如 jQuery、 Zepto 等,在小程序中是无法运行的。但网页开发就没有这个困扰了,可以使用大部分浏览器兼容的库.
  3. 网页开发者需要面对的环境是各式各样的浏览器,PC 端需要面对 IE、Chrome、QQ浏览器等,在移动端需要面对Safari、Chrome以及 iOS、Android 系统中的各式 WebView 。而小程序开发过程中需要面对的是两大操作系统 iOS 和 Android 的微信客户端,以及用于辅助开发的小程序开发者工具.

安装

  1. 进入微信公众平台 https://mp.weixin.qq.com/,进行注册和登录
  2. 登录成功后(效果图如下),点击开发里面的开发工具,然后在点击开发者工具
    在这里插入图片描述
  3. 点击完成后效果图如下,然后点击下载在这里插入图片描述
    4.点击完成后会跳转到如下页面
    在这里插入图片描述

这里大家自行选择,推荐使用稳定版的,不容易出现问题,安装时一路next就行了

  • 安装完成会出现此图标,双击点开此工具
    在这里插入图片描述

  • 在点击工具里面的那个加号就可以创建微信小程序,创建完成后如下图所示
    在这里插入图片描述
    介绍

  • 第一个为你创建的项目名称

  • 第二个创建项目的目录

  • 第三个是你的唯一id(第一次使用的话最好使用测试号)

  • 开发模式就选择小程序模式

  • 第五个前面的话就选择不使用云服务就行,点击不使用云服务的话下面会多出两行选项,不用管他,直接创建就行

注意:这个id是在如下页面的开发里面的开发管理里面的开发设置下面的开发者id
在这里插入图片描述

总结

今天主要学习了微信小程序的基础知识和安装及其创建,微信小程序的话如果学过javascript和vue的话,学习微信小程序是比较简单的,他们的语法比较相似,另外微信小程序使用着也比较方便,可以直接无需下载便可使用, 他于2017年1月9号正式上线,一上线便吸引了一大批用户,虽然近几年他的热度有所降低,但还是很多公司的必考点之一,所以有时间的话一定要学习一下微信小程序的开发

最后作者创作不易,如果文章对你有帮助,记得留下你的点赞和关注呦


http://www.niftyadmin.cn/n/855172.html

相关文章

让Linux英文版支持中文

如果只是单纯要显示中文的话,只要安装fonts-chinese这个RPM包就行了。这个包在光盘的Server或者Client目录下。你ls 光盘目录/Server/fonts-chinese*.rpm可以找到然后用命令rpm -ivh 光盘目录/Server/fonts-chinese*.rpm就可以安装上了。安装完执行gdm-restart就可以…

微信小程序的基础配置和目录结构

介绍:昨天学习了小程序的安装和作用,今天就开始小程序的基础知识了,今天主要讲一下目录结构,全局配置和页面配置的一些属性 官方文档地址 https://developers.weixin.qq.com/miniprogram/dev/framework/structure.html. 一.目录结构 如图 components : 放自定义组件的地方…

2009中国知识管理论坛12月举办

KMC讯,由最活跃的中文知识管理社区知识管理中心(Knowledge Management Center)和中国人民大学信息资源管理学院主办的“2009中国知识管理论坛”将于2009年12月25日举办。 2009年是中国知识管理第二个十年的开始,在这一年中我们的…

文件名智能排序的算法

在文件夹中,我们经常有类似s_1.txt、s_2.txt、s_10.txt、s_11.txt这样的命名方式,我们期望的排序方式是s_1.txt、s_2.txt、s_10.txt、s_11.txt(Vista & Windows7是这种方式),然而,按照常规的字符串排序…

微信小程序基础详解(3)

介绍: 昨天学习了全局配置和页面配置与目录结构,今天就开始学习模板语法之数据绑定,运算,及其列表渲染和条件渲染,当然还有比较常见的事件 模板语法 WXML(WeiXin Markup Language)是框架设计的⼀套标签语⾔,结合基础组件、事件系统&#x…

微信小程序基础(4)

介绍: 今天我们接着微信小程序继续学习,今天学习一下样式wxss和样式导入,及其less,这里有微信小程序的全套视频,老师讲的很好感兴趣的可以去学习一下 https://www.bilibili.com/video/BV1nE41117BQ?p65&spm_id_frompageDriver 样式 WXSS WXSS( WeiXin Style Sheets )是⼀…

批处理内部命令

一.简单批处理内部命令简介 1.Echo 命令 打开回显或关闭请求回显功能,或显示消息。如果没有任何参数,echo 命令将显示当前回显设置。 语法: echo [{on│off}] [message] Sample:echo off / echo hello world 在实际应用中我们会把这条命令和重…

python try语法_python try 异常处理(史上最全)

在程序出现bug时一般不会将错误信息显示给用户,而是现实一个提示的页面,通俗来说就是不让用户看见大黄页!!! 有时候我们写程序的时候,会出现一些错误或异常,导致程序终止. 为了处理异常&#xf…