用户您好!请先登录!

分类目录JavaScript

React Native在美团外卖客户端的实践

MRN简介

MRN(Meituan React Native) 是基于开源的React Native框架改造并完善而成的一套动态化方案,在开发体验上基本能与原生RN保持一致,同时从业务需求的角度满足从开发、构建、测试、部署、运维的工程化需要。解决了一系列痛点问题:客户端版本审核及更新效率低、Android/iOS/Web三端开发技术方案不一致、公共需求重复劳动、需求排期不敏捷、集成成本高等。目前MRN已接入美团数十个App,在核心框架及生态工具上有超过百位代码贡献者,(每天)的总 PV 超过1亿次。

在项目成立之初,MRN使用当时最新的React Native 0.54.3作为基础版本,然后进行了一系列的改造。React Native官方稳定版已经升至0.60.5,对MRN页面的质量性能、开发者体验都有了巨大的提升,包括JSI替换桥进行JS和Native通信、JS引擎替换、React Hooks等功能。最近,MRN也做了一些升级适配和深度优化,在相关基础建设、融合过程、优化手段等方面,我们进行了很多的探索和思考,后续这些内容会陆续放出,希望能给大家一些启发。本文主要分享美团外卖App在业务实践和技术探索过程中的经验。

阅读更多

Three.js 那点事

随着人们对用户体验越来越重视,Web开发已经不满足于2D效果的实现,而把目标放到了更加炫酷的3D效果上。Three.js是用于实现web端3D效果的JS库,它的出现让3D应用开发更简单,本文将通过Three.js的介绍及示例带我们走进3D的奇妙世界。

1. Three.js相关概念

1.1 Three.JS

Three.JS是基于WebGL的Javascript开源框架,简言之,就是能够实现3D效果的JS库。

1.2 WebGL

WebGL是一种Javascript的3D图形接口,把JavaScript和OpenGL ES 2.0结合在一起。

1.3 OpenGL

OpenGL是开放式图形标准,跨编程语言、跨平台,Javascript、Java 、C、C++ 、 python 等都能支持OpenG ,OpenGL的Javascript实现就是WebGL,另外很多CAD制图软件都采用这种标准。OpenGL ES 2.0是OpenGL的子集,针对手机、游戏主机等嵌入式设备而设计。

阅读更多