《Weex for UC的实践之路》由会员分享，可在线阅读，更多相关《Weex for UC的实践之路（31页珍藏版）》请在金锄头文库上搜索。
1、Weex for UC黄庆为什么是Weex？ 核心工作原理 业务开发套路 UC的实践之路目录 CONTENTS1、三端致AndroidIOSHTML2、专注页单个页性能稳定性兼容性降级Framework 框架初始化bundle页Framework仅有 14000左右，RN约 为8万framework初始化1s内 97%，RN为42%（UC 统计）3、轻量化Bundle文件的大小，会 严重影响首屏性能特点动态发布 Web 开发体验，构建真正的原生应用 一次编写，多端运行 遵循 Web 标准，支持 Vue为什么是Weex？ 核心工作原理 业务开发套路 UC的实践之路目录 CONTENTS工作原理V
2、ue FileJavaScript Runtime（V8 / JS Core）transformer JS BundleCDN ServerdeployHTTP/HTTPSiOS Render EngineAndroid Render EngineWeb Render Engine本地开发资源部署与分发客户端解析客户端渲染为什么是Weex？ 核心工作原理 业务开发套路 UC的实践之路目录 CONTENTS业务开发套路搭建环境功能开发打包编译node.jsnpmweex-toolkitwebpack babeleslint界面展示 逻辑处理 生命周期管理Web 开发体验通过类 XML 模板描述界
3、面的结构和内容 通过 CSS 描述界面的展现形式 通过 JavaScript 描述用户行为和业务逻辑 Base on Vue为什么是Weex？ 核心工作原理 业务开发套路 UC的实践之路目录 CONTENTS整体优化Framework：size、内存、性能、v8特有优化组件：svg、单页路由、RichText、等等UC适配层：单页APP、js bundle更新模块、接化应APP：UC、UC头条、夸克Framework优化：Size内置UC SDK的情况下，可以直接依赖SDK中的V8， 整体接成本仅500k左右，单纯接Weex SDK节省 2.5M左右下载UC SDK，需要内置V8，安装包Siz
4、e增加概2.8M 精简Android v4 v7 support的依赖Framework层优化：内存 v8内存控制Weex或RNUC Weex1、内存泄露 2、运缓慢性能正常长时间运定期清理切换后台清理Framework层优化：性能js code cache功能0125250375500小米4荣耀3C优化前优化后组件层优化：扩展 Navigator 持单页路由NavigatorScene(Activity)Scene(Activity)Scene(Activity)NavigatorScene(View)Scene(View)Scene(View)Weex原UC适配组件层优化：扩展SVG持节省
5、图size 富本（Richtext）字、链接、图。（样式、颜可设置）JS Bridge（JS 扩展）持Weex调APP扩展功能组件层优化：扩展ViewPager 优化原ViewPager（轮播、排版等）。列表（List）新增持聊天界式倒置列表UC适配层：单页面APPUC适配层：bundle更新js bundle下载js bundle本地管理http、httpshttp md5校验Zip打包更新读取md5校验bundle缓存UC适配层：统计完善的统计： 1、Weex SDK端 框架启动时间、应用启动时间、JS异常监控、白屏率 等等 2、业务端 点击转化率、跳出率、阅读时长等等。UC适配层：SDK化适配层SDK化，接简单快捷、组件形式接（UC、UC头条）、AAR式接（夸克）Q & A下一站？PWA！
