flutter前端后端,前端技术flutter

别人说前端的前景不好,后端的发展会好很多？

方向不同岗位对比自然也就不同，一千个人眼里有一千个哈姆雷特

创新互联服务项目包括镜湖网站建设、镜湖网站制作、镜湖网页制作以及镜湖网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，镜湖网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到镜湖省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

关于Web前端开发，近几年发生了诸多新闻，从React v16普及，到jQuery被GitHub下掉完成阶段性历史使命，再到版本帝AngularJS发布v6和v7两个版本让人们更多地看到了PC端开发的走向。那么，2020年Web前端开发的趋势如何？带你详细了解下。

一、端

Web前端开发的有一个方向就是端体系的打通发展。前端通俗一点理解可以视为是靠前一点的端。而端口的不统一或者说不够树形多态是其麻烦之处。因此在打通场景上会遇到诸多的问题，于是端体系的打通与发展是一个很重要的道路。无论是从产品、业务还是技术角度来说，都是一个具有挑战意义的方向。

二、DevOps的成熟

DevOps是整个IT价值流中实施精益原则的结果。延续端的打通，Web前端将为为整个 DevOps 步调提供服务。从评审=开发=CR=测试=灰度=回滚=发布=运维+运营，单点发展演变为线性发展，形成一套完整的方案。

三、前端云化

GUI 的发展，最终是要发展成云端的形态，这将不仅是前端要的形态，也是服务端的一个形态。我们能体会到的贯穿 DevOps 流程的云态，这个只是一个方向，并不是所有都会去到这个方向。

四、可视化领域

随着端+云化的状态，可视化的领域将进一步的发展，渲染等瓶颈会逐渐增高，以及加上 5G 的发展，必将在 DT 时代为前端带来更多的可视化方向和领域。

五、Flutter

严格来讲，Flutter并不是前端技术，而是“客户端”技术。而目前Web前端的地位远远不如客户端。对于大多数的公司来说。移动App所带来的现金流，仅仅靠下载和推广就可以养活一个灰色的产业链。而移动Web的收益可能不值一提。那么前端与客户端的合二为一的发展趋势是否也将是一个重要的方向！

总之，Web前端开发的就业前景形势一片大好，所以学起来也要趁早，现在很多专业培训学校都很不错，比如北大青鸟、南京中博软件学院和课工场等等，你可以试听课程综合考虑。

【百度地图篇】1.Flutter+百度Sdk实现地图功能 & 百度地图显示网格问题

我是初学者小白，所以很多看法不深，理解也不够透彻。但是很适合小白们一起从低角度往高处探索。文中有错误的，感谢指正，一起进步。

趁着假期做一个Flutter的地图功能，因为后端选用了百度地图，所以前端没得挑。找了遍插件，并没有现成可用的。（不过发现了百度官方也自开发Flutter插件，目前功能只有一个获取本地位置信息，后期会继续增加吧？很期待！）

参考帖子：

这个实际上跟功能之间没太大关系，只是我按照个人摸索的过程来写。

当对一个“领域/知识块”完全不懂的时候，360°的方向都不确定的话。先了解基础概念，有利于你确定自己的摸索方向。

参考帖子：

中间我跳过了几十，上百个帖子的摸索过程。这个才是关键能够真正做事的参考。

因为百度的sdk还算是很完善的，所以一旦出问题，都会有对应的报错提示。

我是使用flutter插件：permission_handler，来解决安卓的动态授权问题，用法简单而且设计合理。

这个错误直接来看，就是签名有问题。怎么查看SHA1码和包名，这里不多说，网上有极其多的方法，百度Sdk开发指南里也有。没那么复杂，也没那么麻烦。按照流程操作就是对的。

实在不放心？跟我一样，flutter打包后，把apk反过来解SHA1码不就行了？

参考帖子：

红色框框基本就是帖子讲解的那样。

蓝色框框见下图：release标签里好像是自己设置了。所以debug标签里面，箭头指向的位置，是我多设置的一个参数。

uid: -1 appid -1 msg: httpsPost failed,IOException:Unable to resolve host "api.map.baidu.com": No address associated with hostname

这一步我是哭笑不得，一开始老是和问题（2）混淆，导致浪费很多时间。仔细阅读后，发现是不能连接到“api.map.baidu.com”。

