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


目录
打赏
0
0
0
1
79051
分享
相关文章
对话|企业如何构建更完善的容器供应链安全防护体系
随着云计算和DevOps的兴起,容器技术和自动化在软件开发中扮演着愈发重要的角色,但也带来了新的安全挑战。阿里云针对这些挑战,组织了一场关于云上安全的深度访谈,邀请了内部专家穆寰、匡大虎和黄竹刚,深入探讨了容器安全与软件供应链安全的关系,分析了当前的安全隐患及应对策略,并介绍了阿里云提供的安全解决方案,包括容器镜像服务ACR、容器服务ACK、网格服务ASM等,旨在帮助企业构建涵盖整个软件开发生命周期的安全防护体系。通过加强基础设施安全性、技术创新以及倡导协同安全理念,阿里云致力于与客户共同建设更加安全可靠的软件供应链环境。
150320 32
OmAgent:轻松构建在终端设备上运行的 AI 应用,赋能手机、穿戴设备、摄像头等多种设备
OmAgent 是 Om AI 与浙江大学联合开源的多模态语言代理框架,支持多设备连接、高效模型集成,助力开发者快速构建复杂的多模态代理应用。
256 72
OmAgent:轻松构建在终端设备上运行的 AI 应用,赋能手机、穿戴设备、摄像头等多种设备
对话|企业如何构建更完善的容器供应链安全防护体系
对话|企业如何构建更完善的容器供应链安全防护体系
对话|企业如何构建更完善的容器供应链安全防护体系
容器化AI模型的安全防护:构建可信的AI服务
在AI模型广泛应用的背景下,容器化AI模型的安全防护至关重要。主要安全威胁包括数据窃取、模型窃取、对抗样本攻击和模型后门攻击等。为应对这些威胁,需采取多层次防护措施:容器安全(如使用可信镜像、限制权限)、模型安全(如加密、水印)、数据安全(如加密、脱敏)和推理安全(如输入验证、异常检测)。此外,利用开源工具如Anchore Engine、Falco和ART等,可进一步加强防护。遵循安全开发生命周期、最小权限原则和深度防御等最佳实践,确保AI服务的安全性和可信度。
容器化机器学习流水线:构建可复用的AI工作流
本文介绍了如何构建容器化的机器学习流水线,以提高AI模型开发和部署的效率与可重复性。首先,我们探讨了机器学习流水线的概念及其优势,包括自动化任务、确保一致性、简化协作和实现CI/CD。接着,详细说明了使用Kubeflow Pipelines在Kubernetes上构建流水线的步骤,涵盖安装、定义流水线、构建组件镜像及上传运行。容器化流水线不仅提升了环境一致性和可移植性,还通过资源隔离和扩展性支持更大规模的数据处理。
对话|企业如何构建更完善的容器供应链安全防护体系
本期节目围绕软件供应链安全、容器安全的主要挑战以及阿里云如何帮助用户等维度展开了深入的讨论。
阿里云容器服务助力企业构建云原生软件供应链安全
本文基于2024云栖大会演讲,探讨了软件供应链攻击的快速增长趋势及对企业安全的挑战。文中介绍了如何利用阿里云容器服务ACK、ACR和ASM构建云原生软件供应链安全,涵盖容器镜像的可信生产、管理和分发,以及服务网格ASM实现应用无感的零信任安全,确保企业在软件开发和部署过程中的安全性。
探究移动端混合开发技术:React Native、Weex、Flutter的比较与选择
移动端混合开发技术在移动应用开发领域日益流行,为开发者提供了更高效的跨平台开发方案。本文将比较三种主流混合开发技术:React Native、Weex和Flutter,从性能、生态系统和开发体验等方面进行评估,以帮助开发者在选择适合自己项目的技术时做出明智的决策。
470 2
移动端混合开发技术:React Native、Weex、Flutter 之争
在移动应用开发领域,React Native、Weex 和 Flutter 是备受关注的混合开发技术。本文将对它们进行全面比较与评估,以帮助开发者做出明智的选择。我们将从开发生态、性能、跨平台能力和易用性等方面进行比较,为读者提供全面的参考和指导。

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等