100年后的编程是什么样子的？（下）

做者： 余果 | 腾讯社交用户体验设计部高级UI工程师，前端开发组负责人，UI开发通道评委，腾讯云特邀布道师，《Web全栈工程师的自我修养》做者。

此文已由做者受权腾讯云+社区发布，原文连接：https://cloud.tencent.com/dev...

在上一篇文章中，咱们定义了“将来”的时间段，也描述了如何“面向将来”去学习。简单的总结下，没有实践场景，学不到真正的技术。若是不动手去作，读再多书也不会学到新技术。

在本文中，咱们继续聊聊如何“跨界开发”。

我在腾讯的社交用户体验设计部工做，在这不长不短的6年多工做经验中，跟不少设计师打交道，也跟不少工程师打交道。我学到的一个宝贵知识是，设计不等于艺术，工程不等于科研。

设计不等于艺术。用文艺的话说就是“艺术发现问题，设计解决问题”。也便是说，设计为商业服务。做为上市公司的设计部门，须要清晰地展示产品，构建用户的渴望。在某种程度上，须要隐藏我的的“术”，而构建一个系统性的体验给用户。设计的创做虽然也依赖灵感，但总体上是科学的、可推导的。

工程不等于科研。科研须要在一个专精的技术点上达到一百分，甚至突破人类知识的最外层，达到101分。可是在工程的场景下，更重要的是投入恰到好处的技能点去实现现阶段的目标。

所以，当我想要独自建立一个本身的产品的时候，我天然而然在设计、前端、后端、APP客户端等都投入了恰到好处的技能点。

再强调一下，我并非想要作全栈工程师，因此学了这些技能，而是由于想要独自作一些产品，在这个过程当中，持续学习，不自觉领悟到了全栈工程师的一些心法。

我把这些心法都记录在个人新书《Web全栈工程师的自我修养》中。

我有一个假说，那就是“好的前端工程师必定是好的全栈工程师，反之不必定”。

由于没有数据证实，因此我必须老实认可，这只是我我的的一个假说。

如下是个人推导过程。

首先，若是咱们都赞成全栈工程师的定义是“可以独自完成一个产品的人”（而不是“精通一切技术的人”）。那么通常的Web产品或者App产品会须要的能力，大致上分为“技术”、“学习”和“产品感”三个方面。

技术是实现一个产品须要的“工程能力”，包括下图列出的先后端语言，数据结构和算法，系统设计能力，数据库，移动客户端。

学习体现了持续学习和解决新问题的能力。除了图中列出的技术，还有持续增加中的新技术，因此有效的学习能力必不可少。

产品感包括对用户体验的理解，以及根据产品数据来持续迭代产品的能力。为何产品感很重要？App Store有一些优秀的App，是由我的开发者独立开发的，他们完成了从构思到设计、从开发到发布的整个过程。若是没有良好的产品感，是没法实现从“程序员”到“工程师”的转变的。

前端工程师在学习和产品感上都有自然的优点。

由于国内即便是最优秀的大学，也没有“前端”这门专业。vue.js的做者Evan本科学的是艺术史，Node大神TJ是学设计，都不是计算机专业。最终进入到前端领域，靠的是爱好、勤奋和学习能力。因此我想“前端工程师学习能力强”这一点应该没有人能反驳。

在产品感上，由于前端常常跟用户界面打交道，因此在工做中就会思考怎样的用户界面会吸引用户。用户可能使用多种多样的浏览器和设备访问网站，所以也须要同理心来感觉用户的实际访问状况。再次强调，“没有实践场景，就不会有阵子的成长”，前端会在“产品感”上有更多实践场景。

固然，不是全部的前端都有这样的想法，可是对于走心的前端来讲，提高总体能力的机会有不少不少。

对于前端工程师而言，比较熟练的天然是前端技术（HTML/CSS/JavaScript），而熟练使用前端技术的前提，就是对系统有所理解。

