《2018年手机厂商的前端化之路.pdf》由会员分享,可在线阅读,更多相关《2018年手机厂商的前端化之路.pdf(21页珍藏版)》请在三个皮匠报告上搜索。
1、目录手机的生产研发过程前端技术的发展变迁应用研发的前端实践系统研发的前端实践总结与展望手机的生产研发过程工业设计结构设计硬件设计软件设计生产销售外观材质手感颜色艺术美感摄像位置电池屏幕砖孔位置电路天线芯片方案外设驱动内核移植系统研发应用研发质量控制产能爬坡售后服务ID:Industry DesignMD:Mechanical DesignHW:HardwareSW:SoftwarePS:Product&Sale手机是一个科技密集的产业,最新的技术会集中体现。新的前端技术,已经深入到手机软件设计的各个方面。手机的生产研发过程硬件工程师BSP工程师结构工程师Android工程师硬件工艺品电话、短信
2、音乐、视频互联网业务电商、分发广告、推荐算法工程师运维工程师后端工程师前端工程师手机不仅仅是一个硬件工艺品,而是移动互联网的入口。前端工程师因各类互联网场景工作需要而加入手机公司。手机的生产研发过程 基于特定Android源码拉取开发分支 芯片厂商一般对原生Android进行了定制 将定制的功能移植到新的分支上 设备厂商往往基于芯片的分支进行开发 生成编译产物,包括各种镜像、配置文件等 诸如boot.img,system.img等镜像文件 将编译产物刷入手机,有卡刷和线刷两种方式 线刷是指通过USB;卡刷是指通过Recovery刷机国内手机厂商的操作系统基于Android进行二次开发。手机的生
3、产研发过程GMS Google Play Google Maps Google Contacts Google Calendar Google Framework GMS coreCloud App App Market Theme Market Game Market Browser Flyme User Weather MapsFramework Performance Stability Security Battery Finger Print Settings System UI Keyguard PermissionMultiMedia Audio Video Camera Gal
4、lery Algorithm Media Player RenderingTelephony PIM Contacts Dialer Mms Connectivity Wifi Mobile Data BluetoothBSPHardwareFirmware前端技术已经下沉到应用和框架层。出现了使用HTML5的Hybrid APP。目录手机的生产研发过程前端技术的发展变迁应用研发的前端实践系统研发的前端实践总结与展望前端技术的发展变迁19901995HTMLJavaScriptCSS静态页面PHPASP20002005201020152020JSPWWWECMAScriptWeb 1.0重后端
5、,轻前端信息共享、浏览器井喷SpringStrutsAJAXjQueryHTML5DojoV8TypescriptNodejsAngularVueReact动态页面Web 2.0前后端分离MVC,MVP,MVVM大前端面向多终端Android,iOS,PCHybridElectronCordovaHibernate前端深入后端BootstrapSASSWeexRN前端技术的发展变迁前端技术栈HTMLCSSJavaScript选择器盒模型操作DOM定义事件页面布局SASSLESS预处理器响应式BootstrapUI框架AJAXjQueryAmaze UI基础库异步请求Firebug调试HTML5
6、WebSocketRxJSEjsJade函数式编程模板引擎TypescriptCoffeeScript中间语言全双工通信Nodejs后端JSgrntgulp编译工具CORS通信安全ReactAngularReact前端框架CordovaPhoneGap移动开发ElectronNW.jsPC开发React NativeWeexJasmineJSLint测试前端技术的发展变迁JavaC/C+Android FrameworkAPKAPICallbackNativeJNIAndroid FrameworkWebkitWebCoreNativeWebViewAPKH5+JSVue/QuickAppVi
7、rtual DOMJS FrameworkAndroid FrameworkBridgeRenderDOMNativeJava+H5+JSH5+JSNative APPHybrid APPWeb Native-APP目录手机的生产研发过程前端技术的发展变迁应用研发的前端实践系统研发的前端实践总结与展望应用研发的前端实践CordovaAngular6+Bootstrap4Android App$cordova create MyApp$cordova platform add android$cordova run android应用研发的前端实践ng build纯网页应用能够一键转化为移动终端
8、应用应用研发的前端实践一款二次元应用Android Demo 时间:14天 代码:30000行Weex Demo 代码:1天 代码:5000行应用研发的前端实践目录手机的生产研发过程前端技术的发展变迁应用研发的前端实践系统研发的前端实践总结与展望系统研发的前端实践10亿设备前端技术栈开发效率高学习成本低可复用性强原生渲染力功能不丢失体验不降级资源消耗少系统研发的前端实践FrameworkWidgetFeaturePageRouterMVVMHybrid BridgeJS EngineAndroidPlatform ServicesPUSHAccountPaymentAnalyticsBuilt
9、-in WidgetsTextImageListBuilt-in FeaturesSystem3-PartEvents HandlingTouchKey系统研发的前端实践Dom TreeHybrid BridgeNative LayoutNode0Node1Node2Node3Node4DecorViewContentViewViewTreeView TreeView0View1View2View3View4AddRender Actionmanifest.jsonapp.uxpage.uxpage.csspage.jsresourcepage.uxpage.csspage.jsresourc
10、esign工程配置公共库页面和资源签名JS Bundle*.rpkJS RuntimePackageSignCompileServerRender系统研发的前端实践低成本前端技术栈开发强体验原生渲染与系统级整合在体验上可做到与 App 一致高转化提供生成桌面 icon 和 Push 服务无碎片每次打开都是最新版目录手机的生产研发过程前端技术的发展变迁应用研发的前端实践系统研发的前端实践总结与展望总结与展望 手机从一个硬件工艺品到互联网入口 前端技术愈加成熟,工程化和多端化 手机厂商正更加激进地拥抱前端技术总结展望 更多的新兴科技在会在手机上先落地 新技术催生的产品形态更偏向前端化 工程师演变成两种角色:终端和云端