皮皮网

1.Flutter系统网络加载流程
2.nestjs和eggjs哪个好？
3.月薪10K码农，源码跳槽到40K架构师，分析Android技术学习路线图汇总

Flutter系统网络加载流程

       Flutter原生支持在Image组件上显示网络，源码最简单的分析使用方式如下，调用Image的源码命名构造方法Image.network即可实现网络的下载显示。

Widgetimage=Image.network(imageUrl)；

       那么，分析大智慧活跃度公式源码它内部是源码如何实现的呢？是否有做缓存处理或其他优化操作呢？带着疑问，我们一起来看下它的分析底层究竟是如何实现的。

一、源码从构造函数开始

       我们以最简单的分析调用方式举例，当我们使用Image.network(imageUrl)这种方式来显示时，源码Image组件内部image属性就会被赋值NetworkImage。分析

//此为简化过的源码Image组件类结构classImageextendsStatefulWidget{ Image.network(Stringsrc,):image=NetworkImage(src);//数据处理的基类finalImageProviderimage;}

       这里引出了一个类叫NetworkImage，它是分析ImageProvider的子类，专门实现网络的源码下载和解析逻辑。当然你直接点进去看到的其实是个抽象类，并不是真正实现下载逻辑的地方，真正实现网络下载解析的在'_network_image_io.dart’这个文件下。构造函数知道这些就够了。接下来就看Image是在何时触发网络的下载的。

二、下载入口

       Image是一个StatefulWidget，它又一个对应的State叫_ImageState。在这个_ImageState的生命周期中，控制着的下载过程。

       State的生命周期可以简单的分为：构造函数→initState→didChangeDependencies→build

       因此，我们顺着这个顺序找，很快看到一个可疑的地方，didChangeDependencies中的_resolveImage方法。而TickerMode则是用于控制动画的，在这里被用于判断是否禁用了动画。关于TickerMode的相关介绍，可以看下这篇文章

//完整源码@overridevoiddidChangeDependencies(){ _updateInvertColors();//处理的入口_resolveImage();//当动画被禁用时，也是无法显示的，这个if(TickerMode.of(context))//添加流处理的监听_listenToStream();else_stopListeningToStream(keepStreamAlive:true);super.didChangeDependencies();}

       我们进入到_resolveImage方法中去。

