小程序与网页开发的区别

小程序简介

小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。

小程序技术发展史

小程序并非凭空冒出来的一个概念。当微信中的 WebView 逐渐成为移动 Web 的一个重要入口时，微信就有相关的 JS API 了。

实际上，微信官方是没有对外暴露过如此调用的，此类 API 最初是提供给腾讯内部一些业务使用，很多外部开发者发现了之后，依葫芦画瓢地使用了，逐渐成为微信中网页的事实标准。2015年初，微信发布了一整套网页开发工具包，称之为 JS-SDK，开放了拍摄、录音、语音识别、二维码、地图、支付、分享、卡券等几十个API。给所有的 Web 开发者打开了一扇全新的窗户，让所有开发者都可以使用到微信的原生能力，去完成一些之前做不到或者难以做到的事情。

JS-SDK是对之前的 WeixinJSBridge 的一个包装，以及新能力的释放，并且由对内开放转为了对所有开发者开放，在很短的时间内获得了极大的关注。从数据监控来看，绝大部分在微信内传播的移动网页都使用到了相关的接口。

JS-SDK 解决了移动网页能力不足的问题，通过暴露微信的接口使得 Web 开发者能够拥有更多的能力，然而在更多的能力之外，JS-SDK 的模式并没有解决使用移动网页遇到的体验不良的问题。用户在访问网页的时候，在浏览器开始显示之前都会有一个的白屏过程，在移动端，受限于设备性能和网络速度，白屏会更加明显。我们团队把很多技术精力放置在如何帮助平台上的Web开发者解决这个问题。因此我们设计了一个 JS-SDK 的增强版本，其中有一个重要的功能，称之为“微信 Web 资源离线存储”。

以下文字引用自内部的文档（没有最终对外开放）：

微信 Web 资源离线存储是面向 Web 开发者提供的基于微信内的 Web 加速方案。通过使用微信离线存储，Web 开发者可借助微信提供的资源存储能力，直接从微信本地加载 Web 资源而不需要再从服务端拉取，从而减少网页加载时间，为微信用户提供更优质的网页浏览体验。每个公众号下所有 Web App 累计最多可缓存 5M 的资源。

这个设计有点类似 HTML5 的 Application Cache，但在设计上规避了一些 Application Cache的不足。

在内部测试中，我们发现离线存储能够解决一些问题，但对于一些复杂的页面依然会有白屏问题，例如页面加载了大量的 CSS 或者是 JavaScript 文件。除了白屏，影响 Web 体验的问题还有缺少操作的反馈，主要表现在两个方面：页面切换的生硬和点击的迟滞感。

微信面临的问题是如何设计一个比较好的系统，使得所有开发者在微信中都能获得比较好的体验。这个问题是之前的 JS-SDK 所处理不了的，需要一个全新的系统来完成，它需要使得所有的开发者都能做到：

- 快速的加载

- 更强大的能力

- 原生的体验

- 易用且安全的微信数据开放

- 高效和简单的开发

这就是小程序的由来。

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

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

网页开发渲染线程和脚本线程是互斥的，这也是为什么长时间的脚本运行可能会导致页面失去响应，而在小程序中，二者是分开的，分别运行在不同的线程中。网页开发者可以使用到各种浏览器暴露出来的 DOM API，进行 DOM 选中和操作。而如上文所述，小程序的逻辑层和渲染层是分开的，逻辑层运行在 JSCore 中，并没有一个完整浏览器对象，因而缺少相关的DOM API和BOM API。这一区别导致了前端开发非常熟悉的一些库，例如 jQuery、 Zepto 等，在小程序中是无法运行的。同时 JSCore 的环境同 NodeJS 环境也是不尽相同，所以一些 NPM 的包在小程序中也是无法运行的。

