十分钟了解什么是微信小程序

最新推荐文章于 2021-03-03 09:12:09 发布

我只会写Bug啊

最新推荐文章于 2021-03-03 09:12:09 发布

阅读量275

点赞数

分类专栏：微信小程序文章标签：微信小程序小程序坑小程序介绍

本文链接：https://blog.csdn.net/qq_28584685/article/details/99627182

版权

微信小程序专栏收录该内容

7 篇文章 0 订阅

订阅专栏

微信小程序开发（踩坑）之路----小程序简单介绍

- 1.小程序与普通网页开发的区别
- 2.小程序起步准备工作

因为工作变动，工作重心从PC端移动端Vue等转移到了小程序，也算是第一次做，之前也看过相关技术文档，但是由于各种原因（懒），并没有成型的项目，所以在此总结记录下从零接触小程序碰到的坑和需要注意的地方，此文章只是简单讲述下小程序和之前网页开发的区别和介绍，遇到的问题会再下一篇文章中进行长期更新。。

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

        首先可以提出的是，假如你之前是一个前端开发者，转换到小程序的开发成本并不高，小程序的主要开发语言还是JavaScript，很多方面有巨大的相似性，所以假如正在读文章的你和我一样是刚刚接触小程序，之前做过前端工作，请不要有太大的压力！！！！加油！！！
        简单介绍下小程序，这些在微信官方文档中也是有所介绍的，我们都知道网页开发渲染线程和脚本线程是互斥的，所以我们浏览的页面有长时间的脚本运行会导致页面失去响应。但是小程序中，二者是分开的，分别运行在不同的线程中。网页开发者可以使用到各种浏览器暴露出来的 DOM API，进行 DOM 选中和操作。而如上文所述，小程序的逻辑层和渲染层是分开的，逻辑层运行在 JSCore 中，并没有一个完整浏览器对象，因而缺少相关的DOM API和BOM API。这一区别导致了前端开发非常熟悉的一些库，例如 jQuery、 Zepto 等，在小程序中是无法运行的。同时 JSCore 的环境同 NodeJS 环境也是不尽相同，所以一些 NPM 的包在小程序中也是无法运行的。
        但是小程序中是可以使用一些我们可能较为熟悉的框架，比如mpvue（目前版本（v1.0.13）不支持 slot ，支持 npm 包，支持 css 预处理器；）,taro(React标准语法，支持 JSX 书写，让代码更具表现性，Taro暂不支持直接渲染children)，wepy（vue 和 wepy 两种语法，支持 slot 组件内容分发插槽，支持 npm 包，支持 css 预处理器；），每种框架都有自己的优劣势，目前我使用的是微信原生的语法，这些我们之后的文章进行探讨。
        同时我们之前的开发需要面对各种环境，而在小程序中面对的则是两大操作系统IOS和Android的微信客户端和我们开发需要使用的小程序开发者工具。

运行环境	逻辑层	渲染层
IOS	JavaScriptCore	WKWebView
安卓	V8	chromium定制内核
小程序开发者工具	NWJS	Chrome WebView

2.小程序起步准备工作

关于小程序账号的申请以及开发者工具等前期准备的介绍在网上也是特别的多，我在此也不做赘述了，提供几个文档地址供大家阅读，按照步骤我们就可以在小程序开发工具上敲出下一个“Hello Wolrd！！！”了

申请账号：https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/getstart.html#%E7%94%B3%E8%AF%B7%E5%B8%90%E5%8F%B7

注：
（1）小程序名称是具有唯一性的，如果有其他人注册了就不能再使用了。小程序名称也是保证小程序可以搜索到的重要关键。除此之外，小程序分类也很重要，关系的审核是否可以顺利通过，所以假如你使用的是企业认证，一定要选择自己营业执照上有的、自己小程序所符合类目
（2）小程序的 AppID 相当于小程序平台的一个身份证，后续你会在很多地方要用到 AppID （注意这里要区别于服务号或订阅号的 AppID）
微信开发者工具安装：
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

接下来就可以按照文档上的步骤一步一步的敲出“Hello Wolrd！！！”了

小程序能做的事情非常多，微信内置了很多功能强大的API，我也是在学习过程中，关于一些流程和简单的使用大家可以看微信官方文档，在后边的文章中，我会主要记录下我遇到的一些问题以及和之前的开发中不一样的部分和大家进行交流。