【前端知识体系-JS相关】对移动端和Hybrid开发的理解?
2024-08-30 00:56:02
1.hybrid是什么,为何使用hybrid呢?
- 概念:
- hybrid就是前端和客户端的混合开发
- 需要前端开发人员和客户端开发人员配合完成
- 某些环节也可能会涉及到server端
- 大前端:网页、APP、前端和server端交互的过程
- 存在价值:
- 可以快速迭代更新【关键】,无需APP审核(hybrid技术可以一天上线多次)
- 体验流畅(和Native开发的体验基本类似)
- 减少开发和沟通成本,双端公用一套代码
- webview:
- 是APP中的一个组价(App可以有Webview,也可以么有)
- 主要用于加载H5页面,是一个小型的浏览器内核
- file:// 协议
- file协议: 本地文件,快
- http(s): 网络加载、慢
- 扩展知识:Web标准都有哪些呢?
2.hybrid的具体实现流程?
2.1 使用场景
- 不是所有场景都适合使用hybrid
- 使用NA: 体验要求极致,变化不频繁(如头条的首页)
- 使用hybrid:体验要求高,变化频繁(如头条的新闻详情页面)
- 使用H5: 体验无要求,不常用(如举报、反馈等页面)
2.2 具体实现
- 前端做好静态页面(HTML,CSS,JS),将文件交给客户端
- 客户端拿到前端静态页面,以文件形式存储在APP中
- 客户端在一个Webview中
- 使用file协议加载本地静态文件
3.介绍一下hybrid更新和上线的流程?
3.1 优点
- 用户体验更好,跟NA体验基本一致
- 可以快速迭代,无需app审核 【关键】
3.2 缺点:
- 开发成本高:联调、测试、查bug都比较麻烦
- 运维成本高。(平台维护)
3.3 适用场景:
- hybrid:产品的稳定功能,用户体验高,迭代频繁
- H5:单词的运营活动(如XX红包),或不常用的功能
4.前端JS和客户端如何通讯?
- 类似于JSONP的数据请求方式
- schema协议的简介和使用
- 通讯的基本形式:调用能力,传递参数监听回调
- 对schema协议的理解和使用
- 调用schema代码的封装
- 内置上线的好处:更快、更安全
最新文章
- 图片资源的加密和cocos2d-x中的解密
- Nvelocity用法
- 利用GCTA工具计算复杂性状/特征(Complex	Trait)的遗传相关性(genetic	correlation)
- wifi 驱动移植范例
- zoj 3673 1729
- PHP入门:在Windows中安装PHP工作环境
- linux java cpu 100%
- SharePoint 2013的100个新功能之社交
- WebClient外部请求乱码
- 【转】为ListView每个Item上面的按钮添加事件
- 实现自己的脚本语言ngscript之一:词法分析
- 安卓应用开发用户体验之禁止EditText自动获取焦点
- JAVA基础知识(2)--堆栈和递归的操作
- zabbix实现对磁盘性能动态监控
- IdentityServer4(1)- 特性一览
- adb.exe已停止工作
- 过滤函数 filter
- thymeleaf 标签的使用
- IL and 堆于栈
- php数据结构之二叉树
热门文章
- Linux内核驱动之GPIO子系统API接口概述
- vue发送ajx请求 axios
- Linux - 几种方法来实现scp拷贝时无需输入密码
- python基础(24):面向对象三大特性一(继承)
- JS中for,for...in,for...of以及foreach循环的用法
- .NET Core下自带容器IServiceCollection以及AutoFac以及AutoFac中AOP简介
- 用canvas画一个时钟
- 2019年上半年收集到的AI计算机视觉方向干货文章
- ICMP重定向 Redirect netwox libpcap netwag
- BayaiM__SQLLDR 用法: