移动端技术路线

paney129 发布于2019-05-23 17:27 / 1762人阅读

摘要：移动端技术路线概述在移动互联网发展初期，业务场景并不复杂，原生开发还可以应对产品需求迭代。需结合团队人员的情况，业务场景对于性能和动态化的需求程度来考虑哪种技术方案能带来更高的价值。

1. 移动端技术路线 1.1 概述

在移动互联网发展初期，业务场景并不复杂，原生开发还可以应对产品需求迭代。但近几年，随着物联网时代到来、移动互联网高歌猛进，日新月异，在很多业务场景中，传统的纯原生开发已经不能满足日益增长的业务需求。主要表现在：

动态化内容需求增大；当需求发生变化时，纯原生应用需要通过版本升级来更新内容，但应用上架、审核是需要周期的，这对高速变化的互联网时代来说是很难接受的，所以，对应用动态化(不发版也可以更新应用内容)的需求就变的迫在眉睫。

业务需求变化快，开发成本变大；由于原生开发一般都要维护Android、iOS两个开发团队，版本迭代时，无论人力成本，还是测试成本都会变大。

总结一下，纯原生开发主要面临动态化和开发成本两个问题，而针对这两个问题，诞生了一些跨平台的动态化框架。

1.2 跨平台解决方案

H5: 最早出现的跨平台解决方案，运用传统的Web技术，配合移动端Web容器，实现跨平台。其兼容性由移动端Web容器内核、渲染引擎和Web容器提供的jssdk(通过Web调用Native能力的接口)保证。

React Native: 由Facebook开源，最早的性能接近原生开发的跨平台框架。其底层是针对iOS、Android两大平台的Native实现，上层暴露统一的组件和接口，从而实现一套代码可以跨平台复用。其兼容性是由官方或第三方提供的React Native基础库保证的。

Weex: 目前主要由阿里维护，解决跨平台思路和React Native相同。其兼容性也是由官方或第三方提供的Weex基础库保证的。

Flutter: 由Google开源，重写了界面绘制引擎。通过它在底层的绘制实现上来抹平不同平台上界面开发的差异，用户界面上真正做到了「每一个像素点可控」。

技术类型	UI渲染方式	性能	开发效率	动态化	典型代表
H5+原生	WebView渲染	一般	高	支持	mPaaS、微信小程序
JavaScript+原生渲染	原生控件渲染	好	高	支持	ReactNative、Weex
自绘UI+原生	调用系统API渲染	好	高	默认不支持	Flutter

说明：

性能、开发效率、动态化的支持是考量技术方案是否适用的重要依据。需结合团队人员的情况，业务场景对于性能和动态化的需求程度来考虑哪种技术方案能带来更高的价值。

1.3 与用户体验相关的技术点

界面组件库：统一的组件库可以保证复杂业务功能的界面风格一致性。如果团队有实例可以考虑自建组件库，也可以考虑用目前社区比较活跃的组件库：ant design、elementUI、vantui等

动效：好的动效运用往往能取得很好的用户体验效果。结合用户的界面滑动，改变界面的展现布局，等待请求返回时展示一个有趣的加载动画在移动app中越来越常见

懒加载：移动app中经常会有很长的界面，一次加载所有内容会有较长等待时间。一般采用懒加载的技术方案，当界面滑动到某区域时才加载相应内容

缓存：对于一些会多次加载的媒体资源，采用本地缓存的方式，加速第二次加载的时间

缩略图生成：

设备屏幕及字体适配：

2. 技术在移动场景中的运用 2.1 身份验证机制

手机号短信九宫格生物认证(指纹、人脸)

2.2 二维码 2.3 支付 2.4 授权 2.5 设备功能运用

iBeacon Wi-Fi 低功耗蓝牙 NFC 加速计罗盘陀螺仪

3. 移动端未来的展望

安装会越来越便捷 WPA技术

广发阿里招行浦发

人脸语音千人千面线上智能客服不重复填单授权审批数据

技术路线

服务和交付一致性统一的用户体系

专线服务超融合服务器图像识别技术路线混合云平台技术路线服务器技术路线移动端

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/7274.html

2019年前端学习路线

摘要：也就是我们常见的浏览器以及内置浏览器，比如微信打开的大型移动端网页。这个以微信小程序为例，主要是微信团队基于前端基础来做的封装语法，主要的还是语法。学习路线放一下给大家。前端开发学习不是单一的，内容比较多，同样应用的场景也非常多。近两年来，前端开发工程师越来越火了，2019年已经到来了，很多准备入行前端开发工程师的小伙伴们，不知道准备得怎么样了呢？有的朋友在想方设法的学习，争取在年后...

cfanr 2019-08-30 15:55 评论0 收藏0
2019年前端学习路线

摘要：也就是我们常见的浏览器以及内置浏览器，比如微信打开的大型移动端网页。这个以微信小程序为例，主要是微信团队基于前端基础来做的封装语法，主要的还是语法。学习路线放一下给大家。前端开发学习不是单一的，内容比较多，同样应用的场景也非常多。近两年来，前端开发工程师越来越火了，2019年已经到来了，很多准备入行前端开发工程师的小伙伴们，不知道准备得怎么样了呢？有的朋友在想方设法的学习，争取在年后...

Miracle_lihb 2019-08-23 15:14 评论0 收藏0
2019年前端学习路线

摘要：也就是我们常见的浏览器以及内置浏览器，比如微信打开的大型移动端网页。这个以微信小程序为例，主要是微信团队基于前端基础来做的封装语法，主要的还是语法。学习路线放一下给大家。前端开发学习不是单一的，内容比较多，同样应用的场景也非常多。近两年来，前端开发工程师越来越火了，2019年已经到来了，很多准备入行前端开发工程师的小伙伴们，不知道准备得怎么样了呢？有的朋友在想方设法的学习，争取在年后...

zhoutk 2019-08-02 14:15 评论0 收藏0
【人情事故】做了3年销售一事无成，转行软件测试成功后我就拿了8k！

摘要：以下为我的真实案例以我真实案例分享，希望给更多决定重新开始的人以鼓励我已经上班很久了，目前在中软做软件测试工程师，月薪，现在回想起来，仍然庆幸我当初的决定。今天跟大家分享我的故事，或许你也曾像他那样迷茫过。17年软件工程专业专科毕业之后做了3年的销售工作，最后决定还是再次提升专业技能，...

_Zhao 2021-09-24 09:48 评论0 收藏0