我打开模拟器的chrome浏览器，发现不能上网。查看手机的dns是10.0.2.3(默认的)，和家里wifi不一样，所以不能上网也正常，之前居然没发现这个问题！！！

终端执行：adb shell  和  getprop，就可以查看所有的属性参数了。（window小伙伴自行百度，这个没多大差别。如果你有多个设备，记得自己选好设备。）

在里面找到这一项，就是你的dns参数。有些人是net.dns1，我的是net.eth0.dns1。这个没关系，只是等下指令 稍微改动 就行。

修改dns指令：setprop net.eth0.dns1 192.168.2.1

后面的192.168.2.1是我自己的dns，这个根据自己的情况来填写。不懂的百度下怎么查看自己的dns。

虽然提示设置失败，但是回到模拟器一看，地图已经显示出来了。

嘿嘿，在flutter设定多大的区域，地图就是多大的区域。用起来就很方便了。

过程十分痛苦，因为对flutter不是很熟悉，对Android原生更是了解很少。所以自己就像突然不能讲话，被丢到一个陌生的环境，却要我去找一个人。所以细心很重要，一定要看清楚错误提示，不要错过每一个细节和可能性。

幸好最后解决了问题，开心~

其实如果你仔细阅读过百度官方的文档，会发现里面有关于 地图的生命周期管理 。然后在这里面没有提及到，这一点虽然没提，但不可或缺，小伙伴就自行思考吧。

最后还有一点，其实我的初衷是想实现一个百度地图的plugin，但是苦于能力有限，对Android的不熟悉，最后折戟。我不得已另起项目，然后重新实现地图sdk接入。经过这次对于这些有更多更全面的认知后，有空会再次研究flutter 插件的开发，共勉，奥利给！！！

五年后的前端会是什么样子的呢？

未来几年前端本身的开发技术应该不会有大的方向变化，但是将会呈现出四大发展趋势：

第一个趋势是入口应用会小程序化

类似腾讯、阿里、滴滴、美团这样作为入口的应用，会自己做自己的一套小程序体系，在自己的app内通行。这里的意思不是说大家都会去用微信小程序，而是会效仿微信小程序这套体系，搬到自己的app内。主要原因是，这些入口应用容纳自己公司各类业务线，已经臃肿不堪，使用原生开发迭代效率跟不上，使用HTML又难以做到高性能，因此使用类似小程序的方案，可以做到畅享HTML多年来积累的开发模式，同时裁撤大量平时用不到的API，降低渲染页面的复杂度。这个趋势会涉及到移动端开发。

第二个趋势是Web前后端融合为全栈开发

Node.js已经给前端开发很好地开了个头，这个头就是让前端人员了解HTTP协议的细节，了解常规的API开发。我相信很多人已经看明白了，为什么我们要做前后端分离，这里面主要原因除了代码开发部署上的分离，还有一部分是让不懂HTTP协议的人不要在接口层瞎鼓捣，因为这里面细节太多了，你都不了解HTTP缓存，你怎么知道哪个API的HTTP header应该用什么呢。因此了解HTTP协议的前端，会慢慢吃掉这部分后端开发的任务，而了解HTTP协议的后端，也会因为三大框架开发模式的成熟而学会前端开发。进而，这些两类人演化为全栈开发。

第三个趋势是营销类页面小程序化

这个指的就是大家平时在微信里看到的各类营销网页，因为主要入口在微信，因此变成微信小程序。这个大家比较好理解吧，就不多说了。小程序现在可能BUG多，功能跟不上，但是要替代这类网页可能也就是2年不到的时间。

第四个趋势才是大家看到的PWA、WASM代表的HTML内的技术改进，这个能影响到的范围看起来很大，但其实场景比较有限，主要是排除掉上面说的1和3之外的空间。空间就在于这两大技术目前都没有成熟的最佳实践，还需要探索。

亲爱的小伙伴，你对前端技术感兴趣吗？想了解一个绚丽多彩网站和小程序是如何被制作出来的吗？欢迎加入我们的前端技术大家庭：。在这里，不仅有志同道合的朋友，指导人生的老师，更有看不完的技术教程随你挑！心动吗？想学吗？那就动动你的小手手，加入我们吧！