2018年手機廠商的前端化之路.pdf

《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 服務無碎片每次打開都是最新版目錄手機的生產研發過程前端技術的發展變遷應用研發的前端實踐系統研發的前端實踐總結與展望總結與展望 手機從一個硬件工藝品到互聯網入口 前端技術愈加成熟，工程化和多端化 手機廠商正更加激進地擁抱前端技術總結展望 更多的新興科技在會在手機上先落地 新技術催生的產品形態更偏向前端化 工程師演變成兩種角色：終端和云端