网页开发者需要面对的环境是各式各样的浏览器，PC 端需要面对 IE、Chrome、QQ浏览器等，在移动端需要面对Safari、Chrome以及 iOS、Android 系统中的各式 WebView 。而小程序开发过程中需要面对的是两大操作系统 iOS 和 Android 的微信客户端，以及用于辅助开发的小程序开发者工具，小程序中三大运行环境也是有所区别的，如表1-1所示。

表1-1 小程序的运行环境

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

网页开发者在开发网页的时候，只需要使用到浏览器，并且搭配上一些辅助工具或者编辑器即可。小程序的开发则有所不同，需要经过申请小程序帐号、安装小程序开发者工具、配置项目等等过程方可完成。

北京优品致远简介

北京优品致远信息技术有限公司，简称"优品致远"，主营网站、APP、公众号、小程序等IT技术服务，成立于2011年12月13日，至2021年07月14日，已经营9.59年，共3501天。

优品致远SaaS软件平台，2016年5月1日开始研发和运营，至2021年07月14日，持续在线1900天，总用户数561763人，合作机构总数：647家。

优品致远核心价值观：1、解决互联网平台搭建问题，是优品致远存在的意义。2、诚信、严谨、谦逊、宽容、有爱。3、以心文化为主导，家庭讲爱修言，事业说理修亲，道德谈心修气。4、结果最大声，以结果论英雄。5、个人不以教育背景/资质为傲，以社会贡献为荣耀。

数字描述优品致远：9437543151。9：经营九年。4：APP、公众号、小程序、网站。3：慈善软件、成品软件、定制软件。7：给寺庙提供七款慈善软件。5：给慈善机构提供五款慈善软件。4：给学校提供四款慈善软件。3：资助三个贫困学生。15：共十五款成品saaS软件。1：一个软件定制服务平台。

优品致远三大服务：慈善软件、成品软件、定制软件。

优品致远&慈善软件

优品致远深信因果，积善之家必有余庆，面向道观寺庙、慈善组织、教育机构等提供成熟稳定的成品软件服务。优品致远把慈善事业作为常青发展的第一使命，高度专注，高度稳定，高度专业。

面向道观寺庙，提供日行一善随喜系统、在线供灯系统、法会报名系统、牌位登记系统、网络撞钟系统、义工资料系统、法物流通系统、定课报数系统等八大系统。对接流程>>

面向慈善机构，提供微信捐赠系统、资讯发布系统、活动报名系统、义卖商城系统、志愿者档案系统等五大系统。对接流程>>

面向教育机构，提供微信捐赠系统、资讯发布系统、活动报名系统、会员档案系统等四大系统。

特点和优势：1、无需支付一分钱，即可轻松拥有软件系统。2、三分钟开通，闪电开通。3、界面自定义品牌信息。4、可对接独立微信支付。5、免费微信消息提醒。6、系统自动注册自动登录。
优品致远3D分割网

优品致远&成品软件

优品致远智能云建站服务，三分钟开户，快速拥有电脑端网站+手机网页端+微信端网站，千套精美模板，功能强大，涵盖百行模板，无需写代码，只要会打字即可建站，拖拽式搭积木一样的建站，后期维护简单，高效，性价比高，是您创业最佳建站选择。对接流程>>

优品致远智能云商城服务，三分钟开户，快速拥有电脑端商城+手机网页商城+微信端商城+小程序商城，千套精美模板，功能强大，涵盖百行模板，无需写代码，只要会打字即可建商城，拖拽式搭积木一样的建商城，后期维护简单，高效，性价比高，是您电商平台搭建的最佳选择。

优品致远SaaS优品软件，多商家商城系统、微信筹款系统（寺庙随喜系统/慈善捐赠系统/国学培福系统/校友赞助系统/微信筹款系统等）、人脉会员系统（人脉会员收费系统/交友收费系统/志愿者展示系统等）、活动收款系统、资讯打赏系统、视播收费系统、微信留言系统、付费咨询系统、寺庙供灯系统、牌位登记系统、寺庙定课系统、红包营销系统、群体管理系统等。多商家商城系统对接流程>>