系统设计是指使用软件工程的方式架构一个软件系统，可以对应解决现实生活中的实际问题。个人感受是，在软件系统中常常会用到HTTP协议，来进行客户端和服务器端的通讯，甚至服务器和服务器之间的通讯。对于必须掌握HTTP的前端工程师来讲，每每已经有大概的了解。

说到后端，语言其实并不构成很高的技术门槛。在服务器端，若是不是用户量特别大的系统，数据量均可以经过一台服务器来处理完成的话，前端工程师也常常会跟后台API和简单的模板型语言打交道。

只要投入时间，应用层的后端语言很快就能上手，你须要的只是一个使用后端语言的机会。

在学习后端语言时，个人建议是，专一项目，精简须要的技能列表。

也就是说，若是你已经精通JavaScript，就直接使用Node开始搭建后端吧，不要去学PHP或Java了。除了增长复杂度，并无太大意义。

人类的大脑并非为了处理复杂项目而设计。人类从原始村落进步到现代化都市，不是由于发生了基因或生理上的进化，而是协做方式发生了改变（分解复杂项目，每人都遵循共同接口，只完成分解后的工做）。因此全栈工程师在学习技能时也应认识到本身大脑的极限。

固然，若是团队对后端语言有要求，那必须遵循团队已有的技术能力。

总之，不要在某一特定时间同时学习多门语言，除了增长技术复杂度，没有任何意义。

说到Node，推荐一个网站。它是《软件随想录》做者Joel最新的革命性产品，可以让开发者以最快方式开发Node程序，而无需购买服务器和搭建开发环境。

如图，在package.json的dependencies里加入新的依赖库名称和版本号，保存，服务器会自动下载好对应的库到你的node_modules目录中。

还提供库名补全功能。

接下来你就能够直接在代码中使用这个库了，由于这个库已经安装在云端的“本地了”，太方便了！

说说移动客户端开发吧，具体而言是指iOS和Android客户端。

客户端原生开发与前端开发的类似之处是，本质上都只对数据进渲染，生成用户界面，以及对用户行为作出响应。从2015年开始，客户端开发和前端开发有愈来愈多的类似点，好比使用MVC的架构方式来把界面、逻辑和数据分开，好比均可以用React技术栈来实现。

当前端工程师接触到客户端原生开发，绝对会有一种“打开新天地”的感受！本来依赖客户端提供的设备接口，如今全均可以经过原生接口直接操做；本来超过几千行就崩溃的图文表单，使用原生UITableView能够如黄油般顺滑。

若是但愿复用已有的技能，而不是从头开始学习原生语言开始学习，能够考虑Hybrid（混合式）和React-Native两种方案。

对于Hybrid无需多言，实际上就是Web页面在WebView中的渲染，只要你熟悉移动站点开发，就能直接上手Hybrid开发。这种方式优势是足够简单，缺点是加载会比较慢，并且没法渲染大量数据。

对于React-Native而言，虽然跟Hybrid同样使用JavaScript做为编程语言，可是另外一种解决思路。React从新定义了一种渲染界面、处理数据和处理交互的编程方法，而后在各个平台中都能渲染成原生界面。经过这种方式，React宣称实现了“Learn once, write everywhere”。

由于React-Native实际上会编译成原生界面，因此性能通常比Hybrid好。React-Native正在提供愈来愈多的组件，可是要注意的是，有一些组件比其余组件性能更好。好比Navigator和NavigatorIOS都能实现应用内导航，但NavigatorIOS是直接封装了iOS的Navigator，因此性能更好。

在选择组件时，咱们须要根据性能和开发方便作权衡。若是对性能要求不高，那么使用Navigator便可，若是对性能要求很高，就应该针对iOS平台使用NavigatorIOS，对Android平台使用其余技术或者Navigator。

算法和数据结构，在大学计算机课程中占了很大比重。各类ACM竞赛也主要考察算法和数据结构，让一些学生认为这就是软件工程中最重要的部分。

