程序源码网站有哪些-# 小程序介绍

小程序介绍

小程序是一种连接用户和服务的全新方式,可以在陌陌轻松获取和传播,同时拥有出色的用户体验。

小程序技术发展史

小程序并不是一个突然出现的概念。 当陌陌中的WebView逐渐成为联通Web的重要入口时,微信也有了相关的JS API。

代码清单1-1 使用WeixinJSBridge预览图片

WeixinJSBridge.invoke('imagePreview', {
    current: 'http://inews.gtimg.com/newsapp_bt/0/1693121381/641',
    urls: [ // 所有图片的URL列表,数组格式
        'https://img1.gtimg.com/10/1048/104857/10485731_980x1200_0.jpg',
        'https://img1.gtimg.com/10/1048/104857/10485726_980x1200_0.jpg',
        'https://img1.gtimg.com/10/1048/104857/10485729_980x1200_0.jpg'
    ]
}, function(res) {
    console.log(res.err_msg)
})

代码1-1是调用Momo原生组件浏览图片的JS API。 与引入额外的JS图片预览组件库相比,这种调用方式变得非常简单高效。

事实上,微信官方并未向公众曝光过此类电话。 此类API原本是为腾讯内部的一些业务使用提供的。 事实上的标准。 2015年初,微信发布了一套完整的网页开发工具包,名为JS-SDK,开放了拍摄、录音、语音识别、二维码、地图、支付、分享、优惠券等数十个API。为所有Web开发者打开了一个全新的平台,让所有开发者都可以使用Momo的原生能力来完成以前不可能或不可能的事情。

同样是调用原生浏览图片,调用方法如代码表1-2所示。

代码1-2 使用JS-SDK调用图片预览组件

wx.previewImage({
  current: 'https://img1.gtimg.com/10/1048/104857/10485726_980x1200_0.jpg',
  urls: [ // 所有图片的URL列表,数组格式
    'https://img1.gtimg.com/10/1048/104857/10485731_980x1200_0.jpg',
    'https://img1.gtimg.com/10/1048/104857/10485726_980x1200_0.jpg',
    'https://img1.gtimg.com/10/1048/104857/10485729_980x1200_0.jpg'
  ],
  success: function(res) {
    console.log(res)
  }
})

JS-SDK是对之前WeixinJSBridge的包装和新能力的发布,并从内部开放给所有开发者,并在短时间内获得了极大的关注。 从数据监控来看,陌陌传播的联通网页大部分都使用了相关套接字。

JS-SDK解决了中国联通网页能力不足的问题,让Web开发者通过暴露Momo的socket拥有更多的能力。 体验不好的问题。 当用户访问网页时,在浏览器开始显示之前会有一个崩溃过程。 在移动端,受设备性能和网络速度的限制,白屏会越来越明显。 我们团队投入了大量的技术精力在如何帮助平台上的网页开发者解决这个问题上。 因此,我们设计了改进版的JS-SDK,其中有一个重要的功能叫做“微信Web资源离线存储”。

以下文字引自内部文件(未定稿):

微信网页资源离线存储是基于Momo为Web开发者提供的Web加速解决方案。

程序源码网站有哪些-# 小程序介绍

通过使用陌陌的离线存储,网页开发者可以利用陌陌提供的资源存储能力,直接从陌陌本地加载网页资源,无需从服务器拉取,从而减少网页的加载时间,为陌陌用户提供更多的资源。高品质的网页浏览体验。 每个公众号下的所有Web App最多可以缓存5M资源。

这种设计有点类似于HTML5的Application Cache,但是它在设计上避免了Application Cache的一些缺点。

在内部测试中,我们发现离线存储可以解决一些问题程序源码网站有哪些,但对于一些复杂的页面仍然会出现崩溃的情况,比如加载大量CSS或JavaScript文件的页面。 除了崩溃之外,影响网页体验的问题就是操作反馈缺失,主要表现在两个方面:页面切换的粗俗和点击的迟缓感。

微信面临的问题是如何设计一个更好的系统,让所有开发者都能在陌陌获得更好的体验。 这个问题是之前的JS-SDK无法解决的。 它需要一个全新的系统来完成它。 它需要使所有开发人员能够执行以下操作:

- 快速加载

- 更强大的能力

- 本土经验

程序源码网站有哪些-# 小程序介绍

- 易于使用且安全的 Momo 数据开放

- 高效、简单的开发

这就是小程序的用武之地。

小程序和普通Web开发的区别

小程序的主要开发语言是JavaScript,小程序的开发与普通网页的开发非常相似。 对于后端开发者来说,从Web开发迁移到小程序的开发成本并不高,但两者还是有一些区别的。

网页开发渲染线程和脚本线程是互斥的,这就是为什么长期脚本运行可能会导致页面失去响应,而在小程序中,两者是分开的,运行在不同的线程中。 Web 开发人员可以使用各种浏览器公开的 DOM API 来选择和操作 DOM。 前面提到,小程序的逻辑层和渲染层是分离的,逻辑层运行在 JSCore 中,没有完整的浏览器对象程序源码网站有哪些,因此缺少相关的 DOM API 和 BOM API。 这种差异导致了一些后端开发特别熟悉的库,比如jQuery、Zepto等,在小程序中很难运行。 同时,JSCore环境与NodeJS环境不同,因此一些NPM包很难在小程序中运行。

Web开发者需要面对的环境是各种各样的浏览器。 PC端需要面对IE、Chrome、QQ浏览器等,移动端需要面对Safari、Chrome以及iOS、Android系统中的各种WebView。 在开发小程序的过程中,需要面对的是iOS和Android两大操作系统的Momo客户端,以及用来辅助开发的小程序开发者工具。 三种小程序的运行环境也有所不同,如表1-1所示。

程序源码网站有哪些-# 小程序介绍

表1-1 小程序运行环境

运行时环境 逻辑层 渲染层

iOS系统

JavaScript核心

WKWebView

安卓

V8

程序源码网站有哪些-# 小程序介绍

Chrom 定制内核

小程序开发者工具

吴晓雅

Chrome 网页视图

Web开发人员开发网页时,只需要使用浏览器加上一些辅助工具或编辑器即可。 小程序的开发则不同。 需要经历申请小程序账号、安装小程序开发者工具、配置项目等流程。

体验小程序

开发者可以使用微信客户端(6.7.2及以上版本)扫描下方小程序码体验小程序。

查看小程序示例源码

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 网站程序 程序源码网站有哪些-# 小程序介绍 https://www.wkzy.net/game/140985.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务