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


相关文章
|
12天前
|
供应链 监控 安全
对话|企业如何构建更完善的容器供应链安全防护体系
随着云计算和DevOps的兴起,容器技术和自动化在软件开发中扮演着愈发重要的角色,但也带来了新的安全挑战。阿里云针对这些挑战,组织了一场关于云上安全的深度访谈,邀请了内部专家穆寰、匡大虎和黄竹刚,深入探讨了容器安全与软件供应链安全的关系,分析了当前的安全隐患及应对策略,并介绍了阿里云提供的安全解决方案,包括容器镜像服务ACR、容器服务ACK、网格服务ASM等,旨在帮助企业构建涵盖整个软件开发生命周期的安全防护体系。通过加强基础设施安全性、技术创新以及倡导协同安全理念,阿里云致力于与客户共同建设更加安全可靠的软件供应链环境。
150289 29
|
10天前
|
供应链 监控 安全
对话|企业如何构建更完善的容器供应链安全防护体系
阿里云与企业共筑容器供应链安全
171313 10
|
6天前
|
供应链 监控 安全
对话|企业如何构建更完善的容器供应链安全防护体系
本期节目围绕软件供应链安全、容器安全的主要挑战以及阿里云如何帮助用户等维度展开了深入的讨论。
|
1月前
|
供应链 安全 Cloud Native
阿里云容器服务助力企业构建云原生软件供应链安全
本文基于2024云栖大会演讲,探讨了软件供应链攻击的快速增长趋势及对企业安全的挑战。文中介绍了如何利用阿里云容器服务ACK、ACR和ASM构建云原生软件供应链安全,涵盖容器镜像的可信生产、管理和分发,以及服务网格ASM实现应用无感的零信任安全,确保企业在软件开发和部署过程中的安全性。
|
2月前
|
机器学习/深度学习 数据采集 Docker
Docker容器化实战:构建并部署一个简单的Web应用
Docker容器化实战:构建并部署一个简单的Web应用
|
2月前
|
前端开发 安全 开发者
【通义灵码实践】实现经典手机游戏推箱子
本文介绍了使用通义灵码辅助实现经典推箱子游戏的过程。首先,通过输入“用Python写一个推箱子游戏”,灵码生成了基本的终端版本代码,包括地图渲染、玩家移动和胜利检测等功能。然而,终端版本交互体验不佳。为了解决这一问题,再次输入“不要在终端上运行,希望可以在页面上运行”,灵码生成了基于Flask的后端代码和HTML前端代码,实现了网页版推箱子游戏。最终结果展示了游戏的完整实现,包括前后端交互和用户界面。总结中提到,该方法具有快速生成代码、代码质量高、易于扩展等优点,但也存在功能简单、样式和用户体验有限、错误处理不足等问题,适合快速原型开发和教学演示。
106 2
|
3月前
|
Kubernetes 监控 数据中心
容器化与微服务:构建高效开发环境的双剑合璧
【10月更文挑战第20天】本文探讨了容器化技术(如Docker和Kubernetes)与微服务架构的结合,如何共同构建高效、灵活的开发环境。容器化解决了环境一致性、快速部署和资源隔离的问题,而微服务架构则提升了系统的可维护性和可扩展性。通过容器编排工具、CI/CD流程和服务网格,两者的结合进一步优化了开发和运维效率。文章还分享了实施这两项技术的最佳实践和职业心得。
|
3月前
|
运维 Kubernetes 开发者
构建高效后端服务:微服务架构与容器化技术的结合
【10月更文挑战第18天】 在数字化转型的浪潮中,企业对后端服务的要求日益提高,追求更高的效率、更强的可伸缩性和更易于维护的系统。本文将探讨微服务架构与容器化技术如何结合,以构建一个既灵活又高效的后端服务体系。通过分析当前后端服务面临的挑战,介绍微服务和容器化的基本概念,以及它们如何相互配合来优化后端服务的性能和管理。本文旨在为开发者提供一种实现后端服务现代化的方法,从而帮助企业在竞争激烈的市场中脱颖而出。
38 0
|
7月前
|
网络协议 Android开发 数据安全/隐私保护
Android手机上使用Socks5全局代理-教程+软件
Android手机上使用Socks5全局代理-教程+软件
5286 2
|
8月前
|
监控 安全 Android开发
【新手必读】Airtest测试Android手机常见的设置问题
【新手必读】Airtest测试Android手机常见的设置问题
241 0