void_resolveImage(){ //ScrollAwareImageProvider包装了我们的机构洗盘源码NetworkImagefinalScrollAwareImageProviderprovider=ScrollAwareImageProvider<Object>(context:_scrollAwareContext,imageProvider:widget.image,);//新建流finalImageStreamnewStream=provider.resolve(createLocalImageConfiguration(context,size:widget.width!=null&&widget.height!=null?Size(widget.width!,widget.height!):null,));assert(newStream!=null);//更新流_updateSourceStream(newStream);}

       _resolveImage方法就做了三件事。

       1、用ScrollAwareImageProvider包装了NetworkImage

       2、创建流对象ImageStream

       3、更新流

2.1、ScrollAwareImageProvider

       ScrollAwareImageProvider也是ImageProvider的子类，它的作用很简单，就是防止在快速滑动的时候加载，当存在快速滑动时，会将解析的工作放到下一帧处理。至于具体如何实现，我们放在后面再提。

2.2、ImageConfiguration

       ImageConfiguration由方法createLocalImageConfiguration创建，保存了的基本配置信息，如Bundle，屏幕项目比devicePixelRatio，本地化local，尺寸size，平台platform等。

2.3、ImageStream

       表示一个流，可以添加观察者ImageStreamCompleter来监听是否处理完成。一个流可以添加多个观察者。

       ImageStream由provider的resolve方法调用后创建。通过源码可知，此处的provider就是ScrollAwareImageProvider对象。但是它内部并没有实现resolve方法，因此此处调用的是父类ImageProvider的resolve方法。

三、流和Key

       以下代码截取自ImageProvider，并且删减了无关代码。

ImageStreamresolve(ImageConfigurationconfiguration){ //创建流，这里直接调用了ImageStream的构造函数，并没有用到configurationfinalImageStreamstream=createStream(configuration);//关键在这里，这里会根据configuration创建一个唯一key_createErrorHandlerAndKey(configuration,正宗溯源码鱼胶//成功的回调(Tkey,ImageErrorListenererrorHandler){ resolveStreamForKey(configuration,stream,key,errorHandler);},//下面是错误回调，可以不关注(T?key,Objectexception,StackTrace?stack)async{ awaitnull;//waitaneventturnincasealistenerhasbeenaddedtotheimagestream.InformationCollector?collector;if(stream.completer==null){ stream.setCompleter(_ErrorImageCompleter());}stream.completer!.reportError(exception:exception,stack:stack,context:ErrorDescription('whileresolvinganimage'),silent:true,//couldbeanetworkerrororwhatnotinformationCollector:collector,);},);returnstream;}

       resolve方法的作用是创建流对象ImageStream，并根据传入的配置信息configuration，创建对应的Key，这个Key用于缓存。

       那么这个key到底是怎么创建的呢，我们进入到_createErrorHandlerAndKey方法中查看。关键代码如下，已删除无关代码。

Future<T>key;try{ key=obtainKey(configuration);}catch(error,stackTrace){ handleError(error,stackTrace);return;}key.then<void>((Tkey){ obtainedKey=key;try{ successCallback(key,handleError);}catch(error,stackTrace){ handleError(error,stackTrace);}}).catchError(handleError);

       可以看到方法实现中调用了ImageProvider的obtainKey方法，而这个方法在ImageProvider并没有具体实现，需要子类完成对应的实现。

Future<T>obtainKey(ImageConfigurationconfiguration);

       还记得上文的分析不，我们说传入的imageProvider实例是ScrollAwareImageProvider对象，因此对应的实现也要到这个类中去查找。很快，我们找到obtainKey方法的实现，可以看到它做了个透传，具体是由它包装的类也就是NetworkImage来实现的。

@overrideFuture<T>obtainKey(ImageConfigurationconfiguration)=>imageProvider.obtainKey(configuration);

       那么，我们就去NetworkImage找obtainKey。

       注意下真正的NetworkImage实现是在_network_image_io.dart文件下的。

Future<NetworkImage>obtainKey(image_provider.ImageConfigurationconfiguration){ returnSynchronousFuture<NetworkImage>(this);}

       到这，我们就知道了NetworkImage的key为SynchronousFuture。

       获取到key后的下一步就是调用_createErrorHandlerAndKey方法的successCallback回调。从而触发了下一个流程resolveStreamForKey。

_createErrorHandlerAndKey(configuration,(Tkey,ImageErrorListenererrorHandler){ //拿到Key之后的回调resolveStreamForKey(configuration,stream,key,errorHandler);})四、根据key来处理流

       还是回到子类ScrollAwareImageProvider中，它重写了父类的resolveStreamForKey方法，前文提到，ScrollAwareImageProvider是用来防止列表在快速滑动的时候来加载的，那么它是如何实现的？我们就从resolveStreamForKey这个方法中来一探究竟。

//此为简化过的Image组件类结构classImageextendsStatefulWidget{ Image.network(Stringsrc,):image=NetworkImage(src);//数据处理的基类finalImageProviderimage;}0

       Scrollable用于滑动组件，它有个方法叫recommendDeferredLoadingForContext，表示是否建议延迟加载。内部最终是30分macd源码根据滑动速度和当前设备的最大物理尺寸的边去比较，如果大于，表示速度过快，那么就建议延迟。具体逻辑在scroll_physics.dart文件下。这里不多做介绍。

       一旦当前应用处于滑动状态，并且速度过快，那么，的加载将会被推迟到下一帧再进行尝试。因此我们说，当处于快速滑动时，是无法加载的。

       当判断可以加载时，操作流将会被移交给被包装类imageProvider，这里是NetworkImage来处理。但是，NetworkImage没有实现resolveStreamForKey方法，因此最终还是跑到了ImageProvider类中的resolveStreamForKey方法下。

//此为简化过的Image组件类结构classImageextendsStatefulWidget{ Image.network(Stringsrc,):image=NetworkImage(src);//数据处理的基类finalImageProviderimage;}1

       当第一次加载网络图的时候，会直接走到下面这个逻辑中。这里涉及到一个很重要的类，ImageCache。它是做缓存用的。

//此为简化过的Image组件类结构classImageextendsStatefulWidget{ Image.network(Stringsrc,):image=NetworkImage(src);//数据处理的基类finalImageProviderimage;}.1、ImageCache

       缓存类，只做了内存缓存。它由PaintingBinding持有，是一个单利。它的内部通过三个Map来缓存。

//此为简化过的Image组件类结构classImageextendsStatefulWidget{ Image.network(Stringsrc,):image=NetworkImage(src);//数据处理的基类finalImageProviderimage;}3

       从缓存器中获取的逻辑集中在putIfAbsent方法中。以下代码已经去掉无关代码。

//此为简化过的Image组件类结构classImageextendsStatefulWidget{ Image.network(Stringsrc,):image=NetworkImage(src);//数据处理的基类finalImageProviderimage;}.2、load

       一旦在ImageCache中找不到缓存的，就会通过loader回调出来，走真正的java社区系统源码下载流程。

//此为简化过的Image组件类结构classImageextendsStatefulWidget{ Image.network(Stringsrc,):image=NetworkImage(src);//数据处理的基类finalImageProviderimage;}5

       还是先看ScrollAwareImageProvider类，里面实现了load方法，并透传给了NetworkImage来实现。

//此为简化过的Image组件类结构classImageextendsStatefulWidget{ Image.network(Stringsrc,):image=NetworkImage(src);//数据处理的基类finalImageProviderimage;}6

       在NetworkImage下，可以找到对应的load方法实现。里面有个_loadAsync方法，它就是我们要找的下载核心代码。

//此为简化过的Image组件类结构classImageextendsStatefulWidget{ Image.network(Stringsrc,):image=NetworkImage(src);//数据处理的基类finalImageProviderimage;}7五、下载

       饶了一大圈，终于来到了下载的地方了。可以看到下载的逻辑很简单，创建一个下载的/post/

nestjs和eggjs哪个好？

       nestjs为什么不火

       å› ä¸ºæ“ä½œä¸ç®€ä¾¿

       Nest.js是用于构建高效且可伸缩的服务端应用程序的渐进式Node.js框架。支持Typescript、面向AOP编程、支持typeorm、Node.js版的spring、构建微服务应用。

       Nest.js是用于构建高效且可伸缩的服务端应用程序的渐进式Node.js框架。支持Typescript、面向AOP编程、支持typeorm、Node.js版的spring、构建微服务应用。

       å¹´å‰ç«¯æœ€ç«çš„技术是什么？

       æˆ‘认为的年前端开发者最应该掌握的一些比较火爆的技术与知识点。

       1，前端框架和语言层面

       9月份Vue3.0发布，声称对TypeScript有着更好的开发体验，通过从不同框架级别TS支持上，我们可以看出社区的整个风向从年的大家都去学习应用TS，变成了大家如何把TS用的更好这个方向上来了。

       æ‰€ä»¥æˆ‘认为今年TypeScript的火热程度还是应该排名很靠前的，我今年也使用TypeScript重构了Daruk的服务框架推出了2.0版本，让TS开发者拥有更好的TS开发体验。

       æŽ¥ä¸‹æ¥å°±æ˜¯ä¸¤å¤§é‡ç£…框架的更新历程对比，Vue3前面说了一句。而React也在十月也发布了React的release版本。这两大主流框架的频繁更新，也说明了社区和作者都在一同演化。

       åœ¨Vue3中除了更好的支持TS外，还更新了CompositionAPI。而React主要是集中精力在升级体验上，虽然没有新的Feature但是提升了和解决了很多之前版本潜在的问题。

       è¦è¯´å“ªä¸ªæœ€ç«è¿˜æ˜¯è¦çœ‹ä¸ªäººå®žé™…的使用场景和喜好，但是年来看还没有别的框架可以与之一战。

       2，大前端相关技术栈

       ä»Šå¹´åŸºäºŽChromium的微软edge浏览器也已经推出。google在web端的发展产生了对开发者深刻的影响。Chrome+也已经发布多个版本，提供了一系列的新特性，比如CoreWebVitals标准，DesktopPWA等都值得我们去关注。

       æˆ‘们说完了浏览器相关的那点技术之后，再聊聊大前端相关的一些技术实践，比如Flutter。

       å¾ˆå¤šå‰ç«¯åœ¨ä»Šå¹´å·²ç»ä»Žweb开发转型为Flutter开发，学习和使用Dart技术来构建UI，这是很多大厂的前端工程师正在经历的事情（包括我的部门也在尝试这个事情），这个趋势应该在未来几年还会持续。

       å®¢æˆ·ç«¯electron在今年也有着长足的进展，一年内多次更新版本一路到了.1.5。随着疫情影响，国内在线教育的又一波兴起。很多桌面软件，网课软件都在采用这个技术来进行开发，市场上的岗位也开始变多，electron技术可以说在今年也有火的趋势。

       ç„¶åŽæˆ‘们再看看BFF层，nestjs依然坚挺，越来越多的人开始跳过学习express和koa开始学习更丰富的web框架了，比如egg或者我的daruk，开发者已经在慢慢形成共识，在webframework的路上开始越走越远，裸写nodejsweb服务的时代已经开始慢慢褪去。

       ä¸å¾—不提的还有serverless在前端的普及，在年到达了一个新的高潮。阿里云，腾讯云，头条云等等国内的互联网厂商也都开始大玩serverless概念。从对内服务开始转向对外服务，普及的势头很猛，也有落地的趋势和场景。今年的D2同样也有serverless的专场，可见受重视程度非比寻常。

       3，工程化提效和个人素质提升

       å†ç¦»æˆ‘们近一些的推动生产力的技术，比如据我所知在用CI/CD和pipeline管理上线流程的公司越来越多，这种去年还可以出去吹一吹的东西，今年也逐步变成了业界标配基础能力，如果不会的同学可要抓紧学习了。

       å¹´å‰å¤§å®¶éƒ½ç–¯ç‹‚吐槽面试刷medium题目没用，而年后大家开始默认面试某些公司都至少要刷到medium程度的题目。这对很多前端来说是一个心智和素质的提升与转变，大家在接触新技术的同时，也慢慢发现，前端整个职业环境的变化，越来越多的公司对人的整体综合素质要求变高了。

eggjs为什么口碑不好

       è´¨é‡é—®é¢˜ã€‚eggjs为什么口碑不好的原因是质量问题，因为eggjs质量差，售价高。口碑，指众人口头的颂扬，泛指众人的议论；群众的口头传说，相当于一种大众嘴边经常提起的事情或组织。

NG全家桶全栈项目实践总结

       Angular在国内使用的人并不像国外那么多，基本都是外企在用，但其框架的思想却仍可以为我们所借鉴，在某些问题没有思路的时候可以参考ng相关的处理，ng处理方式和思维确实比较超前，但也因此而曲高和寡。本文旨在通过ng全家桶项目（前端Angular+后端NestJS7）的实践来总结对于ng架构中一些亮点的关注与思考，Angular和Nest在前后端框架的处理上同出一脉，对比起来更有借鉴意义。

       [目录结构]

       [目录描述]

       æ•´ä¸ªå‰ç«¯é¡¹ç›®æ˜¯åŸºäºŽangular脚手架生成的，其基本目录结构是在src的app下进行相关组件和页面的模块开发，main.ts和index.html是整个单页应用的主入口，根目录下angular.json用于配置相关的打包编译等环境配置参数

       [实践分享]

       [目录结构]

       [目录描述]

       åŽç«¯é¡¹ç›®æ˜¯åŸºäºŽnestjs框架的大型后台项目配置，api模块主要是对外输出的接口，auth、filters、guard、interceptors、middlewares、pipes等是对于需要的模块进行统一的收集处理，main.ts是主入口文件，用于启动及相关配置等，app.module.ts是用来收集所有模块的导入，ng基于模块的方式可以起到非常好的隔离效果

       [实践分享]

       é¦–先，对于没有用过ng的同学科普一下，angular其实分为两个大版本，一个是angular1.x的，也就是ng1，也就是现在还有的angularjs，另一个版本是ng2以后的版本，ng2之后被谷歌收购后，完全重写了框架，唯一和1.x相通的估计也就剩那几个思想还在了：模块化、依赖注入、双向绑定、MVC，对于1.x感兴趣的同学可以去看Vue的1.x的版本，基本算是简化版的ng1.x，Vue2之后就和后来的ng分道扬镳了，vue2主要是以发布订阅来替代依赖注入的思路，扯远了...(ps:想看ng1版本的可以看这个地址，居然还有更新...angularjs官方仓库)，这里分析的主要是Ng，ng8之后除了引入Ivy(Ivy架构官方介绍)这个编译渲染器之外，其实改动不大，主要就是在优化以及废除和新建一些api等等。Ng的源码很庞大，goggle自研了一个bazel自动化构建工具，ng自然也是靠这个构建的，对bazel感兴趣的同学，可以看这个Google软件构建工具Bazel原理及使用方法介绍，我这里就不展开所有的源码，整体的核心大框架如下：

       nestjs是nodejs的web应用的一个大的集成，它最初是基于express封装的一个后端框架，后来将服务端各种理念都使用js实现了一下，虽然不能和成熟的服务端语言框架如java等进行媲美，但是服务端所需要的东西基本都具备了，对于有需求想要使用js来开发后端的同学是个不错的选择，个人认为简单的bff，比如想自己模拟的开发个后台接收请求，选择node直接写或者使用express、koa就可以，对于有一定的中间层给前端处理，可以选用阿里的egg，对于如何基于egg构建中间层，可以看看这篇文章如何为团队定制自己的Node.js框架？（基于EggJS），对于大型的服务端，尤其是前端是以ng为主栈的，可以优先考虑使用nestjs；其次对于io较多而计算较少的（js本身的特质），或者服务端需要与c++配合的，大型服务端应用也可以使用nest。nest默认是不采用微服务的形式的，nest将不同的平台封在了不同的platform下，这里只分析普通的以express为platform的形式，对于喜欢微服务的同学，可以对比和java的springcloud的区别，这里就不做表述了，其整体的核心结构大致如下：

       è¿™é‡Œä¸»è¦åœ¨å¯¹ä¾èµ–注入的实现做一个简单的理解分享，其思路是一脉相承的，对于理解后端理念的依赖注入有很好的理解，这也正是后端前端化的一个体现，也是最早的MVC框架向后来的MVVM框架过度的一个历史过程，依赖注入方式对于最早的前端框架还是有纪念意义的，但是对于ng全家桶来说，这算是其基本哲学的一个基本面

       bAngular/b

       å…ˆæ¥çœ‹ä¸€ä¸‹ng是如何实现injector的，这里重点在于使用了抽象类来重载不同函数的使用，对于provider循环依赖的处理，利用了一个Map数据结构来区分不同的Provider

       bNest/b

       å†æ¥çœ‹ä¸€ä¸‹ï¼Œnest的实现，不同于ng的实现，nest是利用参数和继承父类参数来确定整个的循环依赖关系的，其没有使用重载来实现，但都对循环依赖做了处理，其基本思路是一致的。

       æ€»ç»“：从nest和ng对injector的实现可以看出，虽然都是注射器的实现，但是由于呈现方式的不同，因而在实现方式上也会有所不同，对于ts而言，选用interface还是抽象类，确实可以借鉴java的模式思路，对于习惯js的我们来说，对于整个数据类型的扩展（如：抽象类、接口）等是需要向后端借鉴的。整体来说，对于依赖注入的实现最关键的就是在于处理provider的整个依赖问题，这两者都是采用token的方式来区分对待到底是属于哪一个provider，然后对于特殊的相关依赖循环的问题做对应的处理

       ng整个生态体系在国内应用的并不广，但并不妨碍其作为前端理念的扩展先行者的这样一个角色，个人认为其在隔离性以及系统性方面都是要优于vue和react的，因而对于目前比较流行的微前端框架(ps:对于ng的微前端应用，可以参考这篇文章【第期】使用Angular打造微前端架构的ToB企业级应用)，个人觉得在沙箱隔离等系统融合方面确实可以借鉴一下ng的某些思路，或许正是由于这个原因，它才是三大框架中最先上ts的，也有可能整个ng的开发者更像是传统的软件工程师，对于整个开发要做到定义数据、定义模型、系统设计等等，对于大型项目而言，这样确实会减少很多因bug而需要重复修改的时间，但是对于小型项目，个人认为还是vue更合适。虽然对于国内，ng基本已经属于明日黄花了，但是它的一些理念及设计思路确实还是值得借鉴的，在这个内卷的时代，各大应用都在向着高级化、大型化发展，说不定哪天ng又在国内重回巅峰了呢，虽然很难~~哈哈哈，各位加油！

北大青鸟设计培训：node编程开发技术的发展趋势？

       node技术成为web前端领域的主流开发工具可以说本身就是一个美丽的误会，当初这个技术被开发出来使用的时候主要是为了解决后端的问题才出现的。

       ä»Šå¤©ï¼ŒæµŽå—java课程培训机构就一起来了解一下node技术的发展历程和未来的发展趋势。

       a)Node8进入LTS时代Node.js大的变化是进入Node8时代，它是一个稳定的长期支持版本(LTS)，除了性能提升外，还有以下几个要点。

       Async/Await支持。

       å…¶å®žåœ¨Node.jsv7.6就可以通过flag支持了，在node8里直接落地。

       é€šè¿‡Async函数可以更好的进行异步流程控制，远离CallbackHell。

       åœ¨Async函数里，你可以通过await调用Promise，以及通过co包裹的generator，可以说，向前是完美的Async函数，向后也完美兼容各种遗留代码，称为异步终极解决方案不为过。

       ES6模块支持。

       é€šè¿‡vue/react、webpack、babel和typescript等火爆发展，es6模块得到了广泛普及和应用，在Node.jsv8.5可以通过--experimental-modules来开启这个体验版特性。

       å½“然，你想在Node.js更早版本里使用ES6模块，可以采用@std/esm模块。

       HTTP2支持。

       åœ¨Node.jsv8.8就开始默认启用了，http2对服务器端推送，多通道复用等特性，能够更好地为浏览器便利，是性能优化的利器。

       b)企业级Web开发基础框架除了应用广泛的主流Web框架Koa外，Fastify也是一直劲敌，作者MatteoCollina是Node.js核心开发，Stream掌门，性能优化专家。

       Fastify基于Schema优化，对性能提升极其明显。

       ç‹¼å”认为这是企业级Web开发，他在这里给我们介绍了3个知名框架。

       b1)Egg.js阿里开源的企业级Node.js框架Egg发布2.0，基于Koa2.x，异步解决方案直接基于AsyncFunction。

       æ¡†æž¶å±‚优化不含Node8带来的提升外，带来%左右的性能提升。

       Egg采用的是『微内核+插件+上层框架』模式，对于定制，生态，快速开发有明显提升，另外值得关注的是稳定性和安全上，也是极为出色的。

       b2)NestNest是基于TypeScript和Express的企业级Web框架。

       å¾ˆå¤šäººå¼€çŽ©ç¬‘说，Nest是像Java开发方式的，确实，Nest采用TypeScript作为底层语言，TypeScript是ES6超集，对类型支持，面向对象，Decorator(类似于Java里注解Annotation)等支持。

       åœ¨å†™æ³•ä¸Šï¼Œä¿æŒJava开发者的习惯，能够吸引更多人快速上手。

       TypeScript支持几乎是目前所有NodeWeb框架都要做的头等大事，在年Nest算个知名项目，值得一提。

       b3)ThinkJSThinkJS是一款拥抱未来的Node.jsWeb框架，致力于集成项目佳实践，规范项目让企业级团队开发变得更加简单，更加高效。

       ç§‰æ‰¿ç®€æ´æ˜“用的设计原则，在保持出色的性能和至简的代码同时，注重开发体验和易用性，为WEB应用开发提供强有力的支持。

       ThinkJS是国产老牌Web框架，在年月发布v3版本，基于Koa内核，在性能和开发体验上有更好的提升。

       æ•´ä½“来看，Node.js在企业Web开发领域日渐成熟，无论微服务，还是Api中间层都得到了非常好的落地。

       å¹´ï¼Œå”¯ä¸€é—憾的是Node.js在servless上表现的不太好，相关框架实践偏少。

       c)不可不见的Api中间层前端越来越复杂，后端服务化，今日的前端要面临更多的挑战。

       ä¸€ä¸ªå…¸åž‹çš„场景就是在服务化架构里，前端面临的头痛的问题是异构API，前后端联调的时候，多个后端互相推诿，要么拖慢上线进度，要么让前端性能变得极其慢。

       è¿›åº¦æ…¢æ‰¾å‰ç«¯ï¼Œæ€§èƒ½å·®ä¹Ÿæ‰¾å‰ç«¯ï¼Œä½†è¿™ä¸ªé”…真的该前端来背么?Node.js的Api中间层应用很好地解决了这个问题。

       åŽç«¯ä¸æƒ³æ”¹çš„时候，实在不行就前端自己做，更灵活，更能应变。

       é€ä¼ æŽ¥å£ï¼Œå¯¹äºŽå†…网或者非安全接口，可以采用中间层透传。

       èšåˆæŽ¥å£ï¼Œå¯¹å¼‚æž„API处理非常方便，如果能够梳理model，应变更容易。

       Mock接口，通过Mock接口，提供前端开发效率，对流程优化效果极其明显，比如去哪儿开发的yapi就是专门解决这个问题的。

       é™¤æ­¤ä¹‹å¤–，前端如果想做一些技术驱动的事儿，SSR(服务器端渲染)和PWA(渐进式Web应用)也是非常不错的选择。

       d)新领域(深度学习、区块链等)

