评论

java-applet,微信小程序,PWA理解(1)

PWA,微信小程序,java-applet还傻傻分不清楚?一文帮你理解区别和核心内容。

概要介绍及比较

汇总比较

技术1-java-applet

忽略权限限制

底层原理

Applet 是一种 Java 程序。它一般运行在支持 Java 的 Web 浏览器内。因为它有完整的 Java API支持,所以Applet 是一个全功能的 Java 应用程序。 Applet 程序是一个经过编译的 Java 程序,它既可以在 Appletviewer 下运行,也可以在支持 Java 的 Web 浏览器中运行。 Applet 程序可以完成图形显示、声音演奏、接受用户输入、处理输入内容等工作。 Applet 程序中必须有一个是 Applet 类的子类。<applet> 标签的属性指定了要运行的 Applet 类。width 和 height 用来指定 Applet 运行面板的初始大小。Applet 必须使用 </applet> 标签来关闭。<applet code="HelloWorldApplet.class" width="320" height="120">If your browser was Java-enabled, a "Hello, World"message would appear here.</applet>

技术2 PWA

主谷歌PWA

底层原理

P)rogressive (W)eb (A)pps在不影响主要功能的情况下,使用一些高级的CSS和JavaScript特性来提高性能或者开发效率的开发方式,PWA的P和这个想法有些类似——我可以按照常规标准来开发一个WebApp,PWA主推的能力:离线,推送,桌面访问这三个能力。在说PWA之前必须先简要PWA的核心——ServcieWorker, PWA的所提及到的所有功能都是围绕着ServcieWorker来展开,那什么是ServcieWorker:详细的解释请参照MDN或者Google Developer上面给出解释,这里先给一个大致的总结,ServiceWorker是一个单独的后台线程,不依赖于某一个WebView,它是一个Proxy,用于监听以及管理服务的请求以及返回。 ServiceWorker是运行在单独线程,在浏览器进程退出之后,ServiceWorker线程也会关闭。再次打开浏览器之后,可以通过Wake Up机制唤醒ServiceWorker线程。PWA网页和浏览器生命周期一致,浏览器进程杀掉网页也销毁了。ServiceWorker进程在网页关闭后,如果内存足够,也不会被销毁。|

技术3 app内小程序

以微信为主

底层原理

iOS 上,小程序逻辑层的 javascript 代码运行在 JavaScriptCore 中,视图层是由 WKWebView 来渲染的,环境有 iOS 12、iOS 13 等;在 Android 上,小程序逻辑层的 javascript 代码运行在 V8 中,视图层是由自研 XWeb 引擎基于 Mobile Chrome 内核来渲染的;在 开发工具上,小程序逻辑层的 javascript 代码是运行在 NW.js 中,视图层是由 Chromium Webview 来渲染的。先调用js,再回掉潜入式编程的C++。js是丢给v8支持,里面内置了两个引擎一个负责渲染一个执行js。开发者不支持使用标准的Dom API开发网页,最后的渲染工作由微信端的JS库进行操作。而微信小程序采用Virtual Dom,可以减少重绘和重排的次数,提高了页面的性能。 如果Dom API暴露给用户,虽然界面的交互和操作上更丰富,但开发者对于Dom操作的随意性反而会降低页面的性能。 部分原生能力的API使用

技术4 浏览器内小程序

以百度智能小程序为主

底层原理

待更新

区别与联系

正如上文所述,两者主要都是基于Web技术,都是为了用户体验的优化,只不过实现原理不太相同:

小程序类似传统的Hybrid架构,对渲染性能要求较高的组件,通过Native 组件来实现,以弥补传统Web页面性能上的不足。另外传统Web无法访问的本地能力,需要通过JSSDK来实现。而PWA是Web能力的增强,通过提供更多的接口和规范可以让Web应用更接近Native应用。

一、java-applet

###是什么

applet(应用小程序)applet 是一种通常由 Java 编程语言编写的程序,它是内容的组成部分,并由用户代理执行。

核心

WebAssembly,java api

参考链接

https://www.cnblogs.com/zhazhanitian/p/11211773.html

https://blog.csdn.net/baidu_browser/article/details/64440238

https://www.runoob.com/java/java-applet-basics.html

https://wenku.baidu.com/view/d208dbdece84b9d528ea81c758f5f61fb73628f4.html

https://www.cnblogs.com/zhazhanitian/p/11211773.html

二、PWA

是什么

progressive web app: 渐进式网页应用。这是谷歌推出的

技术栈

WEB前端

核心

通过ServiceWorker 访问 cache ,所以需要注册 ServiceWorker 工作者

参考链接

https://www.cnblogs.com/fundebug/p/pwa-tutorial.html

https://juejin.im/post/5a9e8ad5f265da23a40456d4|

欢迎关注我的博客:https://www.cnblogs.com/microsoft-zyl/p/13365909.html

三、微信小程序

是什么

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

技术栈

web前端,小程序前端

参考链接

https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/

四、抖音小程序

是什么

以字节小程序为载体,开发者可利用小程序提供的丰富基础能力完成服务搭建,在字节跳动各个 App 精准匹配用户需求,为全球 15 亿用户提供优质服务的同时,也让自身业务完成流量与转化升级。 头条小程序是一种开放能力。

技术栈

web前端,字节跳动小程序

参考链接

https://microapp.bytedance.com/docs/zh-CN/mini-app/introduction/plug-in/privacy-policy-process-guidelines

五、支付宝小程序

是什么

支付宝小程序是一种全新的开放模式,它运行在支付宝客户端,是手机应用嵌入支付宝客户端的一种方法。支付宝小程序开放给开发者更多的 JSAPI 和 OpenAPI,也可以提供给用户多样化的便捷服务。支付宝小程序可以被便捷地获取和传播,从而为终端用户提供更优的用户体验。

技术栈

小程序开发全流程知识地图

参考链接

https://opendocs.alipay.com/mini/00o5w6#相关文档

六、百度小程序

是什么

智能小程序基本开发思路类似于前端开发,调用了大量端能力,性能体验优于普通 Web 。上层架构基于 JS 开发,可以更好的辅助开发者进行开发。智能小程序为开发者提供了 MVVM 的开发方式。JS 状态的变更可以引起视图的变化,视图的变更也可以反馈到逻辑层的状态中,开发者开发更方便。

参考链接

https://smartprogram.baidu.com/docs/develop/fuctionlist/list/

最后一次编辑于  2021-04-02  
点赞 0
收藏
评论

1 个评论

登录 后发表内容