手机淘宝 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


相关文章
|
6天前
|
存储 运维 监控
构建高效稳定的Docker容器监控体系
【4月更文挑战第18天】 在现代微服务架构中,Docker容器已成为部署和运行应用的标准环境。随之而来的挑战是如何有效监控这些容器的性能与健康状况,确保系统的稳定性和可靠性。本文将探讨构建一个高效稳定的Docker容器监控体系的关键技术和方法,包括日志管理、性能指标收集以及异常检测机制,旨在为运维人员提供实用的指导和建议。
11 0
|
9天前
|
运维 Kubernetes Devops
构建高效自动化运维体系:DevOps与容器技术融合实践
【4月更文挑战第15天】 在当今快速发展的信息技术时代,传统的IT运维模式已难以满足业务敏捷性的需求。本文旨在探讨如何通过整合DevOps理念和容器技术来构建一个高效的自动化运维体系。文章将详细阐述DevOps的核心原则、容器技术的基础知识,以及两者结合的优势。此外,文中还将分享一系列实践经验,包括持续集成/持续部署(CI/CD)流程的搭建、微服务架构的应用,以及监控和日志管理策略的优化,以期帮助企业实现快速、可靠且安全的软件交付过程。
|
11天前
|
运维 Devops 持续交付
构建高效稳定的云基础设施:DevOps与容器化技术融合实践
【4月更文挑战第13天】 在当今快速迭代和持续部署的软件开发环境中,传统的IT运维模式已难以满足业务发展的需求。本文聚焦于如何通过融合DevOps理念与容器化技术,构建一个高效、稳定且易于管理的云基础设施。文章将探讨持续集成/持续交付(CI/CD)流程的优化、容器化技术的最佳实践、以及微服务架构下的应用管理,以期为企业提供一种改进运维效率、加速产品上市时间,同时保障系统稳定性的解决方案。
|
26天前
|
运维 Kubernetes Devops
构建高效稳定的云基础设施:DevOps与容器化技术融合实践
随着企业数字化转型的不断深入,传统的IT运维模式已经难以满足快速迭代和持续交付的需求。本文将探讨如何通过结合DevOps文化与容器化技术,构建一个既高效又稳定的云基础设施。文章首先概述了DevOps的核心理念及其在现代运维中的重要性,然后详细介绍了容器化技术,特别是Docker和Kubernetes在实现微服务架构中的应用。最后,文中通过案例分析展示了这一融合实践如何在真实环境中提升运维效率和系统稳定性。
21 7
|
27天前
|
运维 Kubernetes 监控
构建高效稳定的容器化运维环境
在现代IT基础设施中,容器技术以其轻量级、快速部署和易于管理的特性成为企业数字化转型的重要支撑。本文将深入探讨如何构建一个高效且稳定的容器化运维环境,涵盖从容器选择、集群管理到持续集成与持续部署(CI/CD)的最佳实践。文章旨在为运维工程师提供一套系统的解决方案,以应对日益复杂的业务需求和技术挑战。
|
27天前
|
运维 监控 云计算
构建高效稳定的Docker容器监控体系
随着微服务架构的普及,Docker容器作为其核心承载单元,在系统运维中扮演着日益重要的角色。本文旨在探讨如何构建一个高效且稳定的Docker容器监控体系,以确保容器运行的可靠性和系统的高可用性。文章首先分析了容器监控的必要性,接着详细介绍了监控体系的设计理念和组件选择,最后提供了实施过程中的关键步骤与最佳实践。通过本文,读者将掌握构建和维护Docker容器监控体系的有效方法。
|
29天前
|
运维 Kubernetes 监控
构建高效稳定的云基础设施:DevOps与容器化技术融合实践
在当今云计算时代,企业追求敏捷性、可扩展性以及成本效益的云基础设施。本文将探讨如何通过DevOps文化与容器化技术的融合,打造一个既高效又稳定的运维环境。文章不仅阐述了DevOps和容器化技术各自的优势,还提供了一个具体的实施案例,展示了这种结合如何优化资源利用、提高部署速度并降低运维复杂性。
|
移动开发 JSON JavaScript
weex开发 - VS Code解除格式警告
weex开发 - VS Code解除格式警告
74 0
weex开发 - VS Code解除格式警告
|
weex-ui 移动开发 JavaScript
weex开发-使用weex-ui绑定事件源注意事项
weex开发-使用weex-ui绑定事件源注意事项
118 0
|
移动开发 JavaScript weex
weex开发 - 方法的映射,在weex调用fetch方法,实际调用同名的原生方法,在回调中把数据传递回js
weex开发 - 方法的映射,在weex调用fetch方法,实际调用同名的原生方法,在回调中把数据传递回js
170 0