当前位置: 开发笔记 > 运维 > 正文

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

作者：carefulff | 来源：互联网 | 2023-05-17 22:25

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

99ef06e9d7985296ce8f9464571aa540dfb78932 03a3b07840b71e481dd8676a5c9369b6da3d3dac

6110ae49f61dd19fc83e9612d0ae5b724630e731

30d8443703ba7e676822a178d3ed454682fa0174

ccad442d731a39c2bfb70b6fdf3cc67102afb4d4

94a0456f0ded08afc468eedfe8d480a80118f9a9

5890017418861a61c6562419464e68701ac2e356

a1584b2ffe0bcf6b89155d6e30bfd9d209bb6b51

f14c0ec847bb0eabb726ea817eecc8d88200d907

cacac9454e7ca4fd980f5c48100166631490fdcc

fd5404c2da4d0bf4d69b16d2cd7474bc47725dc1

05cffdac5d8ab652265fef1f02dae9e1e2f78bf1

70751a6a6197f9810e7d1c1b460811a01576738a

19df2d098bf007735418e876b60646d1a7b20336

c368fe3bc3577b3fb8da2835fde49ce71d24ae14

推荐阅读

native
基于layUI的图片上传前预览功能的2种实现方式

本文介绍了基于layUI的图片上传前预览功能的两种实现方式：一种是使用blob+FileReader，另一种是使用layUI自带的参数。通过选择文件后点击文件名，在页面中间弹窗内预览图片。其中，layUI自带的参数实现了图片预览功能。该功能依赖于layUI的上传模块，并使用了blob和FileReader来读取本地文件并获取图像的base64编码。点击文件名时会执行See()函数。摘要长度为169字。 ... [详细]

蜡笔小新 2023-12-14 17:06:58
native
Android中高级面试必知必会，积累总结

本文介绍了Android中高级面试的必知必会内容，并总结了相关经验。文章指出，如今的Android市场对开发人员的要求更高，需要更专业的人才。同时，文章还给出了针对Android岗位的职责和要求，并提供了简历突出的建议。 ... [详细]

蜡笔小新 2023-12-14 14:53:02
apache
Alink回归预测的不完善问题及期待

本文讨论了Alink回归预测的不完善问题，指出目前主要针对Python做案例，对其他语言支持不足。同时介绍了pom.xml文件的基本结构和使用方法，以及Maven的相关知识。最后，对Alink回归预测的未来发展提出了期待。 ... [详细]

蜡笔小新 2023-12-14 14:25:33
apache
求解hdu 1003 java题目的动态规划优化方法

本文讨论了如何优化解决hdu 1003 java题目的动态规划方法，通过分析加法规则和最大和的性质，提出了一种优化的思路。具体方法是，当从1加到n为负时，即sum(1,n)sum(n,s)，可以继续加法计算。同时，还考虑了两种特殊情况：都是负数的情况和有0的情况。最后，通过使用Scanner类来获取输入数据。 ... [详细]

蜡笔小新 2023-12-14 13:11:00
apache
OC学习笔记之@property和@synthesize

本文介绍了OC学习笔记中的@property和@synthesize，包括属性的定义和合成的使用方法。通过示例代码详细讲解了@property和@synthesize的作用和用法。 ... [详细]

蜡笔小新 2023-12-14 12:05:06
apache
Mac OS 升级到11.2.2 Eclipse打不开了，报错Failed to create the Java Virtual Machine

本文介绍了在Mac OS升级到11.2.2版本后，使用Eclipse打开时出现报错Failed to create the Java Virtual Machine的问题，并提供了解决方法。 ... [详细]

蜡笔小新 2023-12-14 12:01:13
apache
baresip android编译、运行教程1语音通话

本文介绍了如何在安卓平台上编译和运行baresip android，包括下载相关的sdk和ndk，修改ndk路径和输出目录，以及创建一个c++的安卓工程并将目录考到cpp下。详细步骤可参考给出的链接和文档。 ... [详细]

蜡笔小新 2023-12-14 10:53:48
apache
Android Studio Bumblebee | 2021.1.1（大黄蜂版本使用介绍）

本文介绍了Android Studio Bumblebee | 2021.1.1（大黄蜂版本）的使用方法和相关知识，包括Gradle的介绍、设备管理器的配置、无线调试、新版本问题等内容。同时还提供了更新版本的下载地址和启动页面截图。 ... [详细]

蜡笔小新 2023-12-14 10:34:15
apache
测试人的性格，点火让他着急，考验婚姻问题的善意玩人

本文讲述了作者通过点火测试男友的性格和承受能力，以考验婚姻问题。作者故意不安慰男友并再次点火，观察他的反应。这个行为是善意的玩人，旨在了解男友的性格和避免婚姻问题。 ... [详细]

蜡笔小新 2023-12-14 09:10:09
fabric
安卓select模态框样式改变_微软Office风格的多端（Web、安卓、iOS）组件库——Fabric UI...

介绍FabricUI是微软开源的一套Office风格的多端组件库，共有三套针对性的组件，分别适用于web、android以及iOS，Fab ... [详细]

蜡笔小新 2023-12-14 05:55:08
fabric
java 线程死锁模拟

1，关于死锁的理解死锁，我们可以简单的理解为是两个线程同时使用同一资源，两个线程又得不到相应的资源而造成永无相互等待的情况。 2，模拟死锁背景介绍：我们创建一个朋友 ... [详细]

蜡笔小新 2023-12-13 19:12:25
grep
《数据结构》学习笔记3——串匹配算法性能评估

本文主要讨论串匹配算法的性能评估，包括模式匹配、字符种类数量、算法复杂度等内容。通过借助C++中的头文件和库，可以实现对串的匹配操作。其中蛮力算法的复杂度为O(m*n)，通过随机取出长度为m的子串作为模式P，在文本T中进行匹配，统计平均复杂度。对于成功和失败的匹配分别进行测试，分析其平均复杂度。详情请参考相关学习资源。 ... [详细]

蜡笔小新 2023-12-13 16:16:05
grep
动态规划算法的基本步骤及最长递增子序列问题详解

本文详细介绍了动态规划算法的基本步骤，包括划分阶段、选择状态、决策和状态转移方程，并以最长递增子序列问题为例进行了详细解析。动态规划算法的有效性依赖于问题本身所具有的最优子结构性质和子问题重叠性质。通过将子问题的解保存在一个表中，在以后尽可能多地利用这些子问题的解，从而提高算法的效率。 ... [详细]

蜡笔小新 2023-12-13 15:38:19
grep
Java验证码——kaptcha的使用配置及样式

本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置，包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]

蜡笔小新 2023-12-13 13:58:25
grep
高质量SQL书写的30条建议

本文提供了30条关于优化SQL的建议，包括避免使用select *，使用具体字段，以及使用limit 1等。这些建议是基于实际开发经验总结出来的，旨在帮助读者优化SQL查询。 ... [详细]

蜡笔小新 2023-12-13 13:24:33

carefulff

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章