手机淘宝 H5 和 Weex容器的构建实践

本文涉及的产品
容器镜像服务 ACR,镜像仓库100个 不限时长
简介: 本文PPT来自阿里巴巴级前端开发专家徐凯(花名:鬼道)于10月16日在2016年杭州云栖大会上发表的《手机淘宝 H5 和 Weex容器的构建实践》。

H5 容器

预加载:Android端和ios端双11性能提升

网络优化:网络拦截,前端优化(域名收敛,埋点优化)

 

移动开发痛点:

1.         Native开发痛点:平台、设备差异,自由部署能力,开发集成效率

2.         Web开发痛点:加载性能,流畅体验

Weex

特点:高性能,多端一致,轻量

技术演进:

1. 原型

  • 2015 “双十一/双十二”

2. 雏形

  • 2016.01 首个独⽴立SDK版本、布局和样式补全
  • 2016.03 更多UI和API
  • 2016.04 会场框架Weex化、Open Source (private)

3. 发展中

  • 2016.05 Syntax扩展、性能、稳定性
  • 2016.06 Open Source (public)、DevTools

 

Weex RenderEngine、Component、Module相关内容详见PDF:

8939bc5c6ac74e31fe94f812844e252fa8e893ea

bdce4184f8aa561649a3d15e9e15299138cb6895

c88454f41e333503740b478d85494566f1e7449a

1bdb23aef25b8dab4b8b56dd325bb41a36b89e0b

016970948c0de572bd6bbac9a683a6986a73f9a7

31e1c76b96facedc64baf0e47ae778fd5e5f6a05

8ca650f70567a70fd569694778c8c263d06f5441

2370199cabf5e2ea94b2a7e6391f22da1efe8d2f

c01e508c7112f1516798cd99d048646e559e99ab


71724e2b43ab7bb4a1145527a931fcb61436c24a

91a43cb65b32e7846e61dfb67ece75255a44ab2f

cd150c80efe0d860ee6621fa8719e425d7ecc905


dbb1f6eabc0cbdce3f4f1c5db4197e82676ebd5f

c91034a848af944123e255a0c8d5b1ede04e7462

9f4c503e4efa7c00c46bd70b7acaaf5fd49ee976

4b27a46a517cf0be7ffd7bd5a3f59afc5073084e

ccf8491ea332d6d75551211339ff9d1c4e024ad0

fc6de2d84899c2e04dc8623f113285d7f93c3f22


f979dbc0828678bda31d559682ed81ffe6a278ab

178d27242e908c3b37de8c1a9d5b0f2d92d9a7cb

20f84c65c239b0121bbd6af4f282e528c1586738

b79cac9a4fd7d0fa95cd2275d78085513e7151d3

cd8f3066f98630154f7717c951e79deb329905c4

7e816306780d02900809871b4ace733fc8ce56e6

70075be535343088cc5dd209504e45f99fc8fe48

c2b4c3b35c000e10455d10b47009abb69490f3c1

5a0e07203ea7b6dd375d3b5f191f3d37438383b6

eb15e38314d0fb228c9f808cd2ed3b832633a397

639a62e3b3637d58f7458311f8023cc11c154d5e

6e70f3de306f6ece6d29a1d44f629d076cdcf442

9fabe6dbc23ef6d10422eeaf358e1bf2b438c481

ecf44d22b81549a2e843a64d37dc88668a13707a

e27503ca0e06e31fd7f2af35ef3dcbf8507f7944

4357c9741fe077b7df3d2bbfb17ce579bd21029f

ea4138a7e0f1d1fd28735cc2e17324a8f4a1704b

931715804dc954ff39a565c1529869ca431c339c

5589836725988594993e1dc7fb7509fa99f3a689

c331bef8596b6caa85afd1bc72526a6e76211eb6

99ef06e9d7985296ce8f9464571aa540dfb7893203a3b07840b71e481dd8676a5c9369b6da3d3dac

6110ae49f61dd19fc83e9612d0ae5b724630e731

30d8443703ba7e676822a178d3ed454682fa0174

ccad442d731a39c2bfb70b6fdf3cc67102afb4d4

94a0456f0ded08afc468eedfe8d480a80118f9a9

5890017418861a61c6562419464e68701ac2e356

a1584b2ffe0bcf6b89155d6e30bfd9d209bb6b51

f14c0ec847bb0eabb726ea817eecc8d88200d907

cacac9454e7ca4fd980f5c48100166631490fdcc

fd5404c2da4d0bf4d69b16d2cd7474bc47725dc1

05cffdac5d8ab652265fef1f02dae9e1e2f78bf1

70751a6a6197f9810e7d1c1b460811a01576738a

19df2d098bf007735418e876b60646d1a7b20336

c368fe3bc3577b3fb8da2835fde49ce71d24ae14


