[青训营笔记 | 客户端容器]

55 阅读2分钟

受进程架构,彼此不相互影响进行交互。鉴于他本身数据没有做好隔离,所以拓展性较差,而且会相互影响。同时,使用单进程还会导致其中的页面卡顿。多进程则是在单进程的基础上进行优化,来弥补它本身的缺陷,但是仍旧存在耦合度较高的问题。# 单进程架构是将模块运行至一处,而多进程架构则是以分别、独立享受进程架构,彼此不相互影响进行交互。鉴于他本身数据没有做好隔离,所以拓展性较差,而且会相互影响。同时,使用单进程还会导致其中的页面卡顿。多进程则是在单进程的基础上进行优化,来弥补它本身的缺陷,但是仍旧存在耦合度较高的问题。打开页面的基础功能都是主进程,标签页(着重)即是将架构后转换为用户可交互的页面。js引擎和渲染引擎是相互独立的,所以需要brige做桥梁的dom使用,且js经过brige有延迟。 const now = Date.now() setTimeout(() => { console.log('time10',Date.now() - now) //输出??},10) setTimeout(() => { console.log('time30,Date.now() - now) //输出??},30) while (true) { if (Date.now() - now >= 20) { break } }

console.log(Date.now() - now) //输出?? 10s和30s是表示把回调塞进任务堆里面,在20的时候是和10s回调了。30s则其中带着延迟(4s左右) chrome的运行处理,html文件则会渲染进程,而exe或是压缩包则是下载管理器进行响应。 web worker可以用于短视频和图片的加载。 小程序比较流畅的理由在于他封锁了一些比较危险操作的dom,未来的跨端方案还是会围绕webview,使用率是最广泛的。 因此对于webview的优点总结:成本低,兼容性强,且开发插件丰富,也有多种开发框架。