月薪K码农，跳槽到K架构师，Android技术学习路线图汇总

       身为一个Android开发，如果你不清楚自己要从哪开始，下个阶段要学什么，到哪里算是结束，可以参考下面资深架构师整理的 Android 开发者 版最新的学习路线图。

       这里包括你从接触互联网的基础内容开始，了解一部分如Java基础，Android基础的语言，之后学习其他底层，NDK、跨平台相关知识。当一门基础语言掌握了以后，也就要逐步的开始提交你的代码，无论是工作需求还是个人积累代码，都会用到代码开发版本控制器的使用，以及你会发现GitHub这个神奇的网站。当你有了语言的编程能力，就可以尝试做一下自己喜欢的APP。

       当然这还不是结束，甚至可能永远没有结束！

       底层技术

       目前Android APP开发主流语言就是Java语言，Java语言最大的特性就是提高了软件的交互可能性，可以说安卓手机几乎所有应用程序都是利用Java语言来进行编写的。 JAVA知识要点： 1、Java序列化、泛型与反射 2、虚拟机底层原理 3、Android内存原理 4、Java高级并发原理详解 5、编译时技术掌握与实战 6、JDK高级动态代理 7、高级数据结构与算法 8、Java IO操作 9、。。。

       FrameWork源码与UI

       在Android中，Framework泛指系统架构层。Framework的中文意思是“框架”，在软件开发中通常指开发框架，在一个系统中处于内核层之上，为顶层应用提供接口，被设计用来帮助开发者快速开发顶层应用，而不必关心系统内核运行机制，通常Framework都会隐藏main函数等应用程序必须的组件，开发人员只需把精力放在功能代码的实现上。说简单点，Framework具体的工作也就是为android应用开发的开发人员提供了一系列的服务和API的接口。

       UI其实并不是单纯指用户看到的效果。因为在Android开发中，每个控件背后都有一套深层次的体系在支撑，自然而然，会UI不单纯指的是会自定义控件，我们还应该知道自定义控件背后的执行流程，包括从Activity的创建，XML的解析，到每个控件的测量、布局、绘制。当然在中间还夹杂着比如动画、事件分发机制、嵌套滑动机制等知识点。还有谷歌提供的一些UI框架也使我们要掌握的对象，比如Jetpack组件库、Material Design等。

       知识要点：

       1、 FrameWork源码解析（SDK ） 2、Android常用组件深入解析 3、JetPack全家桶 4、Android R新特性解析 。。。。

       大厂内部APP调优方案

       性能优化是一个项目必须要经历的过程，你的应用好与坏都是在用户使用的过程中反映出来的，如果性能优化没有做好，对于你的应用来说影响是非常大的。尤其是现在的Android市场竞争非常激烈，如果你的应用体验没有竞品的好，那么用户流失是必然的。

       性能优化不是一件简单的事情，每个应用的性能好与坏无法由一个人来决定，因为性能优化的维度有太多了，从我们项目的整体架构，到我们代码的每一个细节，再到应用使用环境的测试，只有步步为营，才能做好一个项目的优化。

       大部分开发者把性能优化指向与不闪退就行，但是实际上性能优化包含了很多方面，比如从简单的启动优化、 UI优化、 卡顿优化、 崩溃优化、 安全性优化，到深层次的弱网优化、 大图加载优化、 储存优化、 高效传输优化、 极限瘦身优化，再到实际开发过程中的OOM问题原理解析、 ANR问题解析、 Crash监控方案。要想把这些优化流程做好，我们不仅从项目架构、代码规范等方面入手，还用学会利用第三方的检测工具来检测项目性能，最主要是，我们需要一套完整的性能优化方案，这正是我们所缺少的，所以我们必须要把缺少的补上， 打造一套真正的完整的性能优化体系，把性能优化流程化，常态化。

       知识要点

       1、 APP基础优化 2、APP深度优化 3、开发焦点问题优化 4、编程效率优化 5、项目实战

       对标腾讯T3.3架构师

       Android框架体系架构（高级UI+FrameWork源码） 这块知识是现今使用者最多的，我们称之Android高频技术。

       Android开发者也往往因为网上Copy代码习惯了而导致对这块经常“使用”的代码熟悉而又陌生：熟悉的是几乎天天在和它们打交道， 天天在复制这些代码 ；陌生的是虽然天天和这些代码打交道，但是并没有深入研究过这些代码的原理，代码深处的内涵。

       本篇知识要点：

       1、架构师设计思想篇 2、 手淘全套架构设计与实现 3、 开源框架 4、OKHttp网络框架 5、一线大厂核心框架剖析与实现

       Gradle项目实战

       主要内容

       1、Groovy语法 2、Gradle Android插件配置 3、项目实战

       NDK模块开发（音视频系列）

       NDK（Native Development Kit缩写）一种基于原生程序接口的软件开发工具包，可以让您在 Android 应用中利用 C 和 C++ 代码的工具。通过此工具开发的程序直接在本地运行，而不是虚拟机。

       在Android中，NDK是一系列工具的集合，主要用于扩展Android SDK。NDK提供了一系列的工具可以帮助开发者快速的开发C或C++的动态库，并能自动将so和Java应用一起打包成apk。

       本篇知识要点：

       1、NDK开发之C/C++入门 2、JNI模块开发 3、Linux编程 4、底层处理 5、音视频开发 6、机器学习

       Flutter学习进阶

        年无疑是 Flutter 技术如火如荼发展的一年。

       每一个移动开发者都在为 Flutter 带来的“快速开发、富有表现力和灵活的 UI、原生性能”的特色和理念而痴狂，从超级 App 到独立应用，从纯 Flutter 到混合栈，开发者们在不同的场景下乐此不疲的探索和应用着 Flutter 技术，也在面临着各种各样不同的挑战。

       本篇知识要点：

       1、Flutter跨平台开发概述 2、Windows中Flutter开发环境搭建 3、编写你的第一个Flutter APP 4、Flutter Dart语言系统入门 …

       三、学习资料

       1. 技术内容

       如果你对以上的学习路线有了较清楚的认识，但可能自己不好容易找到这些资料，那么可以参考我整理好的学习内容，包括对初学编程，大一、大二、大三、大四以及毕业了工作了几年后，都应该找什么样的资料学习的一个汇总。按照不同阶段的学习范围把资料分到不同的文件夹去，方便所处不同阶段的读者可以有一个相对准确的学习范围。

       Android学习肯定不是光看书就能学会的，具体还是要自己上手写代码，如果有一份视频能让你看到全过程就好了。 所以关于视频我也整理了一部分： 视频包含：

       1、IPC机制相关面试题视频解析 2、项目相关视频解析 3、性能优化相关面试题视频解析 4、JVM从入门到着迷 5、源码相关试题视频解析 6、BAT面试总结分析

       Android学习三要素可以大大加快你的学习之旅

       四、总结

       其实我们都是在经历着这样的一个学习阶段，时不时的就会到达某个不好突破的瓶颈期，就像：

       所以，我们要不断的去铺设自己的技术栈，做有成体系和有深度的学习，并把这西学到的能力运用在项目开发中，也要记录笔记整理资料，慢慢的才会形成自己一套完整的抗打的技术广度和深度。共勉！