相关文章
|
1天前
|
存储 Kubernetes 监控
使用Kubernetes进行容器编排:技术详解与实践
【5月更文挑战第16天】Kubernetes,简称K8s,是开源容器编排系统,用于自动化部署、扩展和管理容器化应用。核心概念包括节点、Pod(最小部署单元)、服务、标签和副本集。其特点有高可用性、可扩展性、自动化和可移植性。实践使用涉及安装配置集群、编写YAML部署清单、应用部署、监控管理和扩展更新。Kubernetes帮助提升应用的可用性、可扩展性和可移植性。
|
2天前
|
运维 Kubernetes Devops
构建高效稳定的云基础设施:DevOps与容器化技术融合实践
【5月更文挑战第15天】 在当今的云计算时代,企业为了保持竞争力,不断寻求提高软件交付速度和服务质量的方法。本文将探讨如何通过结合DevOps原则和容器化技术来构建一个既高效又稳定的云基础设施。文章首先介绍了DevOps的核心概念及其如何促进开发与运维的协作,然后详细阐述了容器化技术如何优化应用部署和运行环境。最后,通过一个实际案例分析,展示了这种融合策略在提升自动化水平、加快部署速度以及增强系统稳定性方面的具体成效。
|
3天前
|
运维 监控 Kubernetes
构建高效自动化运维体系:基于容器技术的持续集成与持续部署(CI/CD)实践
【5月更文挑战第15天】 随着云计算和微服务架构的普及,传统的IT运维模式面临转型压力。为提高软件交付效率并降低运维成本,本文探讨了利用容器技术实现自动化运维的有效策略。重点分析了在持续集成(CI)和持续部署(CD)流程中,容器如何发挥作用,以及它们如何帮助组织实现敏捷性和弹性。通过具体案例研究,文章展示了容器化技术在自动化测试、部署及扩展中的应用,并讨论了其对系统稳定性和安全性的影响。
|
3天前
|
运维 监控 安全
构建高效自动化运维系统:基于容器技术的持续集成与持续部署(CI/CD)实践
【5月更文挑战第14天】 随着DevOps文化的深入人心,持续集成与持续部署(CI/CD)已成为现代软件工程不可或缺的组成部分。本文将探讨如何利用容器技术,尤其是Docker和Kubernetes,构建一个高效、可扩展的自动化运维系统。通过深入分析CI/CD流程的关键组件,我们将讨论如何整合这些组件以实现代码从提交到生产环境的快速、无缝过渡。文章还将涉及监控、日志管理以及安全性策略等运维考量,为读者提供一个全面的自动化运维解决方案蓝图。
|
3天前
|
Prometheus 监控 Cloud Native
构建高效稳定的Docker容器监控体系
【5月更文挑战第14天】 在现代微服务架构中,Docker容器作为应用部署的基本单元,其运行状态的监控对于保障系统稳定性和性能至关重要。本文将探讨如何构建一个高效且稳定的Docker容器监控体系,涵盖监控工具的选择、关键指标的采集、数据可视化以及告警机制的设计。通过对Prometheus和Grafana的整合使用,实现对容器资源利用率、网络IO以及应用健康状态的全方位监控,确保系统的高可用性和故障快速响应。
|
3天前
|
Kubernetes Devops Docker
构建高效稳定的云基础设施:DevOps与容器技术的融合
【5月更文挑战第14天】 在当今快速发展的软件行业中,持续集成、持续部署(CI/CD)和微服务架构已成为提高软件交付速度和质量的关键。本文将探讨如何通过结合DevOps理念和容器技术,构建一个高效、稳定且可扩展的云基础设施。我们将深入分析Docker和Kubernetes在这一过程中的核心作用,以及它们如何帮助实现自动化运维和微服务管理,从而推动企业IT运营的现代化。
|
3天前
|
运维 监控 Devops
构建高效稳定的云基础设施:DevOps与容器化技术融合实践
【5月更文挑战第14天】 在当今快速迭代的软件发展环境中,传统的IT运维模式已难以满足业务需求。本文探讨了如何通过DevOps文化和容器化技术的融合来构建一个高效且稳定的云基础设施。文中不仅分析了DevOps的核心理念及其对于提升运维效率的影响,还深入剖析了容器化技术如Docker和Kubernetes在自动化部署、弹性伸缩及微服务架构中的关键作用。此外,文章还将分享一系列实践经验,帮助读者理解如何在实际工作中将DevOps与容器化技术有效结合,以支持业务的敏捷性和可靠性。
18 2
|
3天前
|
监控 Kubernetes Docker
【Docker 专栏】Docker 容器内应用的健康检查与自动恢复
【5月更文挑战第9天】本文探讨了Docker容器中应用的健康检查与自动恢复,强调其对应用稳定性和系统性能的重要性。健康检查包括进程、端口和应用特定检查,而自动恢复则涉及重启容器和重新部署。Docker原生及第三方工具(如Kubernetes)提供了相关功能。配置检查需考虑检查频率、应用特性和监控告警。案例分析展示了实际操作,未来发展趋势将趋向更智能和高效的检查恢复机制。
【Docker 专栏】Docker 容器内应用的健康检查与自动恢复
|
1天前
|
Java 虚拟化 Docker
Docker简介及用途,为什么要使用Docker?Docker容器和虚拟机的区别
Docker简介及用途,为什么要使用Docker?Docker容器和虚拟机的区别
|
1天前
|
存储 Linux Docker
CentOS7修改Docker容器和镜像默认存储位置
CentOS7修改Docker容器和镜像默认存储位置