MIUI前端技术栈产品优化_第1页
MIUI前端技术栈产品优化_第2页
MIUI前端技术栈产品优化_第3页
MIUI前端技术栈产品优化_第4页
MIUI前端技术栈产品优化_第5页
已阅读5页，还剩14页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、MIUI前端技术栈产品优化技术创新，变革未来MIUI直达服务平台应用和网页服务形态的问题新的服务形态特点用户体验提升开发者获益平台提升效率体验效果展示列表滚动 标签滑动 复杂页面* 均为线上真实场景为什么Web应用体验不好？Web应用体验问题功能缺失加载体验性能较差浏览器内核渲染流程RasterizeCompositePaintLayoutStyleParseJavaScript16msFrame性能瓶颈DOM操作动画单线程WebView同步layout解析文本外部调用DOM动画setTimeout兼容性worker局限传输消耗能否抛开浏览器的束缚？新思路：MIUI直达服务平台架构 - Run

2、timeJS EngineBuilt-in WidgetsWebKitNativeApp ServicesPushAccountPayment AnalyticsRender EngineWebKitNativeWidgetsMVVMPageApplication FrameworkRouterFeaturesOperating SystemHybrid BridgeBridgePermissionBuilt-in FeaturesSystemService架构 - PlatformApplication PlatformDistributionApp ManagerRuntimeSandbo

3、xDeveloper ServicesApplicationsEntrance AppPlatform SDKPlatform ServicesAnalyticsRepositoryDiscoveryDistributionApp Services加载体验界面与数据分离加载首次使用初始大小应用拆分后续使用离线缓存应用更新性能优化虚拟DOM合并调用流程并行视图复用功能重组功能重组灵活 vs 性能简化布局：盒模型 + Flex布局增强列表组件、标签组件前置JS框架、虚拟DOM虚拟DOM操作代价低避免同步layout批量比较差异批量提交改动合并调用Web BrowserJavaScript EngineLayout Engine DOM API渲染流程Data Change VDOM DiffBatch SubmitView Change RenderDisplayNative EventJS EventJSListenerNative ListenerJSCallbackJSNative流程并行JS线程与UI线程diff在哪里做vsync与帧控制offset的选择必要的同步StyleParseJavaScript16msLayoutPaintCompositeRast

人人文库> 全部分类> 行业资料 > 信息产业

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论