实际上，“算法和数据结构”能够认为是和“系统设计”相反的技能树。理论走的是深度，是在追问在给定的计算能力约束下如何把一个问题解决得更快更好。而系统走的是广度，是在追问对于一个现实的需求如何在众多的技术中设计出最多快好省的技术组合。

现代的编程语言有很高的抽象程度，程序员无需掌控到内存级别的分配和释放，只要使用高级抽象的数据结构便可。JavaScript自己没有复杂的数据结构，可是使用prototype和闭包能够模拟出任何数据结构（包括树和链表），更有甚者，经过第三方库（好比underscore）能够做为加强版的JavaScript来使用。

“算法和数据结构”应该是基础内功，没有内功，只剩招数，没法成为绝世高手。不少自学成才的前端不理解算法，可能会写出渲染性能很糟糕的网站。

那么如何提高算法和数据结构能力呢？推荐一个网站

如今大部分题目已经支持JavaScript。

下面聊一下数据库。

数据库每每是网站发展到必定规模以后的最终瓶颈。

这并非个人我的观点，而是获得了大量网站证明。在用户量激增、feeds数激增时，第一个扛不住的就是数据库。因此当咱们聊website scale，可能一半的时间都在聊数据库的扩展。

MobgoDB 是一个面向文档( document- oriented) 的 数据库, 而不是关系型数据库。面向文档有这样几个好处：

1.易于使用：再也不有行（row）的概念，取而代之是文档（document），所以更加灵活，也更符合现代面向对象语言的开发者对数据的见解。此外，key跟value再也不是固定的类型和大小，所以，添加和删除字段变得更加容易了，实验能够很容易地进行。

2.易于扩展：数据库的大小正在加速增加，这也是符合安迪-比尔定律的。既然数据库的增加变成必然，那么如何扩展？从技术上分为纵向扩展（scale up）和横向扩展（scale out）两种思路。纵向扩展是指增长单个计算机的性能，使用更大的内存、更快的CPU和更大的硬盘。可是纵向扩展毕竟会遭遇性价比评价，因此如今的大型互联网系统都采用横向扩展的思路，将多个普通的计算机链接成为集群。基于此，想要增长性能只须要添加一台普通的计算机到集群就行了。

不过，管理1000台计算机集群显然比管理一台计算机困难的多。

MobgoDB采用横向扩展的架构设计，面向文档的数据类型时它可以轻松地在多台服务器之间进行数据分割。MobgoDB可以自动处理跨级群的数据和负载，自动从新分配文档，以及将用户请求到正确的机器上。这样，开发者可以集中精力写程序，而不用担忧扩展的问题。

安迪-比尔定律：Andy gives, Bill takes away.（安迪提供什么，比尔拿走什么。） 安迪指英特尔前CEO安迪·格鲁夫，比尔指微软前任CEO比尔·盖茨，这句话的意思是，硬件提升的性能，很快被软件消耗掉了。

3.卓越的性能：MobgoDB的一个主要目标是提供卓越的性能。在一些设计中，这一目标得以体现。好比MobgoDB能对文档进行动态填充（dynamic padding），也能预先分配文件以利用额外的空间来换取稳定的性能。总之，MongoDB在各方面的设计都旨在保持它的高性能

关于横向扩展，腾讯云的云服务器支持弹性订价，当用户达到必定级别时能够随时扩展。此外，腾讯云还支持各类关系型数据库、文档型数据库和数据库缓存机制。如今，腾讯云有对学生的特别优惠活动，只要上传学生证，就能够以1元低价得到域名+服务器。（参考地址）

好了，今天的分享就到这里，谢谢你们。

涉及到的连接单独放出一页，你们能够拍照，字号很大，后排也能看到。这样也许哪天在相册翻出来也会想到吧（哈哈）。

欢迎你们前往腾讯云+社区或关注云加社区微信公众号（QcloudCommunity），第一时间获取更多海量技术实践干货哦~