目前 按照 APP 开发分类,分为以下三大类原生 APP [ Android Swift Flutter React Native ]WEB APP Hybrid App [混合APP ]在找工作的当中,很多岗位 要求 会开发 H5 App ,那到底什么是H5 APP 呢? 一开始我也有点疑惑,没接触这块,按自己理解 就是 采用 HTML5 技术开发出的页面应用 跑在移动端当中。 下面引用 阮一峰
转载 2024-01-05 20:55:51
127阅读
一、概念a) H5:即Html5,接触过互联网的都知道html,所以很明显h5是html的第5次重大修改的一项超文本标记语言的标准协议。b) 原生:使用原生制作APP(Native app),即在基于目前的智能手机的操作系统(如安卓android、苹果IOS,另外还有windows phone)的基础上并且搭配原生的编程编写运行的第三方的移动应用程序,简称原生APP。二、用户使用角度一款APP展现
文章目录前言一、JSBridge做了些什么?二、WebView三、JSB实现原理3.1 Native->Web3.2 Web->Native3.2.1 拦截Webview请求的URL Schema3.2.2 向Webview中注入JS API3.3 带回调的调用四、开源的JSBridge五、总结附加: 前言在移动端盛行的年代,技术选型上基本都是混合开发(Hybrid),混合开发是一种
Android 短视频混合开发(DS-Bridge框架实现视频通信)先看看实现的效果实现原生视频的播放,暂停,快进,快退,全屏,退出全屏功能混合跨平台开发包括web开发、Hybrid开发、React Native、Flutter等这里使用Hybrid实现web原生的混合开发,通过DS-Bridge框架+HTML、JS代码+android Native实现视频通信Hybrid框架Hybrid结构层
转载 2023-10-15 13:32:30
192阅读
最近公司项目开发中涉及到了大量的混合开发,这里开一个系列,把开发中的经验和遇到的问题和大家分享下讲到移动端的混合开发,绕不开的一个话题就是原生和Js的交互,关于iOS、Android怎么和js交互,网上的资料很多,这里先简单介绍几个方法。js部分<!DOCTYPE html> <html> <head> <meta charset=
转载 2024-06-29 08:51:50
62阅读
App混合开发(英文名:Hybrid App),是指在开发一款App产品的时候为了提高效率、节省成本即利用了原生的开发技术还应用了HTML5开发技术,是原生和HTML5技术的混合应用。目前App的开发主要包含三种方式:原生开发、HTML5开发混合 开发。原生应用开发,是在Android、IOS等移动平台上利用官方提供的开发语言、开发类库、开发工具进行App开发。比如android是利用java、
转载 2023-09-18 08:58:28
118阅读
近期,有同事咨询如何在Fragment中使用Cordova,看了下Cordova源码,官方并没有提供包含Cordova Webview的Fragment,以供我们继承。上网查询了一下,也有几篇文章讲解Fragment中如何使用Cordova,不过Cordova逻辑Fragment逻辑耦合太深,不太适用于常规项目开发。通过分析CordovaActivity的源码实现,我们只需要将Cordova封装
1. 为啥想学Flutter最新项目稳定下来,想学学公司一直推崇的混合开发,移动端ios和android在公司的开发人员一直不稳定,人数几乎一边倒,面向的用户群体不一样嘛,公司早就想开发一套代码,双端运行,学这个是为了提升一下自己价值2.当前有什么适合双端开发简单分为三点1.H5+原生混合开发hybird技术,原生嵌套Html页面的开发模式,webview作为渲染工具,双端开发一次,以后就可以用h
一、前言在如今移动端盛行的年代,技术选型上基本都是混合开发(Hybrid),混合开发是一种开发模式,指使用多种开发模型开发App,通常会涉及到两大类技术:原生Native、Web H5原生技术主要指iOS(Objective C)、Android(Java),原生开发效率较低,开发完成需要重新打包整个App,发布依赖用户的更新,性能较高功能覆盖率更高Web H5主要由HTML、CSS、JavaSc
转载 2023-11-27 06:54:59
181阅读
MVP-RxJava-Hybride- https://github.com/youxin11544/mvp_hybride_framwork 这是一个Android MVP模型良好的架构设计,同时也做了Android和HTML 5交互架构,用到了RxJava+Retrofit+MVP+泛型缩减mvp+模板模式+命令模式+观察者模式+管理者模式 +简单工厂模式。阿里Weex- 
转载 2024-06-12 22:11:53
33阅读
# H5iOS混合开发:一种高效的移动应用解决方案 在移动应用开发的生态中,H5(HTML5)和iOS混合开发逐渐成为一种流行的解决方案。这种方式结合了Web技术的灵活性原生应用的性能,为开发者和用户都带来了许多便利。本文将深入探讨H5iOS混合开发的基本概念、优缺点,并提供相应的代码示例,最后通过序列图和类图进行说明。 ## 一、混合开发简介 混合开发是一种将Web应用原生应用相
原创 10月前
134阅读
移动端主流的应用程序可分为3大类Native App原生应用,其页面资源文件都存放于本地Web App受限制UIwebview,页面存放于服务器Hybird App介于二者之间的混合应用Hybird App 又叫混合应用,看上去像一个native App,但实际只有一个webview,里面是一个web APP,它可兼具“native APP良好的用户交互体验”和“web APP跨平台开发”的优势
Android&Html5混合开发WebView调试必备DevToolsAndroid开发和Html5开发,对于其对应的专业程序开发人员来说都不是太难.但是对于两者结合的混合开发来说,很多人都望而却步.混合开发其本身并不难,真正让大家不安的是WebView加载H5的异常.调试困难症在我们团队出现过,我在面试的过程中也刻意去了解大家对Android中js调试的掌握程度,但现实是:大家
转载 2024-02-05 12:00:52
40阅读
最近公司搞“黑马”项目,想到H5在手机app上的应用很多,但是目前在我们公司电视端的应用几乎为零,所以就拟定题目为《基于H5技术的新型电视应用》,经过43小时的奋斗搞定小demo并最终获得了2等奖5999奖金,好了闲话不多说下面就针对H5+Android混合开发电视app进行总结归纳:在总结归纳之前我们要先说一下H5的优势,这也就是我们选择H5的原因,大家都知道H5具有以下优点:1.页
转载 2023-08-29 20:22:33
140阅读
前段时间有人问我怎样用H5开发app,我恰好知道就把步骤粘出来,有不懂的地方给我留言,我再修改知识小普及:首先要明白H5开发分4种:纯网页开发H5开发),混合开发(一般用H5和第三方包装工具),原生开发(android开发),和微信小程序开发。    纯网页开发:就是用H5开发好网页,开发好网页用第三方工具进行打包成app本篇博客介绍的就是混合开发,第三方工具是APIClud工具    原生开发
Framework7 是一个开源免费的框架可以用来开发混合移动应用(原生和HTML混合)或者开发 iOS & Android 风格的WEB APP。也可以用来作为原型开发工具,可以迅速创建一个应用的原型。    Framework7 最主要的功能是可以使用HTML、CSS和JS来开发iOS7应用。Framework7 是完全免费开源的。    Fra
转载 2023-09-01 11:27:00
88阅读
H5混合开发混合开发、原生开发H5开发的区别:简述:主流APP:原生APP、H5(webapp)、混合APP,相对应的定制研发即原生开发H5开发混合开发原生APP开发优缺点:可以访问手机的所有功能,可实现功能最齐全运行速度快、性能高、用户体验较好兼容性高比较快速的使用设备端提供的接口,处理速度上有优势开发周期长、成本较高,可移植性较差内容有限制获得新版本必须要用户重新手动下载更新WEB&nb
一、引言本文主要针对H5原生混合开发中的交互问题进行讨论,当然,这仅仅是鄙人的见解,求同存异。本文主要针对以下问题进行总结:如何实现JSAndriod的交互?针对WebView启动慢问题,如何优化?如果存在多个H5模块包,如何实现模块包的完全更新部分更新?针对以上问题的,如何建立一个公用的工具集(框架?)?遇到的问题及解决办法。OK, 开始吧!二、交互关于如何实现JSAndroid交互,其实看官方的 Building web apps in WebView 这篇文章就够了,如
原创 2021-11-25 11:59:41
10000+阅读
一、引言本文主要针对H5原生混合开发中的交互问题进行讨论,当然,这仅仅是鄙人的见解,求同存异。本文主要针对以下问题进行总结:如何实现JSAndriod的交互?针对WebView启动慢问题,如何优化?如果存在多个H5模块包,如何实现模块包的完全更新部分更新?
原创 2022-01-14 09:40:22
481阅读
一、背景               由于历史原因,一期项目是用原生开发的,二期及以后想引入H5开发,原生开发H5开发的选择因素另文介绍,这里暂不赘述。引入H5开发由两种方案供团队参考:一、使用H5重写一期的原生功能,后期整个项目全部使用纯H5开发。二、新模块使用H5开发,一期的模块复用。方案一优点:纯H5开发,有成
转载 2023-11-15 17:15:06
56阅读
  • 1
  • 2
  • 3
  • 4
  • 5