当前位置: 首页 > 科技观察

技术专题前端融合技术栈

时间:2023-03-15 20:34:28 科技观察

1:崔红宝崔红宝,MUI框架设计师,原数字天堂信息技术公司研发总监,8年移动端跨平台中间件研发经验,目前致力于如何使HTML5应用达到原生App体验。点评:随着HTML5规范的最终确定和手机硬件的提升,webview的渲染性能有了很大的提升,前端工程师参与App开发是常态;现阶段前端主要有两种参与方式。以小团队为代表,特点是缺钱缺人,前端工程师用html构造界面,css控制样式,js实现业务逻辑。、麦克风等),从而实现App完整业务的开发;该模式主要利用HTML5的跨平台优势,一次性开发,兼容iOS和Android平台,借助mui开源框架,甚至可以进一步发布到微信和手机浏览器等平台;第二种以一线互联网公司为代表,特点是人多钱多。这类公司在开发原生APP时面临着不同的挑战:1.业务复杂,安装成本巨大,用户在下载安装过程中流失率高;2、营销活动多,原生开发无法应对不断变化的营销计划;因此,此类公司通过自研或集成5+SDK等方式,对核心基础进行原生开发(C/S结构),展示营销活动等,通过加载服务端HTML页面(B/S结构)网络视图;这种模式的最佳实践是新推出的streaming应用,使用5+API开发app,用户使用时采用Streaming下载技术,边使用边下载资源文件到本地客户端(成C/S结构)和下载。在保证原有体验的同时,大大提升了用户获取App的体验。点击安装,5秒内进入首页。.互联网世界是开放共享的,但在移动网络时代,占主导地位的原生应用是独立的,App的内容被限制在每个App内;App之间没有无缝跳转,链接和数据无法在App之间传递和共享,也就是常说的“应用孤岛”。在用户体验上,这其实是历史的倒退。不过互联互通正是用户所需要的,苹果和谷歌自然也在努力解决。与iOS9相比,他们推出了通用链接(UniversalLinks),但效果依然不理想。相比之下,HTML5天然具有互联互通的基因,任何场景都可以直接访问,不存在应用孤岛问题;举个直接广告的例子,现在大家能看到的App广告基本都是App安装广告,比如“9.9元的《看老枪》”,用户点击后会引导下载某个购买电影票的app,然后确认权限安装,启动app进入首页,搜索《老炮儿》的电影,进入抢票或促销页面,整个过程需要1~2分钟,用户转化率低,广告收入较差;但基于HTML5的流媒体应用不存在这个问题,用户点击广告banner后,5秒直接进入《老炮儿》抢票推广页面,转化率高为95%左右。在广告转化率和终端用户体验方面,基于HTML5的流媒体应用明显更胜一筹。因此,基于HTML5简单、跨平台、动态、开放的先天基因,未来的前端技术技术必然会越来越多地参与App开发。这个时代真是前端工程师的春天。#p#2:孙东孙东于2014年加入艺龙,担任h5前端架构师。曾就职于当当网、新浪网、百度等互联网公司。对服务器渲染加速、云集成等领域有深入研究。H5和APP并不是天然分离的,业务融合已经司空见惯。在一些变化频繁的活动页面,或者对性能要求不高的静态页面,App开发者已经习惯使用内嵌H5来减少多套代码,提高开发效率。,引导APP。近年来,从技术上讲,H5与APP的距离越来越近。通过js桥,嵌入式H5也可以使用APP的功能,对接已有APP实现的业务。facebook在2015年发布的react-native可以说是前端行业的一次重大变革。它站在多个集成前端框架的肩膀上,首次实现了js框架与原生布局、语法、转换工具的完美融合,简化了臃肿的WebKit,使用了高性能的jscore解析器,开发的APP既有原生开发的优质体验,又有H5开发的灵活性。可以预见,2016年,优秀的APP开发者学习js,优秀的js开发者学习Android/iOS将成为普遍现实。#p#三:孙东风孙东风,12年开发管理经验,曾就职于百度、惠普、东方财富,全栈工程师,技术书籍作者,出版了《例学Symbian开发》、《iPhone&iPad开发 实战》、《构建iPhone企业级应用-基于HTML、CSS和JavaScript》、中国最早从事移动互联网行业的第一批人之一。擅长移动平台、大型用户级后端系统架构。点评:关于前端集成这个技术话题,业界有很多解决方案。但基本上无法解决移动互联网行业的本质问题。用户对APP的交互体验越来越挑剔,选择也越来越多。但是原有的Native开发方式成本居高不下,响应速度也比较慢。目前比较好的方法是使用FaceBook开源的ReactNative框架,从本质上解决了H5交互体验差和开发速度快的矛盾。用户界面和业务逻辑使用JS快速开发,部分特效使用Native开发。开发并提供相关接口供JS调用,方便开发者快速响应业务变化。ReactNative的宗旨也是“Learnonce,writeanywhere”。很大一部分JS业务逻辑和接口可以在iOS、Android、H5页面复用,大大降低开发成本。我们也在提供基于此的全栈SaaS解决方案,从根本上解决创业公司技术人才匮乏的问题。原则上只有懂JS的程序员才能快速响应业务需求。#p#四:编辑点评王雪雁·开发频道编辑点评内容:作为一个关注前端融合技术时间不长的新手,不可能给出宝贵的意见。那么我就在这里说说我的个人感受吧。在过去的15年里,许多新技术开始流行起来。最流行的框架是ReactNative,这是一个基于JavaScript的开源框架。vue.js也有很多优点让编程风格更加简单。Weex框架。Node.js的出现促进了栈的融合,使得前端工程师和后端的距离越来越近。这样,一些前端工程师找到了切入点,可以逐步部署和释放整个应用的能力。原本作为客户端脚本语言的JavaScript也加入了后端阵营,逐渐涉足移动端Native领域。从目前来看,前端开发的效率和速度远超客户端,非常适合高频应用,但如果高频应用对体验要求也很高,可能还是有与原生有一定差距。给前端新手的一点建议:面对众多错综复杂的前端新技术,不要盲目尝试全部学完。对这些技术做一些了解,知道每种技术的优缺点,适用场景和定位就OK了。然后,专注于您工作环境中使用的或将来可能使用的深度学习。掌握了需要的技术之后,再考虑研究其他新技术,如何利用新技术让现在的工作变得更好。