IT林木育苗技术包括什么？
点击联系发帖人
时间：2017-10-28 23:43
IT行业都有哪些岗位？ - CSDN博客
IT行业都有哪些岗位？
IT行业的岗位大概都有哪些？招聘会上让人眼花缭乱的岗位需求都指的是什么啊？
IT行业的岗位大概分为研发类、市场类、技术支持类、生产类、管理类，到招聘会时，可以按照这个分类问问面试官，你们这个职务，是研发职务还是生产职务，可能某些小公司的面试官会被你问住：）
1、研发类岗位
包括软件研发和硬件研发，在一个公司里面完成项目开发，或者定制产品，一般说来，软件研发基本上就算产品的设计者和制造者，硬件研发，只能算设计者。因为后面还有生产环节。
通常研发岗位包括RD，QA，以及配置管理员，架构师，小组长，项目经理，研发助理等，就是研究部分所有的职位。部门经理一般没有计算在内，部门经理管人，应该算管理岗位。不过有些小公司，部门经理和项目经理，甚至架构师，都不分，因此需要具体情况具体分析。
其中RD，就是我们说得最多的设计人员了。
RD 这个词有讲究，就是设计和实施，是两个意思，设计，是决定一个东西怎么做，实施是把它做出来，我们刚开始，可能都是先做实施，慢慢走到设计，模块设计，系统设计等等，如果做得好，以后慢慢专门做设计，就是架构师了。
软件人员一般RD不分，设计者通常就是实施者，因为基本上程序敲完，产品也就出来了。硬件人员则不同，一般就是设计者，以及第一轮白盒测试的QA，自己测，当产品测试稳定、定型，就可以交给中试部进行产品测试，最终上线贴片生产。
QA 这里面一般细分为软件测试和产品中试，像华为、迈普这类大中型企业，以生产硬件产品为主的公司，都有自己的中试部，中试部简单说，就是专门测试硬件的，比如各种静电测试，温度测试，跌落、震动测试等，为产品最终上线做准备。
软件研发通常还有个角色很重要，就是配置管理员，一般小公司没有这个角色，由负责的测试人员兼任，大公司会专门设置这个角色，并且这个角色还有商业秘密保全的功能。
软件人员开发的产品，在自己的机器上，一般叫测试版，只有提交到CVS或SVN等版本管理系统，才叫产品，测试部不是从软件人员手里拿软件去测，而是由配置管理员在中心服务器上，将软件产品从源代码编译成可执行文件，生成安装程序包，然后发给测试部，测试部测试完毕，返回测试报告，公司领导签字后，以后软件产品的发货，就是配置管理员负责发货。
在大公司，软件一旦投测，如果RD发现有个小bug，小公司可能打个招呼就改了，项目控制流程上看不出来，但在大公司，必须发文，说明上一版本作废，然后重新发测试申请，重新提交代码走流程，项目流程上就记录，废版一次，以后就是扣工资的依据。因此，大公司的程序员一般比较严谨，发版测试很谨慎，就是怕出现这类bug，这样的缺点是对市场的反应不够灵敏，可能客户提交一个bug，RD改只要几分钟，但是流程要走一两天，但是好处是产品质量有保证，每个人的工作结果都记录在案，便于管理，且程序外泄几乎不可能。
国外很多程序员，可能在一个公司工作一辈子，都没有见过自己服务的计算机，RD都在终端工作，自己本地测试好了，提交到中心服务器，由配置管理员负责最后的编译和提交。
2、市场类岗位
这大约是最多的，往低里说，电脑城的谈单员，就是市场，往高里说，华为、Cisco的地区总裁，其实也是市场角色。市场根据个人经验，又分为Sales和Marketing，前者是简单的客户成交服务者，即客户准备购买，完成买卖手续，协助送货什么的，Dell那边的电话销售小姐，大约就是这个角色，由于Dell是定制，因此她们还需要下订单。后者就是属于较高层级的销售人员了，可以引导市场，引导客户，促成交易。
一般说来，市场其实也是个技术活，很少有朋友是天才，上来就可以做到Marketing的，都是从Sales先入手，慢慢练，这个过程，可能比一个程序员走到架构师还难，很多销售人员，做一辈子，都做不到Marketing的，不信，去商场看看售货员，公交车的售票员，都是Sales。
我们经常说，每个行业都有英雄，其实市场中，Marketing就是英雄，一般说来，走到这一步，就可以站在这个行业的巅峰，出去讲课，拿最高的佣金，享受猎头挖角的快感等等。不过，很难的，有句话请大家注意，“这个世界上，99%的销售人员，都不知道自己在干什么，说的就是这个问题”，那1%才是Marketing。
通常情况下，开发人员瞧不起市场人员，总觉得对方是耍嘴皮子的，但市场人员同样也瞧不起开发人员，总觉得这帮书呆子不创造价值。呵呵，大家别生气，大多数公司，把研发单位，看做最大的成本单位，只花钱，不创造价值的，虽然我们设计了产品，但公司的财务上，这部分是没有价值的，产品价值是在销售出去以后才体现出来，因此，财务上看，研发部门总是赤字一片。
其实，真正厉害的市场人员，我们研发人员还是要尊重的，要知道，一个研发人员要成名成家，其实很容易，随便什么东西，攻克一个难点，出几篇论文，出一个产品，这个研发人员就可以在公司里面牛起来了，一个研究院，至少20%~30%都是这种牛人。但是，市场要能做到Marketing，前面说过，1%，可能都不到，你说这帮人算不算精英？
3、技术支持类岗位
技术支持，往低里说，电脑城的拼机器的，也是技术支持人员，通常由谈单员兼任，谈单员通常由大学生勤工俭学兼任，呵呵，一起练了。再往上，客户那边送货，把包装拆开，技术，联网，技术，调试网络，技术，再大了，这里说句话，希望大家不要见怪，网络管理员，其实也是技术支持。
以前有段时间，MCSE很流行，后来发现，研发单位招人，根本不看这个，因为这个学习的是如何操作机器，而研发是设计机器以及操作模式，让别人操作。CCIE也是啊，因此，当时很多说法其实是有点误导，说学了这些证书可以不上大学，成都还出现过一个娃娃，高三毕业考过了MCSE，就不上大学了的事情，现在不这么说了，因为毕竟上大学才是王道。光靠这个证书，是吃不了一辈子饭的。
在华为，迈普，技术支持是一个专门的职业，负责给客户送货，因为他们出路由器，安装配置有一大堆事情，电信局又是大牛，人家才不会去管这个事呢，厂家来人解决。顺便说一句，电信局守机房的，也是技术支持。
原来没这个职业，就要研发人员兼任，因为这毕竟是个技术活，不过，久了研发人员不干了，天天出差，还做什么研发，老板也不干了，因为研发人员工资高，在大家看来，连连线，配置几个IP地址，这不复杂，如果用研发人员干，成本太高了。
喏，就这样，一个独有的职业，技术支持，在IT企业被定义出来，许多年轻的朋友，希望进入IT业，没有本钱，不会做老板，也进不去一些大型公司的门，一般选择，就是在电脑城做技术支持起步。
现在很多系统集成公司，他们定义的项目经理，和研发单位的项目经理不太一样，其实也是技术支持，这类公司一般都是经销商，不是制造商，自己没有产品，靠代理别人的产品再销售来获取利润，一般说来，渠道这个词，就是指这类公司。这些公司的技术支持人员，主要工作就是看，我代理了哪些产品，哪些产品利润高，我怎么给客户报方案，把利润高的产品设计进去，等等。
这里面其实也有设计工作，但是，显而易见，这部分设计工作和前面的研发架构师的设计，是两个层面。
当然，这里有两个特例，一个是目前很多中小型，做网络应用的架构师，他们也有这个设计部分，这些企业一般都是项目制，没有自己的产品，每一单都要定制开发，这类和前面的系统集成设计有一定类似，因为很多项目包括了设备采购什么的。
另外一个特例就是系统集成设计，通常就是Marketing的活，因为自从IBM提出卖服务的概念以后，给客户交钥匙工程成为主流，大家都说自己是解决方案提供商，因此，Marketing通常就是采集需求，利用本公司产品或者代理的产品，组成解决方案，一体化提供给客户。
因此，从职业发展途径，技术支持一般说来，也可以走到Marketing。通常Marketing有两个产生渠道，Servicer技术支持，或Sales销售。
当然，这里也看出技术支持这个职业的短板，因为Marketing毕竟是销售为主，因此，销售能力占主导，技术支持人员由于长期和机器打交道，因此，恐怕也是机器脸居多，卖东西能力很差，因此，技术支持能转成Marketing的，更少。
当然，也有技术支持人员转回来做研发的，不过，也很少。
4、管理类岗位
一般说来，管理本身是抽象的，并不是IT业的管理，一定只能从IT业产生，或者一定只能管IT业，IBM的总裁郭士纳，就不是IT业出生，管理的英雄们，例子就太多了，他们有个统一的称呼，职业经理人。
前面说的几种，总的来说，都可以最终成长为管理，不过，管理也是最难的，一来人是最复杂的，不像机器那么好打交道，二来，管理要看运气，单纯说水平不行，得老板看得上才行，你说是吧？
因此，研发，销售，技术，要想成为管理，这个成功率，一般不高于1%的，不信，数数你们公司管理人员和普通员工的比例，或者，学校里面老师和学生的比例，虽然这不准，但基本能说明一点问题。
5、生产类岗位
这个岗位其实各公司都有，不过大多数老板不承认，员工也不愿意承认，呵呵。
大型公司，如华为、迈普，Intel等，以生产硬件产品为主的，基本上都有生产部，记住啊，这个生产部很重要，生产，仓储，物流，基本都在这一块。
千万别小看生产，目前生产线上的工人，由于要开贴片机什么的，基本上都要大专学历，还要培训的，有些目前找工作特别困难的同学，不妨考虑一下这类大型企业的生产岗位。
大型制造业，如美的，海尔等，他们很多管理层都是生产线上下来的，生产线上也不都是工人岗位，很多生产工艺师，工装设计师什么的，都需要设计这门工作，如果一个学历较高的人进入这个部门，只要自己肯努力，其实也很容易出头，毕竟周围的竞争对手太低了，呵呵，比起研究院来说，要容易得多。
6、其他类岗位
这就太多了，老板就属于其他了，呵呵，创业也属于其他，由于这部分不带普遍性，就不多说了。各级行政人员，如财务，秘书，都算其他吧。（
本文已收录于以下专栏：
相关文章推荐
Java线程死锁是由于有些资源彼此交叉取用,就有可能造成死结.如1线程中 取得A对象的锁定后又要取得B对象的锁定.但是同时2线程中取得B对象的锁定后又要取得A对象的锁定.这两个线程同时发生时就会造成,...
线程 安全问题的解决方案：sun提供了线程同步机制让我们解决这类问题的。
出现线程安全问题的根本原因：
1. 存在两个或者两个以上 的线程对象,而且线程之间共享着一个资源。
2. 有多个语句操作了共...
Java线程死锁如何避免这一悲剧  Java线程死锁需要如何解决，这个问题一直在我们不断的使用中需要只有不断的关键。不幸的是，使用上锁会带来其他问题。让我们来看一些常见问题以及相应的解决方法：
在多线程中如何找到安全问题所在:
1,明确哪些代码是多线程运行代码
2,明确共享数据
3,明确多线程运行代码中哪些代码是操作共享数据的
静态的同步方法中,使用锁是该方法所在类的字节码文...
其实，还缺少产品类岗位。
IT行业的岗位大概分为研发类、市场类、技术支持类、生产类、管理类，到招聘会时，可以按照这个分类问问面试官，你们这个职务，是研发职务还是生产职务，...
在大家看文章之前，我想说：首先，发这篇文章的原因是因为我本人对IT行业的具体岗位不是很了解，对未来的发展方向也有点迷茫，因此就在网上搜索了一些资料，同时想到可能也有很多像我一样的同学，所以就把资料进行...
1.WPF开发：WPF（Windows Presentation Foundation）是微软推出的基于Windows Vista的用户界面框架，属于.NET Framework 3.0的一部分。它提...
我们来打个比方，腾讯的这个招聘岗位，实际工作经验，3年以上即可。那么，我一个8年工作经验的人，进去了，和三年的有什么区别呢？
第一点，我们要站在总经理的角度去思考岗位薪酬，而不是死死盯住数字。3年的...
身处技术行业的您还在为找到心仪的工作而绞尽脑汁吗？看过《人人都有好工作》后，你将更加专业，让招聘经理对你刮目相看！图灵教育又一人文ITl力作《人人都有好工作》将在3月中旬上市，敬请关注！
☆ ...
他的最新文章
讲师：吴岸城
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)IT技术分享IT技术分享分享 IT （前端）技术与工具、设计等原创或翻译文章。关注专栏更多置顶文章最新文章{&debug&:false,&apiRoot&:&&,&paySDK&:&https:\u002F\\u002Fapi\u002Fjs&,&wechatConfigAPI&:&\u002Fapi\u002Fwechat\u002Fjssdkconfig&,&name&:&production&,&instance&:&column&,&tokens&:{&X-XSRF-TOKEN&:null,&X-UDID&:null,&Authorization&:&oauth c3cef7c66aa9e6a1e3160e20&}}{&database&:{&Post&:{&&:{&title&:&2017 年你应该学习的编程语言、框架和工具&,&author&:&itlion114&,&content&:&\u003Cp\u003E在过去的一年里，软件开发行业继续大踏步地向前迈进。回顾 2016 年，我们看到了更多新兴的流行语言、框架和工具，它们改变着我们的工作方式，让我们看到更多的可能。但在这个行业，紧随潮流是很难的。所以在每年年底，我们都会给你提供一些建议，它涉及什么是最重要的，以及你在未来一年中应该学习什么。\u003C\u002Fp\u003E\u003Ch2\u003E大趋势\u003C\u002Fh2\u003E\u003Cp\u003E\u003Cstrong\u003E渐进式 Web Apps\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cp\u003E在 2016 年里，我们见证了 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002Fweb\u002Fprogressive-web-apps\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EProgressive Web App\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 概念的蓬勃兴起。它意味着 Web 应用程序可以离线工作，并能提供原生移动应用的体验。它们可以添加到你的智能设备的主屏幕上，甚至可以给你发送推送通知，从而弥补与原生移动应用程序的差距。我们认为，在 2017 年，渐进式 Web Apps 将变得更加重要，也值得我们去探究。在这里\u003Ca href=\&https:\u002F\\u002F?target=http%3A\\u002F\u002Feverything-you-should-know-about-progressive-web-apps\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E查看相关概述\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E聊天机器人\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cp\u003E从运行聊天机器人的平台到构建其的框架，现在每个人都在谈论它。而社区里也正忙于此活动。（\u003Ca href=\&https:\u002F\\u002F?target=http%3A\\u002F\u002Fintroduction-to-chatbots\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E阅读我们的介绍\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E）机器人是一款新兴的移动应用程序，它让我们感到兴奋。如果你快点的话，还可以赶得上这波浪潮。然而一旦新鲜感消失，那么它只会承担一些无聊的角色，例如自动化的客服支持。但是，相信我们可以实现梦想。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E前端框架的合并\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cp\u003E在 JavaScript 社区，随着令人难以置信的框架和工具的混合，每周都会出现新的东西。直到最近，人们希望旧工具将被新工具所取代，但这不是 2016 年我们所想看到的。相反，我们看到了流行框架交换的想法，以及纳入新诞生框架中的创新元素。所以在 2017 年，你该选择哪个 JS 框架无关紧要，因为它们的功能大多是可以比较的。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E云端\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cp\u003E就目前的形势看，众多的公司与开发者们都在积极地拥抱“云”。云是可根据不同的需求，并通过控制面板来完全配置的虚拟化计算机基础设施。目前三大云提供商为亚马逊 AWS、Google Cloud 和 微软 Azure. 由于它们的竞争价格一直在下跌，使得小公司和个人开发者也可以将云纳入其预算中，所以熟悉云工作流程将是 2017 年的一笔不错的投资。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E机器学习\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cp\u003E机器学习（ML）在去年一年中呈现爆炸式的增长。三月份 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FAlphaGo_versus_Lee_Sedol\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EAlphaGo 与李世石的精彩对决\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E，也让它成为了焦点。从原始数据中学习的智能计算机系统，正在改变我们与移动设备的交互方式。看样子，机器学习将在 2017 年成为更大的影响因素。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cimg src=\&https:\u002F\\u002F50\u002Fv2-f5ce836cd2d01c50a36b6_b.jpg\& data-rawwidth=\&785\& data-rawheight=\&340\& class=\&origin_image zh-lightbox-thumb\& width=\&785\& data-original=\&https:\u002F\\u002F50\u002Fv2-f5ce836cd2d01c50a36b6_r.jpg\&\u003E\u003Ch2\u003E编程语言\u003C\u002Fh2\u003E\u003Cp\u003E\u003Cstrong\u003EJavaScript\u003C\u002Fstrong\u003E 继续迈着令人难以置信的创新步伐在前进。由于 Web 浏览器的快速发布计划，JS 的标准定为了每年更新。故“\u003Ca href=\&https:\u002F\\u002F?target=https%3A\\u002Ftc39\u002Fproposals\u002Fblob\u002Fmaster\u002Ffinished-proposals.md\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EESCi class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E”预计将在 2017 年中期完成，它也将带来 JS 开发者梦寐以求的新特性——用于处理异步函数的аsync\u002Fаwait。同时要感谢 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fbabeljs.io\u002Fdocs\u002Fplugins\u002Fpreset-esF\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EBabel\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E ，因为你现在可以在每个浏览器中编写 ES2017 了。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003ETypeScript 2.1\u003C\u002Fstrong\u003E 于 2016 年年底\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fblogs.\u002Ftypescript\u002F\u002F07\u002Fannouncing-typescript-2-1\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E发布\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E，它将为旧浏览器带来Async\u002FAwait异步解决方案，并改进了类型推断。TypeScript 是一种编译为纯 JavaScript 的静态类型语言。它增强了经典的 OOP 模型和可选的静态类型，使大代码库更易于维护。同时，它也是编写 Angular 2 应用程序的首选语言，我们建议你可以尝试下。 这是关于它的\u003Ca href=\&https:\u002F\\u002F?target=http%3A\\u002F\u002Flearn-typescript-in-30-minutes\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E快速入门指南\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003EC#7.0\u003C\u002Fstrong\u003E 预计在 2017 年发布，作为一门优秀的编程语言，它也将得到更大的改进。当微软推出开源的 Visual Studio 代码编辑器和 .Net Core 时，这一举动让众人都感到惊讶万分。它们不仅可以在 Linux、Windows 和 macOS 操作系统中运行，而且你可以在 C＃ 中编写快速、高效的应用程序（\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002Fen-us\u002Fdotnet\u002Farticles\u002Fcore\u002Findex\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E在这里\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E阅读更多）。同时，这两种工具也都形成了充满活力的社区。相信，它们将在 2017 年会给我们带来更多的惊喜。\u003C\u002Fp\u003E\u003Cp\u003EPython 3.6 版本将于 12 月\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fdocs.python.org\u002F3.6\u002Fwhatsnew\u002F3.6.html\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E发布\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E。它正在巩固自身在开发人员、IT 专业人员和科学家在脚本语言选择中的地位。它适用于自动化、Web开发、机器学习和科学计算。虽然 Python 2.X 与 3.X 版本的割裂，对于社区来说是一个长达数年的斗争，但是就目前而言，你可以自信地选择 Python 3 并享受完整的库支持。而对于那些需要额外性能的朋友，建议你们看看 \u003Ca href=\&https:\u002F\\u002F?target=http%3A\u002F\u002Fpypy.org\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EPyPy\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E，一个可启用 Python 运行时 JIT 的替代品。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003ERuby 2.3\u003C\u002Fstrong\u003E 已在今年早些时候\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fwww.ruby-lang.org\u002Fen\u002Fnews\u002F\u002F25\u002Fruby-2-3-0-released\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E发布\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E了，并带来了一些性能上的改进。同时，Ruby 也是学习通用脚本语言的一个好选择，但是只有当它和 Rails 相配合的时候才能发挥出其最大的功效。伴随 Ruby 3×3 计划的宣布，也促使了即将到来的 Ruby 3 版本比当前版本的运行速度快 3 倍。而你也可以在更多的情景中，打开使用 Ruby 的大门。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003EPHP 7.1\u003C\u002Fstrong\u003E 版本已在 12 月\u003Ca href=\&https:\u002F\\u002F?target=http%3A\u002F\u002Fphp.net\u002Fmanual\u002Fen\u002Fmigration71.php\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E发布\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E，并对该语言进行了小范围的增强。这个版本基于了去年 7.0 版本主要性能的改进，将 PHP 转变为构建 Web 应用程序的快速平台。如果你打算学习，我们推荐你看看 \u003Ca href=\&https:\u002F\\u002F?target=http%3A\u002F\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EPHP 之道\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E中的最佳实践。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003EJava 9\u003C\u002Fstrong\u003E 预计在 2017 年发布，它将带来一些备受开发者们所欢迎的新功能，例如评估代码的 repl、HTTP 2.0 的支持以及一些新的 API . 对于有才能的 Java 开发人员和广泛使用该语言进行项目研发的人来说，他们对这些新特性是有强烈需求的。如果 Java 不是你的“菜”，这里还有一些基于 JVM 的编程语言，像 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fkotlinlang.org\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EKotlin\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 和 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fwww.scala-lang.org\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EScala\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E，你也可以了解下。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003ESwift 3\u003C\u002Fstrong\u003E 已经在今年早些时候发布了。简化 iOS 和 MacOS 上应用程序的开发，是苹果公司对现代编程语言的愿景。由于 Swift 是\u003Ca href=\&https:\u002F\\u002F?target=https%3A\\u002Fapple\u002Fswift\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E开源\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E的，所以也涌现了大量的社区。Swift 4 计划于 2017 年发布，此版本将会改进语言并引入服务器 API，致力使其成为编写 Web 应用程序和后端的不错选择。\u003C\u002Fp\u003E\u003Cp\u003E如果你在寻找一些让你感到兴奋的东西，你可以尝试下 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fcrystal-lang.org\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ECrystal\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 和 \u003Ca href=\&https:\u002F\\u002F?target=http%3A\u002F\u002Felixir-lang.org\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EElixir\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E。它们都拥有类似与 Ruby 的友好语法以及卓越的性能，或者你也可以看看类似于 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fwww.haskell.org\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EHaskell\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 或 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fclojure.org\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EClojure\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 这类函数式语言。另外两种快速编程语言，我们推荐给你 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fwww.rust-lang.org\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ERust\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 和 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fgolang.org\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EGo\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 语言。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E挑一个或多个学习：\u003C\u002Fstrong\u003E JS (ES2017)、TypeScript、C#、Python、Ruby、PHP7、Java\u002FKotlin\u002FScala.\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cimg src=\&https:\u002F\\u002F50\u002Fv2-bc1b1d8e358_b.jpg\& data-rawwidth=\&785\& data-rawheight=\&340\& class=\&origin_image zh-lightbox-thumb\& width=\&785\& data-original=\&https:\u002F\\u002F50\u002Fv2-bc1b1d8e358_r.jpg\&\u003E\u003Ch2\u003E前端\u003C\u002Fh2\u003E\u003Cp\u003E近期 Web 平台取得了两个重大的进展：\u003Ca href=\&https:\u002F\\u002F?target=http%3A\u002F\u002Fwebassembly.org\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EWeb Assembly\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 字节码技术和 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fdeveloper.mozilla.org\u002Fen\u002Fdocs\u002FWeb\u002FAPI\u002FService_Worker_API\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EService Workers\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 技术。它们打开了快速、高效的 Web 应用程序的大门，并且有效的弥补了编译本地应用上的差距。Service Workers 是针对渐进式 Web App 的启动技术，它为 Web 平台提供了通知上的支持，将来也会有更多的 API.\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003EAngular.js 2\u003C\u002Fstrong\u003E 在今年也已经\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fangular.io\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E发布\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E了。该框架由 Google 进行维护，受到了众多企业和大公司的青睐。它所具备众多的功能，也为从网络到桌面以及移动应用程序中编写任何东西成为了可能。而它的框架也是用 TypeScript 所编写的，这也是写应用程序推荐的编程语言。虽然学习它还需要阅读更多的内容，但我们认为在 2017 年学习 Angular 2 将是一个很不错的投资。\u003C\u002Fp\u003E\u003Cp\u003E在今年我们也看到了 \u003Cstrong\u003EVue.js\u003C\u002Fstrong\u003E\u003Ca href=\&https:\u002F\\u002F?target=https%3A\\u002Fthe-vue-point\u002Fvue-2-0-is-here-ef1f26acf4b8\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E2.0 版本的发布\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E，它借鉴了 Angular，React 和 Ember 中好的想法，并且比前两个框架更轻量、更快速。我们建议你今年要试一试，你可以从我们的 \u003Ca href=\&https:\u002F\\u002F?target=http%3A\\u002Ftag\u002Fvue-js\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EVue.js 教程\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E开始。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E\u003Ca href=\&https:\u002F\\u002F?target=http%3A\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EEmber\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fstrong\u003E 是 JavaScript 框架的另一个不错的选择。它支持数据双向绑定，并能够自动更新模板、组件以及服务器端渲染。与其他竞争者相比，使用它的好处是它更加成熟与稳定，而其框架的重大更改频率之低，社区重视向后的兼容性，也使得此框架成为开发较长生命周期的应用程序的不二之选。\u003C\u002Fp\u003E\u003Cp\u003E另外两个值得一提的框架是 \u003Ca href=\&https:\u002F\\u002F?target=http%3A\u002F\u002Faurelia.io\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EAurelia\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 和 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Ffacebook.github.io\u002Freact\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EReact\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E。在过去的一年里 React 的生态系统变得越来越复杂，因此很难推荐给初学者。但经验丰富的开发者可以将库与 \u003Ca href=\&https:\u002F\\u002F?target=http%3A\u002F\u002Fgraphql.org\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EGraphQL\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E、\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Ffacebook.github.io\u002Frelay\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ERelay\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E、\u003Ca href=\&https:\u002F\\u002F?target=http%3A\u002F\u002Ffacebook.github.io\u002Fflux\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EFlux\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 和 \u003Ca href=\&https:\u002F\\u002F?target=http%3A\u002F\u002Ffacebook.github.io\u002Fimmutable-js\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EImmutable.js\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 组合成一个全面完整的全栈解决方案。\u003C\u002Fp\u003E\u003Cp\u003E没有提及 \u003Cstrong\u003E\u003Ca href=\&https:\u002F\\u002F?target=http%3A\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EBootstrap\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fstrong\u003E 的前端终归是不完整的。而 Bootstrap 4 目前也正处于 Alpha 阶段，预计在 2017 年发布。值得关注的变化是新的通用卡片组件和 Flexbox 网格（查看与\u003Ca href=\&https:\u002F\\u002F?target=http%3A\\u002F\u002Fboostrap-4-regular-vs-flex-grid\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E常规网格的对比\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E），这使得框架更加现代化，并且让用户使用它进行工作时更加得舒心。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E\u003Ca href=\&https:\u002F\\u002F?target=http%3A\u002F\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ESASS\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fstrong\u003E 和 \u003Cstrong\u003E\u003Ca href=\&https:\u002F\\u002F?target=http%3A\u002F\u002Flesscss.org\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ELESS\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fstrong\u003E 仍然是当前最流行的两种 CSS 预处理器。尽管 Vanilla CSS 已经实现了对变量的支持，但对 mixins、函数和代码组织上的支持，SASS 和 LESS 依然更胜一筹。如果您还没有了解它们，可以看看我们的 \u003Ca href=\&https:\u002F\\u002F?target=http%3A\\u002F\u002Flearn-sass-in-15-minutes\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ESASS\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 和 \u003Ca href=\&https:\u002F\\u002F?target=http%3A\\u002F\u002Flearn-less-in-10-minutes-or-less\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ELESS\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 快速入门指南。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E挑一个或多个学习：\u003C\u002Fstrong\u003EAngular 2、Vue.js、Ember、Bootstrap、LESS\u002FSASS\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cimg src=\&https:\u002F\\u002F50\u002Fv2-f91b76d925c071c6d49eb_b.jpg\& data-rawwidth=\&785\& data-rawheight=\&340\& class=\&origin_image zh-lightbox-thumb\& width=\&785\& data-original=\&https:\u002F\\u002F50\u002Fv2-f91b76d925c071c6d49eb_r.jpg\&\u003E\u003Ch2\u003E后端\u003C\u002Fh2\u003E\u003Cp\u003E后端有众多的选择，但所有的选择都取决于你对编程语言或特定性能需求的偏好上。Web 开发中的一个持续趋势是远离后端的业务逻辑，并将该层转换为由前端和移动应用程序使用的 API 上。但一个全栈的框架通常是能够更简单、快速的应用于开发，并且它仍然是 Web 应用程序最有效的选择。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003ENode.js\u003C\u002Fstrong\u003E 是在浏览器之外运行 JS 的主要方式。在今年，我们也看到了它发布了许多新的版本。除了提升了性能外，也添加了对整个 ES6 规范的覆盖。Node 具有构建快速 API、服务器、桌面应用程序甚至机器人的框架，同时它可以创建想象到的各种模块的庞大社区。这里有一些你可能想研究的框架：\u003Ca href=\&https:\u002F\\u002F?target=http%3A\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EExpress\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E、\u003Ca href=\&https:\u002F\\u002F?target=https%3A\\u002Fkoajs\u002Fkoa\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EKoa\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E、\u003Ca href=\&https:\u002F\\u002F?target=https%3A\\u002Fzeit\u002Fnext.js\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ENext\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E、\u003Ca href=\&https:\u002F\\u002F?target=http%3A\u002F\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ENodal\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E.\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003EPHP\u003C\u002Fstrong\u003E 是一种拥有大量 Web 框架可供你选择的 Web 开发语言。由于其拥有出色的文档和功能，\u003Ca href=\&https:\u002F\\u002F?target=https%3A\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ELaravel\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 已建成了一个活跃的社区。Zend Framework 发布了\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002Fblog\u002F-zend-framework-3.html\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E第 3 版\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E，这标志着面向业务框架的巨大升级。在今年，我们也看到了 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ESymfony\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 发行了很多新的版本，使它成为了全栈解决方案中更好的选择。\u003C\u002Fp\u003E\u003Cp\u003E对于 \u003Cstrong\u003ERuby\u003C\u002Fstrong\u003E 来说，Rails 框架是首选的。\u003Ca href=\&https:\u002F\\u002F?target=http%3A\u002F\u002Fweblog.rubyonrails.org\u002F\u002F30\u002FRails-5-0-final\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ERails 5.0\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 版本已于今年发布，并为 Web Sockets、API 模型等方面提供了支持。对于小型应用程序而言，\u003Ca href=\&https:\u002F\\u002F?target=http%3A\u002F\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ESinatra\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 也是一个不错的选择，Sinatra 2.0版本预计在 2017 年发布。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003EPython\u003C\u002Fstrong\u003E 有着以 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EDjango\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 和 \u003Ca href=\&https:\u002F\\u002F?target=http%3A\u002F\u002Fflask.pocoo.org\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EFlask\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 为组合的全栈\u002F迷你型框架。Django 1.10 已在今年 8 月\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002Fweblog\u002FFaug\u002F01\u002Fdjango-110-released\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E发布\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E了，它为 Postgres 引入了全文搜索和一个重大修改的中间件层。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003EJava\u003C\u002Fstrong\u003E 的生态系统中，依旧有很多流行的 Web 框架可供你选择。\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EPlay\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 和 \u003Ca href=\&https:\u002F\\u002F?target=http%3A\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ESpark\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 便是两个必备的选择，同时它们也可以与 Scala 一起使用。\u003C\u002Fp\u003E\u003Cp\u003E对于编程爱好者来说，你还可以选择 \u003Ca href=\&https:\u002F\\u002F?target=http%3A\u002F\u002Fwww.phoenixframework.org\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EPhoenix\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E，它是用 \u003Cstrong\u003EElixir\u003C\u002Fstrong\u003E 编写的，它试图成为一个具有卓越的性能，并能完整替代 Rails 功能的框架。如果 Elixir 是你想在 2017 年学习的语言之一，不妨尝试下 Phoenix .\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E学习其中之一：\u003C\u002Fstrong\u003E全栈后端框架、一个微框架\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cimg src=\&https:\u002F\\u002F50\u002Fv2-4893f61aecc05d99e1a1e20ccef0a81d_b.jpg\& data-rawwidth=\&785\& data-rawheight=\&340\& class=\&origin_image zh-lightbox-thumb\& width=\&785\& data-original=\&https:\u002F\\u002F50\u002Fv2-4893f61aecc05d99e1a1e20ccef0a81d_r.jpg\&\u003E\u003Ch2\u003E数据库\u003C\u002Fh2\u003E\u003Cp\u003E\u003Cstrong\u003EPostgreSQL\u003C\u002Fstrong\u003E 在今年已经发行了两个完整的版本——\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fwiki.postgresql.org\u002Fwiki\u002FWhat%27s_new_in_PostgreSQL_9.5\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E9.5\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E和\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fwww.postgresql.org\u002Fabout\u002Fnews\u002FF\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E9.6\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E.它们带来了我们从 MySQL 就开始期盼的 UPSERT （aka ON DUPLICATE KEY UPDATE）功能，以及更好的全文搜索和速度改进功能，这多亏了并行查询，更高效的复制、聚合、索引和排序。Postgres 适用于大规模、TB 级规模的数据集以及繁忙的 Web Apps，这些优化都是很受欢迎的。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E\u003Ca href=\&https:\u002F\\u002F?target=http%3A\\u002Fthe-mysql-8-0-0-milestone-release-is-available\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EMySQL 8.0\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fstrong\u003E 将是数据库的下一个主要版本。预计在 2017 年发布，它将给系统带来更多的改进。MySQL 仍然是最受欢迎的数据库管理系统，整个行业都受益于这些新的版本。\u003C\u002Fp\u003E\u003Cp\u003E对于 NoSQL 的粉丝们，我们推荐 \u003Ca href=\&https:\u002F\\u002F?target=http%3A\u002F\u002Fcouchdb.apache.org\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ECouchDB\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E。它是一个快速、可扩展的 JSON 存储系统，同时公开了一个 REST-ful HTTP API.此数据库易于使用，同时性能卓越。与 CouchDB 对应的是 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EPouchDB\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E ，它可以完全在浏览器中工作，并且可以与 Couch 同步数据。所以你可以在离线应用程序上使用 PouchDB ，联网后它会自动同步数据。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fredis.io\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ERedis\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fstrong\u003E 是我们最喜欢的键-值存储型数据库。它体积小、快速并且有丰富的特性。作为 NoSQL 数据存储或进程消息和同步通道，你可以使用它作为智能分布式高速缓存系统的可替代方案。它提供了大量的数据结构可供选择，并且在即将到来的 4.0 版本中会有一个模块系统，并将改进复制功能。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E学习其中之一：\u003C\u002Fstrong\u003EPostgres、MySQL、CouchDB、Redis.\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cimg src=\&https:\u002F\\u002F50\u002Fv2-ba11c44c175b_b.jpg\& data-rawwidth=\&785\& data-rawheight=\&340\& class=\&origin_image zh-lightbox-thumb\& width=\&785\& data-original=\&https:\u002F\\u002F50\u002Fv2-ba11c44c175b_r.jpg\&\u003E\u003Ch2\u003E工具\u003C\u002Fh2\u003E\u003Cp\u003E\u003Cstrong\u003E\u003Ca href=\&https:\u002F\\u002F?target=https%3A\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EYarn\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fstrong\u003E 是由 Facebook 开发的 Node.js 包管理器。它是对 npm 命令行工具的升级，并提供了更快速地安装，更好的安全性以及确定性的构建。它仍然使用 npm 包注册表作为其后端，因此您甚至可以访问同一个 JavaScript 模块的生态系统。Yarn 与 npm 使用的 package.json 格式是兼容的，区别在于前者能实现快速安装。\u003C\u002Fp\u003E\u003Cp\u003E作为两个最受开发者欢迎的开源代码编辑器——\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EVisual Studio Code\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 和 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fatom.io\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EAtom\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E ，在过去一年中，我们看到了它们进行了很多不可思议的创新。这两个项目都是使用 Web 技术构建的，社区中也吸引了大量的粉丝。编辑器具备高扩展，提供了诸如语法检查、linting 和重构工具的相关插件。\u003C\u002Fp\u003E\u003Cp\u003E作为最流行的源代码版本控制系统，\u003Cstrong\u003E\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EGit\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fstrong\u003E 当之无愧。虽然它无服务器，但你可以将计算机上的任何文件夹转换为存储库。如果你想共享代码，像 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EGitLab\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E、\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fbitbucket.org\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EBitbucket\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 和\u003Ca href=\&https:\u002F\\u002F?target=https%3A\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EGitHub\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 都是不错的选择。在 2017 年，我们建议你\u003Ca href=\&https:\u002F\\u002F?target=http%3A\\u002F\u002Flearn-git-in-30-minutes\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E熟悉 git 命令行\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E，因为它会比您想象的更加方便。\u003C\u002Fp\u003E\u003Cp\u003E桌面应用程序依然没有消失。即使 Web App 变得越来越强大，有时你依然会需要强大的功能和 API，这是 Web 平台无法提供的。你可以使用诸如 \u003Cstrong\u003EElectron\u003C\u002Fstrong\u003E 和 \u003Cstrong\u003ENW.js\u003C\u002Fstrong\u003E 之类的工具，利用 Web 技术来创建桌面应用程序，同时你也可以完全访问操作系统和 npm 可用的广度模块。要了解这些工具的更多信息，请阅读有关 \u003Ca href=\&https:\u002F\\u002F?target=http%3A\\u002F\u002Fcreating-your-first-desktop-app-with-html-js-and-electron\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EElectron\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 和 \u003Ca href=\&https:\u002F\\u002F?target=http%3A\\u002F\u002Fyour-first-node-webkit-app\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ENW.js\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 的教程。\u003C\u002Fp\u003E\u003Cp\u003E软件开发团队的最新趋势是让开发人员负责自己软件项目中的部署，也称为 DevOps.这能产生更快地发布和更迅速地修复生产中出现的问题。而具有运维经验的开发人员将得到公司的高度重视，因此从现在开始熟悉能够实现这一目标的技术，将对你来说是一个巨大的提升。我们推荐的工具是 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EAnsible\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 和 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EDocker\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 。同时，具备 Linux 命令行和基本系统管理技能，也将为你的职场生涯大大的加分。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E尝试一个或多个学习：\u003C\u002Fstrong\u003EYarn、Git、Visual Studio Code、Electron、Ansible、Docker.\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cimg src=\&https:\u002F\\u002F50\u002Fv2-2d7098e5add4668858bca_b.jpg\& data-rawwidth=\&785\& data-rawheight=\&340\& class=\&origin_image zh-lightbox-thumb\& width=\&785\& data-original=\&https:\u002F\\u002F50\u002Fv2-2d7098e5add4668858bca_r.jpg\&\u003E\u003Ch2\u003E技术\u003C\u002Fh2\u003E\u003Cp\u003E随着大型公司数据中心的关闭，并调整其整体的基础设施到云上，我们可以看到\u003Cstrong\u003E云\u003C\u002Fstrong\u003E已经赢得了整个软件行业。目前三个主要的平台是 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EAWS\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E, \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EGoogle Cloud\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 和 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EAzure\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E。这三大平台都有着强大的功能，同时不断地扩展其功能集，涉及虚拟机、数据库托管、机器学习服务等。由于价格的迅速下降，小公司和个人开发者也都可以接触到云。对于 2017 年，在云上部署一个业余项目将是一个很好的学习积累。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E人工智能\u003C\u002Fstrong\u003E是 2016 年的流行词。语音识别和图像分类只是该技术在面向用户应用程序的两个部分，人工智能设备的性能达到甚至超越了人类的水平。当下众多的创业公司也将 AI 和机器学习应用到其新的领域，同时许多相关的开源项目也已经发布，例如谷歌的 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fwww.tensorflow.org\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ETensor Flow\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 和微软的 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002Fen-us\u002Fresearch\u002Fproduct\u002Fcognitive-toolkit\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ECognitive Toolkit\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E。机器学习是一个与数学非常相关的主题，对于刚刚开始的人，这里有全面的\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002Fcourse\u002Fdeep-learning--ud730\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E在线课程\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E供你学习。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E虚拟现实\u003C\u002Fstrong\u003E（VR）和\u003Cstrong\u003E增强现实\u003C\u002Fstrong\u003E（AR）已经存在了一段时间，而最终该技术已经成熟到足以提供引人注目的体验。Facebook（\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EOculus Rift\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E），Google（\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002Fdaydream\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EDaydream\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E）和 Microsoft（\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002Fen-us\u002Fwindows\u002Fholographic\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EWindows Holographic\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E）都有欢迎第三方开发者加入的虚拟现实平台。然而 VR 穿戴设备依然面临着艰巨的挑战。例如如何消除穿戴者恶心的感觉，以及脱离了游戏圈，又如何创造令人信服的使用案例。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E挑一种学习：\u003C\u002Fstrong\u003E云部署、机器学习库、VR 开发\u003C\u002Fp\u003E\u003Cp\u003E如果觉得文章不错，不妨点个赞。^_^\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E注：\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Col\u003E\u003Cli\u003E若有翻译不当之处，还请大家多多指正，我会及时修改；\u003C\u002Fli\u003E\u003Cli\u003E本文版权归原作者所有。如需转载译文，烦请注明出处，谢谢！\u003C\u002Fli\u003E\u003C\u002Fol\u003E\u003Cblockquote\u003E英文原文：\u003Ca href=\&https:\u002F\\u002F?target=http%3A\\u002F\u002Fthe-languages-frameworks-tools-you-should-learn-in-F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EThe Languages, Frameworks and Tools You Should Learn in Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003Cbr\u003E作者：Martin Angelov\u003Cbr\u003E译者：\u003Ca href=\&https:\u002F\\u002F?target=http%3A\\u002Fitlion114\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EIT程序狮\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003Cbr\u003E译文源自：\u003Ca href=\&https:\u002F\\u002Fp\u002F\& class=\&internal\&\u003E\u003Cspan class=\&invisible\&\u003Ehttps:\u002F\u002F\u003C\u002Fspan\u003E\u003Cspan class=\&visible\&\\u002Fp\u002F24\u003C\u002Fspan\u003E\u003Cspan class=\&invisible\&\u003E3C\u002Fspan\u003E\u003Cspan class=\&ellipsis\&\u003E\u003C\u002Fspan\u003E\u003C\u002Fa\u003E\u003C\u002Fblockquote\u003E&,&updated&:new Date(&T10:54:15.000Z&),&canComment&:false,&commentPermission&:&anyone&,&commentCount&:65,&likeCount&:922,&state&:&published&,&isLiked&:false,&slug&:&&,&isTitleImageFullScreen&:false,&rating&:&none&,&titleImage&:&https:\u002F\\u002Fv2-caf0cc7f241a39a239c10d_r.jpg&,&links&:{&comments&:&\u002Fapi\u002Fposts\u002F2Fcomments&},&topics&:[{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&前端开发&},{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&程序员&},{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&编程语言&}],&adminClosedComment&:false,&href&:&\u002Fapi\u002Fposts\u002F&,&excerptTitle&:&&,&column&:{&slug&:&itlion114&,&name&:&IT技术分享&},&sourceUrl&:&&,&pageCommentsCount&:65,&snapshotUrl&:&&,&publishedTime&:&T18:54:15+08:00&,&url&:&\u002Fp\u002F&,&summary&:&\u003Cimg src=\&https:\u002F\\u002F50\u002Fv2-f5ce836cd2d01c50a36b6_200x112.jpg\& data-rawwidth=\&785\& data-rawheight=\&340\& class=\&origin_image inline-img zh-lightbox-thumb\& data-original=\&https:\u002F\\u002F50\u002Fv2-f5ce836cd2d01c50a36b6_r.jpg\&\u003E在过去的一年里，软件开发行业继续大踏步地向前迈进。回顾 2016 年，我们看到了更多新兴的流行语言、框架和工具，它们改变着我们的工作方式，让我们看到更多的可能。但在这个行业，紧随潮流是很难的。所以在每年年底，我们都会给你提供一些建议，它涉及什么…&,&reviewingCommentsCount&:0,&meta&:{&previous&:null,&next&:null},&commentsCount&:65,&likesCount&:922},&&:{&title&:&2017 Web 开发者学习路线图&,&author&:&itlion114&,&content&:&\u003Cp\u003E本文是源自 \u003Ca href=\&https:\\u002Fkamranahmedse\u002Fdeveloper-roadmap\& data-editable=\&true\& data-title=\&Github\&\u003EGithub\u003C\u002Fa\u003E 上 \u003Ca href=\&https:\\u002Fkamranahmedse\& data-editable=\&true\& data-title=\&Kamran Ahmed\&\u003EKamran Ahmed\u003C\u002Fa\u003E 建立的一个仓库。在文中，作者为他的老教授分享了一组成为前端与后端开发者以及 \u003Ca href=\&http:\\u002FR6G8K2O\& data-editable=\&true\& data-title=\&Devops\&\u003EDevops\u003C\u002Fa\u003E 人员需要掌握的学习路线图，以便与他的学生们分享他们的观点。\u003C\u002Fp\u003E\u003Cp\u003E同时，有任何改进的建议或意见也欢迎给作者提 PR 。那么，我们一起来看看需要 Get 哪些技能？\u003C\u002Fp\u003E\u003Cbr\u003E\u003Ch2\u003E介绍\u003C\u002Fh2\u003E\u003Cimg src=\&v2-ad3d41ce730dc10c643e.png\& data-rawwidth=\&1129\& data-rawheight=\&439\&\u003E\u003Ch2\u003E前端开发学习路线图\u003C\u002Fh2\u003E\u003Cimg src=\&v2-8a008b9fefc1db87d517632.png\& data-rawwidth=\&1170\& data-rawheight=\&1526\&\u003E对于后端，作者更喜欢使用 Node JS 和 PHP-7，同时最近他也在研究 GO 语言。除了学习上述所说的，如果还可以选择一门编程语言，他还是比较青睐 Ruby 的。当然，这些只是他个人的爱好。\u003Cbr\u003E\u003Ch2\u003E后端开发学习路线图\u003C\u002Fh2\u003E\u003Cimg src=\&v2-fa3.png\& data-rawwidth=\&1223\& data-rawheight=\&1859\&\u003E最后，我们再看看他推荐的 DevOps 学习路线图：\u003Cbr\u003E\u003Cimg src=\&v2-0bb53aa531fd3b94fab4.png\& data-rawwidth=\&1346\& data-rawheight=\&1750\&\u003E当然，以上路线图或许还待改善，大家有好的建议可以给他提 PR，大家可以酌情的了解与参考。\u003Cbr\u003E\u003Cp\u003E感谢你的阅读。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E注：\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Col\u003E\u003Cli\u003E本文版权归原作者所有，仅用于学习与交流。\u003C\u002Fli\u003E\u003Cli\u003E如需转载译文，烦请按下方注明出处信息，谢谢！\u003C\u002Fli\u003E\u003C\u002Fol\u003E\u003Cblockquote\u003E\u003Cp\u003E英文原文：\u003Ca href=\&https:\\u002Fkamranahmedse\u002Fdeveloper-roadmap\& data-editable=\&true\& data-title=\&Roadmap to becoming a web developer in 2017\&\u003ERoadmap to becoming a web developer in C\u002Fa\u003E\u003Cbr\u003E作者： \u003Ca href=\&https:\\u002Fkamranahmedse\& data-editable=\&true\& data-title=\&Kamran Ahmed\&\u003EKamran Ahmed\u003C\u002Fa\u003E\u003Cbr\u003E译者：\u003Ca href=\&http:\\u002Fitlion114\u002F\& data-editable=\&true\& data-title=\&IT程序狮\&\u003EIT程序狮\u003C\u002Fa\u003E\u003Cbr\u003E译文地址：\u003Ca href=\&http:\u002F\\u002Fp\u002F86cdd0bd4147\& data-editable=\&true\& data-title=\&2017 Web 开发者学习路线图\& class=\&\&\u003Ehttp:\u002F\\u002Fp\u002F86cdd0bdC\u002Fa\u003E\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E&,&updated&:new Date(&T12:12:47.000Z&),&canComment&:false,&commentPermission&:&anyone&,&commentCount&:24,&likeCount&:145,&state&:&published&,&isLiked&:false,&slug&:&&,&isTitleImageFullScreen&:false,&rating&:&none&,&sourceUrl&:&&,&publishedTime&:&T20:12:47+08:00&,&links&:{&comments&:&\u002Fapi\u002Fposts\u002F2Fcomments&},&url&:&\u002Fp\u002F&,&titleImage&:&https:\u002F\\u002Fv2-6afae08e7ef7_r.jpg&,&summary&:&&,&href&:&\u002Fapi\u002Fposts\u002F&,&meta&:{&previous&:null,&next&:null},&snapshotUrl&:&&,&commentsCount&:24,&likesCount&:145},&&:{&title&:&2017 年 3 月：15 个有趣的 JS 和 CSS 库&,&author&:&itlion114&,&content&:&\u003Cp\u003E我们创办 Tutorialzine 的使命是让你及时的了解 Web 开发中最新、最酷的趋势。所以，每个月我们都会发布一些精心挑选的优秀 Web 开发资源，同时我们也相信，它们值得你的关注。\u003C\u002Fp\u003E\u003Ch2\u003E\u003Cb\u003E1. \u003Ca href=\&http:\u002F\u002Fpropeller.in\u002Findex.html\& data-editable=\&true\& data-title=\&Propeller\&\u003EPropeller\u003C\u002Fa\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cimg src=\&v2-df3bf6fdb84ac5cd64d345.jpg\& data-rawwidth=\&785\& data-rawheight=\&370\&\u003EPropeller 是基于\u003Ca href=\&https:\\u002F\& data-editable=\&true\& data-title=\&Bootstrap \&\u003E Bootstrap \u003C\u002Fa\u003E与谷歌的\u003Ca href=\&https:\u002F\\u002F\& data-editable=\&true\& data-title=\&Material Design \&\u003E Material Design \u003C\u002Fa\u003E的 CSS 组件框架。它包含了 25 个响应式组件，同时具备典型的 Material Design 动画。你可以将它作为 Bootstrap 的主题，或者完整的框架以及独立组件进行使用。\u003Cbr\u003E\u003Cblockquote\u003E\u003Cp\u003E\u003Cb\u003E项目地址：【\u003Ca href=\&http:\u002F\u002Fpropeller.in\u002Findex.html\& data-editable=\&true\& data-title=\&传送门\&\u003E传送门\u003C\u002Fa\u003E】\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Ch2\u003E\u003Cb\u003E2. \u003Ca href=\&https:\\u002Ffeimosi\u002FbaguetteBox.js\& data-editable=\&true\& data-title=\&BaguetteBox\& class=\&\&\u003EBaguetteBox\u003C\u002Fa\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cimg src=\&v2-af608a4e1ede98e31b53.jpg\& data-rawwidth=\&785\& data-rawheight=\&370\&\u003EBaguetteBox 是一个利用纯 JavaScript 编写的库，它可用于创建响应式灯箱画廊效果。它是轻量级的，可自定义设置，并支持移动端，同时它还自带了相应的 CSS3 过渡。\u003Cbr\u003E\u003Cp\u003E我们最近利用这个库制作了\u003Ca href=\&http:\\u002F\u002Ffreebie-4-bootstrap-galleries\u002F\& data-editable=\&true\& data-title=\&4 个免费的 Bootstrap Gallery 模板包\&\u003E 4 个免费的 Bootstrap Gallery 模板包\u003C\u002Fa\u003E，我想我们已经喜欢上它了。\u003C\u002Fp\u003E\u003Cblockquote\u003E\u003Cp\u003E\u003Cb\u003E项目地址：【\u003Ca href=\&https:\\u002Ffeimosi\u002FbaguetteBox.js\& data-editable=\&true\& data-title=\&传送门\&\u003E传送门\u003C\u002Fa\u003E】\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Ch2\u003E\u003Cb\u003E3. \u003Ca href=\&https:\\u002FWhitestormJS\u002Fwhitestorm.js\& data-editable=\&true\& data-title=\&Whitestorm\& class=\&\&\u003EWhitestorm\u003C\u002Fa\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cimg src=\&v2-5c8d75e63f2c3b7c2b3f66.jpg\& data-rawwidth=\&785\& data-rawheight=\&370\&\u003EWhitestorm 是基于\u003Ca href=\&https:\u002F\u002Fthreejs.org\u002F\& data-editable=\&true\& data-title=\&Three.js \&\u003E Three.js \u003C\u002Fa\u003E引擎用来开发 3D Web APPS 和游戏的框架。它为许多常见的 Three.js 任务提供了简单的封装，使搭建环境、创建对象、添加物件等操作更加的简单。官方也提供了\u003Ca href=\&https:\\u002FWhitestormJS\u002Fwhitestorm-app-boilerplate\& data-editable=\&true\& data-title=\&示例项目\&\u003E示例项目\u003C\u002Fa\u003E，以及与 \u003Ca href=\&https:\\u002FWhitestormJS\u002Freact-whs\& data-editable=\&true\& data-title=\&React 集成\&\u003EReact 集成\u003C\u002Fa\u003E的工具，便于你迅速的开始工作。\u003Cbr\u003E\u003Cblockquote\u003E\u003Cp\u003E\u003Cb\u003E项目地址：【\u003Ca href=\&https:\\u002FWhitestormJS\u002Fwhitestorm.js\& data-editable=\&true\& data-title=\&传送门\&\u003E传送门\u003C\u002Fa\u003E】\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Ch2\u003E\u003Cb\u003E4. \u003Ca href=\&https:\u002F\u002Fgibbok.github.io\u002Fanimatelo\u002F\& data-editable=\&true\& data-title=\&Animatelo\& class=\&\&\u003EAnimatelo\u003C\u002Fa\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cimg src=\&v2-2bce66b2d1ecd5f79e6e1a81e990eb67.png\& data-rawwidth=\&1206\& data-rawheight=\&310\&\u003EAnimatelo 是流行的\u003Ca href=\&https:\u002F\u002Fdaneden.github.io\u002Fanimate.css\u002F\& data-editable=\&true\& data-title=\&Animate.css \&\u003E Animate.css \u003C\u002Fa\u003E库的接口，它利用\u003Ca href=\&https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FAPI\u002FWeb_Animations_API\& data-editable=\&true\& data-title=\&Web Animation API \&\u003E Web Animation API \u003C\u002Fa\u003E替代了 CSS 过渡，并将 Animate.css 库中的所有效果重现了出来。但它的 API 是基于 Javascript 方法的，而不是 CSS 类。同时，它也是轻量级的库，不依赖 jQuery，但在一些老版本的浏览器上或许要使用 polyfill。\u003Cblockquote\u003E\u003Cp\u003E\u003Cb\u003E项目地址：【\u003Ca href=\&https:\u002F\u002Fgibbok.github.io\u002Fanimatelo\u002F\& data-editable=\&true\& data-title=\&传送门\&\u003E传送门\u003C\u002Fa\u003E】\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Ch2\u003E\u003Cb\u003E5. \u003Ca href=\&https:\\u002Ffuse-box\u002Ffuse-box\& data-editable=\&true\& data-title=\&FuseBox\&\u003EFuseBox\u003C\u002Fa\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cimg src=\&v2-a3ec814cb85e98b0e9d5d.png\& data-rawwidth=\&785\& data-rawheight=\&370\&\u003EFuseBox 是一个用于 JavaScript 和 CSS 的打包程序，并具备用于 TypeScript，Sass 等的附加组件。它的设计理念是简单与性能，也为\u003Ca href=\&https:\u002F\u002Fwebpack.github.io\u002F\& data-editable=\&true\& data-title=\&Webpack \&\u003E Webpack \u003C\u002Fa\u003E提供了可行的替代解决方案。\u003Cbr\u003E\u003Cp\u003E为了让你快速开始，官方提供了\u003Ca href=\&https:\\u002Ffuse-box\u002Fangular2-example\& data-editable=\&true\& data-title=\&Angular 2 + TypeScript\&\u003E Angular 2 + TypeScript\u003C\u002Fa\u003E，\u003Ca href=\&https:\\u002Ffuse-box\u002Freact-example\& data-editable=\&true\& data-title=\&React + Babel\&\u003EReact + Babel\u003C\u002Fa\u003E，\u003Ca href=\&https:\\u002Ffuse-box\u002Ffuse-box-vue-seed\& data-editable=\&true\& data-title=\&Vue.js\&\u003EVue.js\u003C\u002Fa\u003E，\u003Ca href=\&https:\\u002Ffuse-box\u002Felectron-fuse-box-babel-live-reload-boilerplate\& data-editable=\&true\& data-title=\&Electron \& class=\&\&\u003EElectron \u003C\u002Fa\u003E和其他版本的快速示例教程。\u003C\u002Fp\u003E\u003Cblockquote\u003E\u003Cp\u003E\u003Cb\u003E项目地址：【\u003Ca href=\&https:\\u002Ffuse-box\u002Ffuse-box\& data-editable=\&true\& data-title=\&传送门\&\u003E传送门\u003C\u002Fa\u003E】\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Ch2\u003E\u003Cb\u003E6. \u003Ca href=\&http:\u002F\u002Fyargs.js.org\u002F\& data-editable=\&true\& data-title=\&Yargs\&\u003EYargs\u003C\u002Fa\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cimg src=\&v2-167f8a11cac204a2edbd50.jpg\& data-rawwidth=\&785\& data-rawheight=\&370\&\u003EYargs 是使用 Node.js 构建功能齐全的命令行应用程序的框架。你可以轻松的配置命令、解析多个参数以及设置快捷操作方式。甚至，它还可以自动生成帮助菜单。\u003Cbr\u003E\u003Cblockquote\u003E\u003Cp\u003E\u003Cb\u003E项目地址：【\u003Ca href=\&http:\u002F\u002Fyargs.js.org\u002F\& data-editable=\&true\& data-title=\&传送门\&\u003E传送门\u003C\u002Fa\u003E】\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Ch2\u003E\u003Cb\u003E7. \u003Ca href=\&https:\\u002F\& data-editable=\&true\& data-title=\&WebGradients\& class=\&\&\u003EWebGradients\u003C\u002Fa\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cimg src=\&v2-04eba02c93c059a916177e.jpg\& data-rawwidth=\&785\& data-rawheight=\&370\&\u003EWebGradients 收集了一系列漂亮的色彩渐变，你可以将它们轻松的应用在任何 HTML 页面上。你可以通过快速预览，或是全屏查看可用的渐变色，然后仅需要一键复制 CSS 属性，即可将它们应用到你的项目中去。\u003Cbr\u003E\u003Cblockquote\u003E\u003Cp\u003E\u003Cb\u003E项目地址：【\u003Ca href=\&https:\\u002F\& data-editable=\&true\& data-title=\&传送门\&\u003E传送门\u003C\u002Fa\u003E】\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Ch2\u003E\u003Cb\u003E8. \u003Ca href=\&http:\u002F\u002Fleafo.net\u002Fsticky-kit\u002F\& data-editable=\&true\& data-title=\&Sticky-Kit\&\u003ESticky-Kit\u003C\u002Fa\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cimg src=\&v2-df2c72d87cecf0838680.png\& data-rawwidth=\&1281\& data-rawheight=\&163\&\u003ESticky-kit 是一个 jQuery 插件，它可以将元素附加到页面上的某个区域，并使元素保持其边界。这样随着页面的滚动，在父容器中的特定元素将会保持始终可见。\u003Cbr\u003E\u003Cblockquote\u003E\u003Cp\u003E\u003Cb\u003E项目地址：【\u003Ca href=\&http:\u002F\u002Fleafo.net\u002Fsticky-kit\u002F\& data-editable=\&true\& data-title=\&传送门\& class=\&\&\u003E传送门\u003C\u002Fa\u003E】\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Ch2\u003E\u003Cb\u003E9. \u003Ca href=\&https:\u002F\u002Fdollarshaveclub.github.io\u002Fscrolldir\u002F\& data-editable=\&true\& data-title=\&ScrollDir\&\u003EScrollDir\u003C\u002Fa\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cimg src=\&v2-51fbdea698d5.jpg\& data-rawwidth=\&785\& data-rawheight=\&370\&\u003EScrollDir 是一款超轻量的，不依赖 JavaScript 的库，用于监测 CSS 中的滚动方向。它可以察看滚动条的移动方向，并根据你选择的元素来切换上\u002F下方向的数据属性。同时，它忽略了小的滚动动作，力求创造一个平稳的体验。\u003Cbr\u003E\u003Cblockquote\u003E\u003Cp\u003E\u003Cb\u003E项目地址：【\u003Ca href=\&https:\u002F\u002Fdollarshaveclub.github.io\u002Fscrolldir\u002F\& data-editable=\&true\& data-title=\&传送门\&\u003E传送门\u003C\u002Fa\u003E】\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Ch2\u003E\u003Cb\u003E10. \u003Ca href=\&https:\\u002Fsvg\u002Fsvgo\& data-editable=\&true\& data-title=\&Svgo\&\u003ESvgo\u003C\u002Fa\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cimg src=\&v2-327ef5fa1713e9eaacd72.jpg\& data-rawwidth=\&785\& data-rawheight=\&232\&\u003E这是一个用于优化 SVG 文件的 Node.js 工具，它可以删除那些无用的 SVG 信息，例如编辑器元信息、注释、隐藏元素以及不影响渲染向量的其他属性。同时，它基于插件模式构建，所以你可以自由的选择想要删除的内容。\u003Cblockquote\u003E\u003Cp\u003E\u003Cb\u003E项目地址：【\u003Ca href=\&https:\\u002Fsvg\u002Fsvgo\& data-editable=\&true\& data-title=\&传送门\&\u003E传送门\u003C\u002Fa\u003E】\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Ch2\u003E\u003Cb\u003E11. \u003Ca href=\&https:\\u002Fmarcuswestin\u002Fstore.js\& data-editable=\&true\& data-title=\&Store.js\&\u003EStore.js\u003C\u002Fa\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cimg src=\&v2-023e3adbfd51e1f6fcef06f.png\& data-rawwidth=\&785\& data-rawheight=\&370\&\u003EStore.js 是用于本地存储的跨浏览器解决方案。近期，它的 2.0 版本也已发布，在更新了许多功能的同时，增加了一些额外的功能，例如数组\u002F对象操作以及改进了过期选项。\u003Cp\u003E在上一期的\u003Ca href=\&http:\\u002F\u002F15-interesting-javascript-and-css-libraries-for-february-F\& data-editable=\&true\& data-title=\&每月 Web 开发资源列表\&\u003E每月 Web 开发资源列表\u003C\u002Fa\u003E中，我们为大家分享了一个名为\u003Ca href=\&https:\\u002FlocalForage\u002FlocalForage\& data-editable=\&true\& data-title=\&localForage \&\u003E localForage \u003C\u002Fa\u003E的库。它提供了许多与 Store.js 类似的功能，但是具有更多的 localStorage 类语法。喜欢的话，不妨来看看。\u003C\u002Fp\u003E\u003Cblockquote\u003E\u003Cp\u003E\u003Cb\u003E项目地址：【\u003Ca href=\&https:\\u002Fmarcuswestin\u002Fstore.js\& data-editable=\&true\& data-title=\&传送门\&\u003E传送门\u003C\u002Fa\u003E】\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Ch2\u003E\u003Cb\u003E12. \u003Ca href=\&https:\\u002Fdevelopit\u002Fsnarkdown\& data-editable=\&true\& data-title=\&Snarkdown\&\u003ESnarkdown\u003C\u002Fa\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cimg src=\&v2-16daae7036.png\& data-rawwidth=\&783\& data-rawheight=\&231\&\u003ESnarkdown 是一个使用 JavaScript 编写的超简单的 Markdown 解析器。诚然，它不是最复杂或功能最全的解析器，但它可能是最容易实现的。\u003Cp\u003ESnarkdown 只有 1kb 大小，且只有一种方法，使其成为速成项目的完美选择。\u003C\u002Fp\u003E\u003Cblockquote\u003E\u003Cp\u003E\u003Cb\u003E项目地址：【\u003Ca href=\&https:\\u002Fdevelopit\u002Fsnarkdown\& data-editable=\&true\& data-title=\&传送门\&\u003E传送门\u003C\u002Fa\u003E】\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Ch2\u003E\u003Cb\u003E13. \u003Ca href=\&https:\\u002Fdevelopit\u002Funfetch\& data-editable=\&true\& data-title=\&Unfetch\&\u003EUnfetch\u003C\u002Fa\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cimg src=\&v2-75f2efcca46f257feca99bc2cf2cdec8.jpg\& data-rawwidth=\&784\& data-rawheight=\&309\&\u003E\u003Ca href=\&https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FAPI\u002FFetch_API\& data-editable=\&true\& data-title=\&Fetch API \&\u003EFetch API \u003C\u002Fa\u003E是 XMLHttpRequest 接口的现代重制，它为开发人员提供了一种更好的处理异步请求的方法。虽然，它支持大多数现代浏览器，但是 fetch() 方法在 IE 中仍然不可}
IT行业都有哪些岗位？
IT行业的岗位大概都有哪些？招聘会上让人眼花缭乱的岗位需求都指的是什么啊？
IT行业的岗位大概分为研发类、市场类、技术支持类、生产类、管理类，到招聘会时，可以按照这个分类问问面试官，你们这个职务，是研发职务还是生产职务，可能某些小公司的面试官会被你问住：）
1、研发类岗位
包括软件研发和硬件研发，在一个公司里面完成项目开发，或者定制产品，一般说来，软件研发基本上就算产品的设计者和制造者，硬件研发，只能算设计者。因为后面还有生产环节。
通常研发岗位包括RD，QA，以及配置管理员，架构师，小组长，项目经理，研发助理等，就是研究部分所有的职位。部门经理一般没有计算在内，部门经理管人，应该算管理岗位。不过有些小公司，部门经理和项目经理，甚至架构师，都不分，因此需要具体情况具体分析。
其中RD，就是我们说得最多的设计人员了。
RD 这个词有讲究，就是设计和实施，是两个意思，设计，是决定一个东西怎么做，实施是把它做出来，我们刚开始，可能都是先做实施，慢慢走到设计，模块设计，系统设计等等，如果做得好，以后慢慢专门做设计，就是架构师了。
软件人员一般RD不分，设计者通常就是实施者，因为基本上程序敲完，产品也就出来了。硬件人员则不同，一般就是设计者，以及第一轮白盒测试的QA，自己测，当产品测试稳定、定型，就可以交给中试部进行产品测试，最终上线贴片生产。
QA 这里面一般细分为软件测试和产品中试，像华为、迈普这类大中型企业，以生产硬件产品为主的公司，都有自己的中试部，中试部简单说，就是专门测试硬件的，比如各种静电测试，温度测试，跌落、震动测试等，为产品最终上线做准备。
软件研发通常还有个角色很重要，就是配置管理员，一般小公司没有这个角色，由负责的测试人员兼任，大公司会专门设置这个角色，并且这个角色还有商业秘密保全的功能。
软件人员开发的产品，在自己的机器上，一般叫测试版，只有提交到CVS或SVN等版本管理系统，才叫产品，测试部不是从软件人员手里拿软件去测，而是由配置管理员在中心服务器上，将软件产品从源代码编译成可执行文件，生成安装程序包，然后发给测试部，测试部测试完毕，返回测试报告，公司领导签字后，以后软件产品的发货，就是配置管理员负责发货。
在大公司，软件一旦投测，如果RD发现有个小bug，小公司可能打个招呼就改了，项目控制流程上看不出来，但在大公司，必须发文，说明上一版本作废，然后重新发测试申请，重新提交代码走流程，项目流程上就记录，废版一次，以后就是扣工资的依据。因此，大公司的程序员一般比较严谨，发版测试很谨慎，就是怕出现这类bug，这样的缺点是对市场的反应不够灵敏，可能客户提交一个bug，RD改只要几分钟，但是流程要走一两天，但是好处是产品质量有保证，每个人的工作结果都记录在案，便于管理，且程序外泄几乎不可能。
国外很多程序员，可能在一个公司工作一辈子，都没有见过自己服务的计算机，RD都在终端工作，自己本地测试好了，提交到中心服务器，由配置管理员负责最后的编译和提交。
2、市场类岗位
这大约是最多的，往低里说，电脑城的谈单员，就是市场，往高里说，华为、Cisco的地区总裁，其实也是市场角色。市场根据个人经验，又分为Sales和Marketing，前者是简单的客户成交服务者，即客户准备购买，完成买卖手续，协助送货什么的，Dell那边的电话销售小姐，大约就是这个角色，由于Dell是定制，因此她们还需要下订单。后者就是属于较高层级的销售人员了，可以引导市场，引导客户，促成交易。
一般说来，市场其实也是个技术活，很少有朋友是天才，上来就可以做到Marketing的，都是从Sales先入手，慢慢练，这个过程，可能比一个程序员走到架构师还难，很多销售人员，做一辈子，都做不到Marketing的，不信，去商场看看售货员，公交车的售票员，都是Sales。
我们经常说，每个行业都有英雄，其实市场中，Marketing就是英雄，一般说来，走到这一步，就可以站在这个行业的巅峰，出去讲课，拿最高的佣金，享受猎头挖角的快感等等。不过，很难的，有句话请大家注意，“这个世界上，99%的销售人员，都不知道自己在干什么，说的就是这个问题”，那1%才是Marketing。
通常情况下，开发人员瞧不起市场人员，总觉得对方是耍嘴皮子的，但市场人员同样也瞧不起开发人员，总觉得这帮书呆子不创造价值。呵呵，大家别生气，大多数公司，把研发单位，看做最大的成本单位，只花钱，不创造价值的，虽然我们设计了产品，但公司的财务上，这部分是没有价值的，产品价值是在销售出去以后才体现出来，因此，财务上看，研发部门总是赤字一片。
其实，真正厉害的市场人员，我们研发人员还是要尊重的，要知道，一个研发人员要成名成家，其实很容易，随便什么东西，攻克一个难点，出几篇论文，出一个产品，这个研发人员就可以在公司里面牛起来了，一个研究院，至少20%~30%都是这种牛人。但是，市场要能做到Marketing，前面说过，1%，可能都不到，你说这帮人算不算精英？
3、技术支持类岗位
技术支持，往低里说，电脑城的拼机器的，也是技术支持人员，通常由谈单员兼任，谈单员通常由大学生勤工俭学兼任，呵呵，一起练了。再往上，客户那边送货，把包装拆开，技术，联网，技术，调试网络，技术，再大了，这里说句话，希望大家不要见怪，网络管理员，其实也是技术支持。
以前有段时间，MCSE很流行，后来发现，研发单位招人，根本不看这个，因为这个学习的是如何操作机器，而研发是设计机器以及操作模式，让别人操作。CCIE也是啊，因此，当时很多说法其实是有点误导，说学了这些证书可以不上大学，成都还出现过一个娃娃，高三毕业考过了MCSE，就不上大学了的事情，现在不这么说了，因为毕竟上大学才是王道。光靠这个证书，是吃不了一辈子饭的。
在华为，迈普，技术支持是一个专门的职业，负责给客户送货，因为他们出路由器，安装配置有一大堆事情，电信局又是大牛，人家才不会去管这个事呢，厂家来人解决。顺便说一句，电信局守机房的，也是技术支持。
原来没这个职业，就要研发人员兼任，因为这毕竟是个技术活，不过，久了研发人员不干了，天天出差，还做什么研发，老板也不干了，因为研发人员工资高，在大家看来，连连线，配置几个IP地址，这不复杂，如果用研发人员干，成本太高了。
喏，就这样，一个独有的职业，技术支持，在IT企业被定义出来，许多年轻的朋友，希望进入IT业，没有本钱，不会做老板，也进不去一些大型公司的门，一般选择，就是在电脑城做技术支持起步。
现在很多系统集成公司，他们定义的项目经理，和研发单位的项目经理不太一样，其实也是技术支持，这类公司一般都是经销商，不是制造商，自己没有产品，靠代理别人的产品再销售来获取利润，一般说来，渠道这个词，就是指这类公司。这些公司的技术支持人员，主要工作就是看，我代理了哪些产品，哪些产品利润高，我怎么给客户报方案，把利润高的产品设计进去，等等。
这里面其实也有设计工作，但是，显而易见，这部分设计工作和前面的研发架构师的设计，是两个层面。
当然，这里有两个特例，一个是目前很多中小型，做网络应用的架构师，他们也有这个设计部分，这些企业一般都是项目制，没有自己的产品，每一单都要定制开发，这类和前面的系统集成设计有一定类似，因为很多项目包括了设备采购什么的。
另外一个特例就是系统集成设计，通常就是Marketing的活，因为自从IBM提出卖服务的概念以后，给客户交钥匙工程成为主流，大家都说自己是解决方案提供商，因此，Marketing通常就是采集需求，利用本公司产品或者代理的产品，组成解决方案，一体化提供给客户。
因此，从职业发展途径，技术支持一般说来，也可以走到Marketing。通常Marketing有两个产生渠道，Servicer技术支持，或Sales销售。
当然，这里也看出技术支持这个职业的短板，因为Marketing毕竟是销售为主，因此，销售能力占主导，技术支持人员由于长期和机器打交道，因此，恐怕也是机器脸居多，卖东西能力很差，因此，技术支持能转成Marketing的，更少。
当然，也有技术支持人员转回来做研发的，不过，也很少。
4、管理类岗位
一般说来，管理本身是抽象的，并不是IT业的管理，一定只能从IT业产生，或者一定只能管IT业，IBM的总裁郭士纳，就不是IT业出生，管理的英雄们，例子就太多了，他们有个统一的称呼，职业经理人。
前面说的几种，总的来说，都可以最终成长为管理，不过，管理也是最难的，一来人是最复杂的，不像机器那么好打交道，二来，管理要看运气，单纯说水平不行，得老板看得上才行，你说是吧？
因此，研发，销售，技术，要想成为管理，这个成功率，一般不高于1%的，不信，数数你们公司管理人员和普通员工的比例，或者，学校里面老师和学生的比例，虽然这不准，但基本能说明一点问题。
5、生产类岗位
这个岗位其实各公司都有，不过大多数老板不承认，员工也不愿意承认，呵呵。
大型公司，如华为、迈普，Intel等，以生产硬件产品为主的，基本上都有生产部，记住啊，这个生产部很重要，生产，仓储，物流，基本都在这一块。
千万别小看生产，目前生产线上的工人，由于要开贴片机什么的，基本上都要大专学历，还要培训的，有些目前找工作特别困难的同学，不妨考虑一下这类大型企业的生产岗位。
大型制造业，如美的，海尔等，他们很多管理层都是生产线上下来的，生产线上也不都是工人岗位，很多生产工艺师，工装设计师什么的，都需要设计这门工作，如果一个学历较高的人进入这个部门，只要自己肯努力，其实也很容易出头，毕竟周围的竞争对手太低了，呵呵，比起研究院来说，要容易得多。
6、其他类岗位
这就太多了，老板就属于其他了，呵呵，创业也属于其他，由于这部分不带普遍性，就不多说了。各级行政人员，如财务，秘书，都算其他吧。（
本文已收录于以下专栏：
相关文章推荐
Java线程死锁是由于有些资源彼此交叉取用,就有可能造成死结.如1线程中 取得A对象的锁定后又要取得B对象的锁定.但是同时2线程中取得B对象的锁定后又要取得A对象的锁定.这两个线程同时发生时就会造成,...
线程 安全问题的解决方案：sun提供了线程同步机制让我们解决这类问题的。
出现线程安全问题的根本原因：
1. 存在两个或者两个以上 的线程对象,而且线程之间共享着一个资源。
2. 有多个语句操作了共...
Java线程死锁如何避免这一悲剧  Java线程死锁需要如何解决，这个问题一直在我们不断的使用中需要只有不断的关键。不幸的是，使用上锁会带来其他问题。让我们来看一些常见问题以及相应的解决方法：
在多线程中如何找到安全问题所在:
1,明确哪些代码是多线程运行代码
2,明确共享数据
3,明确多线程运行代码中哪些代码是操作共享数据的
静态的同步方法中,使用锁是该方法所在类的字节码文...
其实，还缺少产品类岗位。
IT行业的岗位大概分为研发类、市场类、技术支持类、生产类、管理类，到招聘会时，可以按照这个分类问问面试官，你们这个职务，是研发职务还是生产职务，...
在大家看文章之前，我想说：首先，发这篇文章的原因是因为我本人对IT行业的具体岗位不是很了解，对未来的发展方向也有点迷茫，因此就在网上搜索了一些资料，同时想到可能也有很多像我一样的同学，所以就把资料进行...
1.WPF开发：WPF（Windows Presentation Foundation）是微软推出的基于Windows Vista的用户界面框架，属于.NET Framework 3.0的一部分。它提...
我们来打个比方，腾讯的这个招聘岗位，实际工作经验，3年以上即可。那么，我一个8年工作经验的人，进去了，和三年的有什么区别呢？
第一点，我们要站在总经理的角度去思考岗位薪酬，而不是死死盯住数字。3年的...
身处技术行业的您还在为找到心仪的工作而绞尽脑汁吗？看过《人人都有好工作》后，你将更加专业，让招聘经理对你刮目相看！图灵教育又一人文ITl力作《人人都有好工作》将在3月中旬上市，敬请关注！
☆ ...
他的最新文章
讲师：吴岸城
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)IT技术分享IT技术分享分享 IT （前端）技术与工具、设计等原创或翻译文章。关注专栏更多置顶文章最新文章{&debug&:false,&apiRoot&:&&,&paySDK&:&https:\u002F\\u002Fapi\u002Fjs&,&wechatConfigAPI&:&\u002Fapi\u002Fwechat\u002Fjssdkconfig&,&name&:&production&,&instance&:&column&,&tokens&:{&X-XSRF-TOKEN&:null,&X-UDID&:null,&Authorization&:&oauth c3cef7c66aa9e6a1e3160e20&}}{&database&:{&Post&:{&&:{&title&:&2017 年你应该学习的编程语言、框架和工具&,&author&:&itlion114&,&content&:&\u003Cp\u003E在过去的一年里，软件开发行业继续大踏步地向前迈进。回顾 2016 年，我们看到了更多新兴的流行语言、框架和工具，它们改变着我们的工作方式，让我们看到更多的可能。但在这个行业，紧随潮流是很难的。所以在每年年底，我们都会给你提供一些建议，它涉及什么是最重要的，以及你在未来一年中应该学习什么。\u003C\u002Fp\u003E\u003Ch2\u003E大趋势\u003C\u002Fh2\u003E\u003Cp\u003E\u003Cstrong\u003E渐进式 Web Apps\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cp\u003E在 2016 年里，我们见证了 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002Fweb\u002Fprogressive-web-apps\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EProgressive Web App\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 概念的蓬勃兴起。它意味着 Web 应用程序可以离线工作，并能提供原生移动应用的体验。它们可以添加到你的智能设备的主屏幕上，甚至可以给你发送推送通知，从而弥补与原生移动应用程序的差距。我们认为，在 2017 年，渐进式 Web Apps 将变得更加重要，也值得我们去探究。在这里\u003Ca href=\&https:\u002F\\u002F?target=http%3A\\u002F\u002Feverything-you-should-know-about-progressive-web-apps\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E查看相关概述\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E聊天机器人\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cp\u003E从运行聊天机器人的平台到构建其的框架，现在每个人都在谈论它。而社区里也正忙于此活动。（\u003Ca href=\&https:\u002F\\u002F?target=http%3A\\u002F\u002Fintroduction-to-chatbots\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E阅读我们的介绍\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E）机器人是一款新兴的移动应用程序，它让我们感到兴奋。如果你快点的话，还可以赶得上这波浪潮。然而一旦新鲜感消失，那么它只会承担一些无聊的角色，例如自动化的客服支持。但是，相信我们可以实现梦想。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E前端框架的合并\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cp\u003E在 JavaScript 社区，随着令人难以置信的框架和工具的混合，每周都会出现新的东西。直到最近，人们希望旧工具将被新工具所取代，但这不是 2016 年我们所想看到的。相反，我们看到了流行框架交换的想法，以及纳入新诞生框架中的创新元素。所以在 2017 年，你该选择哪个 JS 框架无关紧要，因为它们的功能大多是可以比较的。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E云端\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cp\u003E就目前的形势看，众多的公司与开发者们都在积极地拥抱“云”。云是可根据不同的需求，并通过控制面板来完全配置的虚拟化计算机基础设施。目前三大云提供商为亚马逊 AWS、Google Cloud 和 微软 Azure. 由于它们的竞争价格一直在下跌，使得小公司和个人开发者也可以将云纳入其预算中，所以熟悉云工作流程将是 2017 年的一笔不错的投资。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E机器学习\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cp\u003E机器学习（ML）在去年一年中呈现爆炸式的增长。三月份 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FAlphaGo_versus_Lee_Sedol\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EAlphaGo 与李世石的精彩对决\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E，也让它成为了焦点。从原始数据中学习的智能计算机系统，正在改变我们与移动设备的交互方式。看样子，机器学习将在 2017 年成为更大的影响因素。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cimg src=\&https:\u002F\\u002F50\u002Fv2-f5ce836cd2d01c50a36b6_b.jpg\& data-rawwidth=\&785\& data-rawheight=\&340\& class=\&origin_image zh-lightbox-thumb\& width=\&785\& data-original=\&https:\u002F\\u002F50\u002Fv2-f5ce836cd2d01c50a36b6_r.jpg\&\u003E\u003Ch2\u003E编程语言\u003C\u002Fh2\u003E\u003Cp\u003E\u003Cstrong\u003EJavaScript\u003C\u002Fstrong\u003E 继续迈着令人难以置信的创新步伐在前进。由于 Web 浏览器的快速发布计划，JS 的标准定为了每年更新。故“\u003Ca href=\&https:\u002F\\u002F?target=https%3A\\u002Ftc39\u002Fproposals\u002Fblob\u002Fmaster\u002Ffinished-proposals.md\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EESCi class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E”预计将在 2017 年中期完成，它也将带来 JS 开发者梦寐以求的新特性——用于处理异步函数的аsync\u002Fаwait。同时要感谢 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fbabeljs.io\u002Fdocs\u002Fplugins\u002Fpreset-esF\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EBabel\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E ，因为你现在可以在每个浏览器中编写 ES2017 了。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003ETypeScript 2.1\u003C\u002Fstrong\u003E 于 2016 年年底\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fblogs.\u002Ftypescript\u002F\u002F07\u002Fannouncing-typescript-2-1\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E发布\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E，它将为旧浏览器带来Async\u002FAwait异步解决方案，并改进了类型推断。TypeScript 是一种编译为纯 JavaScript 的静态类型语言。它增强了经典的 OOP 模型和可选的静态类型，使大代码库更易于维护。同时，它也是编写 Angular 2 应用程序的首选语言，我们建议你可以尝试下。 这是关于它的\u003Ca href=\&https:\u002F\\u002F?target=http%3A\\u002F\u002Flearn-typescript-in-30-minutes\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E快速入门指南\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003EC#7.0\u003C\u002Fstrong\u003E 预计在 2017 年发布，作为一门优秀的编程语言，它也将得到更大的改进。当微软推出开源的 Visual Studio 代码编辑器和 .Net Core 时，这一举动让众人都感到惊讶万分。它们不仅可以在 Linux、Windows 和 macOS 操作系统中运行，而且你可以在 C＃ 中编写快速、高效的应用程序（\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002Fen-us\u002Fdotnet\u002Farticles\u002Fcore\u002Findex\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E在这里\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E阅读更多）。同时，这两种工具也都形成了充满活力的社区。相信，它们将在 2017 年会给我们带来更多的惊喜。\u003C\u002Fp\u003E\u003Cp\u003EPython 3.6 版本将于 12 月\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fdocs.python.org\u002F3.6\u002Fwhatsnew\u002F3.6.html\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E发布\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E。它正在巩固自身在开发人员、IT 专业人员和科学家在脚本语言选择中的地位。它适用于自动化、Web开发、机器学习和科学计算。虽然 Python 2.X 与 3.X 版本的割裂，对于社区来说是一个长达数年的斗争，但是就目前而言，你可以自信地选择 Python 3 并享受完整的库支持。而对于那些需要额外性能的朋友，建议你们看看 \u003Ca href=\&https:\u002F\\u002F?target=http%3A\u002F\u002Fpypy.org\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EPyPy\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E，一个可启用 Python 运行时 JIT 的替代品。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003ERuby 2.3\u003C\u002Fstrong\u003E 已在今年早些时候\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fwww.ruby-lang.org\u002Fen\u002Fnews\u002F\u002F25\u002Fruby-2-3-0-released\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E发布\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E了，并带来了一些性能上的改进。同时，Ruby 也是学习通用脚本语言的一个好选择，但是只有当它和 Rails 相配合的时候才能发挥出其最大的功效。伴随 Ruby 3×3 计划的宣布，也促使了即将到来的 Ruby 3 版本比当前版本的运行速度快 3 倍。而你也可以在更多的情景中，打开使用 Ruby 的大门。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003EPHP 7.1\u003C\u002Fstrong\u003E 版本已在 12 月\u003Ca href=\&https:\u002F\\u002F?target=http%3A\u002F\u002Fphp.net\u002Fmanual\u002Fen\u002Fmigration71.php\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E发布\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E，并对该语言进行了小范围的增强。这个版本基于了去年 7.0 版本主要性能的改进，将 PHP 转变为构建 Web 应用程序的快速平台。如果你打算学习，我们推荐你看看 \u003Ca href=\&https:\u002F\\u002F?target=http%3A\u002F\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EPHP 之道\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E中的最佳实践。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003EJava 9\u003C\u002Fstrong\u003E 预计在 2017 年发布，它将带来一些备受开发者们所欢迎的新功能，例如评估代码的 repl、HTTP 2.0 的支持以及一些新的 API . 对于有才能的 Java 开发人员和广泛使用该语言进行项目研发的人来说，他们对这些新特性是有强烈需求的。如果 Java 不是你的“菜”，这里还有一些基于 JVM 的编程语言，像 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fkotlinlang.org\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EKotlin\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 和 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fwww.scala-lang.org\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EScala\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E，你也可以了解下。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003ESwift 3\u003C\u002Fstrong\u003E 已经在今年早些时候发布了。简化 iOS 和 MacOS 上应用程序的开发，是苹果公司对现代编程语言的愿景。由于 Swift 是\u003Ca href=\&https:\u002F\\u002F?target=https%3A\\u002Fapple\u002Fswift\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E开源\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E的，所以也涌现了大量的社区。Swift 4 计划于 2017 年发布，此版本将会改进语言并引入服务器 API，致力使其成为编写 Web 应用程序和后端的不错选择。\u003C\u002Fp\u003E\u003Cp\u003E如果你在寻找一些让你感到兴奋的东西，你可以尝试下 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fcrystal-lang.org\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ECrystal\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 和 \u003Ca href=\&https:\u002F\\u002F?target=http%3A\u002F\u002Felixir-lang.org\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EElixir\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E。它们都拥有类似与 Ruby 的友好语法以及卓越的性能，或者你也可以看看类似于 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fwww.haskell.org\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EHaskell\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 或 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fclojure.org\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EClojure\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 这类函数式语言。另外两种快速编程语言，我们推荐给你 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fwww.rust-lang.org\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ERust\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 和 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fgolang.org\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EGo\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 语言。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E挑一个或多个学习：\u003C\u002Fstrong\u003E JS (ES2017)、TypeScript、C#、Python、Ruby、PHP7、Java\u002FKotlin\u002FScala.\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cimg src=\&https:\u002F\\u002F50\u002Fv2-bc1b1d8e358_b.jpg\& data-rawwidth=\&785\& data-rawheight=\&340\& class=\&origin_image zh-lightbox-thumb\& width=\&785\& data-original=\&https:\u002F\\u002F50\u002Fv2-bc1b1d8e358_r.jpg\&\u003E\u003Ch2\u003E前端\u003C\u002Fh2\u003E\u003Cp\u003E近期 Web 平台取得了两个重大的进展：\u003Ca href=\&https:\u002F\\u002F?target=http%3A\u002F\u002Fwebassembly.org\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EWeb Assembly\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 字节码技术和 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fdeveloper.mozilla.org\u002Fen\u002Fdocs\u002FWeb\u002FAPI\u002FService_Worker_API\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EService Workers\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 技术。它们打开了快速、高效的 Web 应用程序的大门，并且有效的弥补了编译本地应用上的差距。Service Workers 是针对渐进式 Web App 的启动技术，它为 Web 平台提供了通知上的支持，将来也会有更多的 API.\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003EAngular.js 2\u003C\u002Fstrong\u003E 在今年也已经\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fangular.io\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E发布\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E了。该框架由 Google 进行维护，受到了众多企业和大公司的青睐。它所具备众多的功能，也为从网络到桌面以及移动应用程序中编写任何东西成为了可能。而它的框架也是用 TypeScript 所编写的，这也是写应用程序推荐的编程语言。虽然学习它还需要阅读更多的内容，但我们认为在 2017 年学习 Angular 2 将是一个很不错的投资。\u003C\u002Fp\u003E\u003Cp\u003E在今年我们也看到了 \u003Cstrong\u003EVue.js\u003C\u002Fstrong\u003E\u003Ca href=\&https:\u002F\\u002F?target=https%3A\\u002Fthe-vue-point\u002Fvue-2-0-is-here-ef1f26acf4b8\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E2.0 版本的发布\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E，它借鉴了 Angular，React 和 Ember 中好的想法，并且比前两个框架更轻量、更快速。我们建议你今年要试一试，你可以从我们的 \u003Ca href=\&https:\u002F\\u002F?target=http%3A\\u002Ftag\u002Fvue-js\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EVue.js 教程\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E开始。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E\u003Ca href=\&https:\u002F\\u002F?target=http%3A\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EEmber\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fstrong\u003E 是 JavaScript 框架的另一个不错的选择。它支持数据双向绑定，并能够自动更新模板、组件以及服务器端渲染。与其他竞争者相比，使用它的好处是它更加成熟与稳定，而其框架的重大更改频率之低，社区重视向后的兼容性，也使得此框架成为开发较长生命周期的应用程序的不二之选。\u003C\u002Fp\u003E\u003Cp\u003E另外两个值得一提的框架是 \u003Ca href=\&https:\u002F\\u002F?target=http%3A\u002F\u002Faurelia.io\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EAurelia\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 和 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Ffacebook.github.io\u002Freact\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EReact\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E。在过去的一年里 React 的生态系统变得越来越复杂，因此很难推荐给初学者。但经验丰富的开发者可以将库与 \u003Ca href=\&https:\u002F\\u002F?target=http%3A\u002F\u002Fgraphql.org\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EGraphQL\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E、\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Ffacebook.github.io\u002Frelay\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ERelay\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E、\u003Ca href=\&https:\u002F\\u002F?target=http%3A\u002F\u002Ffacebook.github.io\u002Fflux\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EFlux\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 和 \u003Ca href=\&https:\u002F\\u002F?target=http%3A\u002F\u002Ffacebook.github.io\u002Fimmutable-js\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EImmutable.js\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 组合成一个全面完整的全栈解决方案。\u003C\u002Fp\u003E\u003Cp\u003E没有提及 \u003Cstrong\u003E\u003Ca href=\&https:\u002F\\u002F?target=http%3A\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EBootstrap\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fstrong\u003E 的前端终归是不完整的。而 Bootstrap 4 目前也正处于 Alpha 阶段，预计在 2017 年发布。值得关注的变化是新的通用卡片组件和 Flexbox 网格（查看与\u003Ca href=\&https:\u002F\\u002F?target=http%3A\\u002F\u002Fboostrap-4-regular-vs-flex-grid\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E常规网格的对比\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E），这使得框架更加现代化，并且让用户使用它进行工作时更加得舒心。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E\u003Ca href=\&https:\u002F\\u002F?target=http%3A\u002F\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ESASS\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fstrong\u003E 和 \u003Cstrong\u003E\u003Ca href=\&https:\u002F\\u002F?target=http%3A\u002F\u002Flesscss.org\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ELESS\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fstrong\u003E 仍然是当前最流行的两种 CSS 预处理器。尽管 Vanilla CSS 已经实现了对变量的支持，但对 mixins、函数和代码组织上的支持，SASS 和 LESS 依然更胜一筹。如果您还没有了解它们，可以看看我们的 \u003Ca href=\&https:\u002F\\u002F?target=http%3A\\u002F\u002Flearn-sass-in-15-minutes\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ESASS\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 和 \u003Ca href=\&https:\u002F\\u002F?target=http%3A\\u002F\u002Flearn-less-in-10-minutes-or-less\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ELESS\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 快速入门指南。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E挑一个或多个学习：\u003C\u002Fstrong\u003EAngular 2、Vue.js、Ember、Bootstrap、LESS\u002FSASS\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cimg src=\&https:\u002F\\u002F50\u002Fv2-f91b76d925c071c6d49eb_b.jpg\& data-rawwidth=\&785\& data-rawheight=\&340\& class=\&origin_image zh-lightbox-thumb\& width=\&785\& data-original=\&https:\u002F\\u002F50\u002Fv2-f91b76d925c071c6d49eb_r.jpg\&\u003E\u003Ch2\u003E后端\u003C\u002Fh2\u003E\u003Cp\u003E后端有众多的选择，但所有的选择都取决于你对编程语言或特定性能需求的偏好上。Web 开发中的一个持续趋势是远离后端的业务逻辑，并将该层转换为由前端和移动应用程序使用的 API 上。但一个全栈的框架通常是能够更简单、快速的应用于开发，并且它仍然是 Web 应用程序最有效的选择。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003ENode.js\u003C\u002Fstrong\u003E 是在浏览器之外运行 JS 的主要方式。在今年，我们也看到了它发布了许多新的版本。除了提升了性能外，也添加了对整个 ES6 规范的覆盖。Node 具有构建快速 API、服务器、桌面应用程序甚至机器人的框架，同时它可以创建想象到的各种模块的庞大社区。这里有一些你可能想研究的框架：\u003Ca href=\&https:\u002F\\u002F?target=http%3A\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EExpress\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E、\u003Ca href=\&https:\u002F\\u002F?target=https%3A\\u002Fkoajs\u002Fkoa\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EKoa\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E、\u003Ca href=\&https:\u002F\\u002F?target=https%3A\\u002Fzeit\u002Fnext.js\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ENext\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E、\u003Ca href=\&https:\u002F\\u002F?target=http%3A\u002F\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ENodal\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E.\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003EPHP\u003C\u002Fstrong\u003E 是一种拥有大量 Web 框架可供你选择的 Web 开发语言。由于其拥有出色的文档和功能，\u003Ca href=\&https:\u002F\\u002F?target=https%3A\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ELaravel\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 已建成了一个活跃的社区。Zend Framework 发布了\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002Fblog\u002F-zend-framework-3.html\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E第 3 版\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E，这标志着面向业务框架的巨大升级。在今年，我们也看到了 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ESymfony\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 发行了很多新的版本，使它成为了全栈解决方案中更好的选择。\u003C\u002Fp\u003E\u003Cp\u003E对于 \u003Cstrong\u003ERuby\u003C\u002Fstrong\u003E 来说，Rails 框架是首选的。\u003Ca href=\&https:\u002F\\u002F?target=http%3A\u002F\u002Fweblog.rubyonrails.org\u002F\u002F30\u002FRails-5-0-final\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ERails 5.0\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 版本已于今年发布，并为 Web Sockets、API 模型等方面提供了支持。对于小型应用程序而言，\u003Ca href=\&https:\u002F\\u002F?target=http%3A\u002F\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ESinatra\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 也是一个不错的选择，Sinatra 2.0版本预计在 2017 年发布。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003EPython\u003C\u002Fstrong\u003E 有着以 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EDjango\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 和 \u003Ca href=\&https:\u002F\\u002F?target=http%3A\u002F\u002Fflask.pocoo.org\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EFlask\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 为组合的全栈\u002F迷你型框架。Django 1.10 已在今年 8 月\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002Fweblog\u002FFaug\u002F01\u002Fdjango-110-released\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E发布\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E了，它为 Postgres 引入了全文搜索和一个重大修改的中间件层。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003EJava\u003C\u002Fstrong\u003E 的生态系统中，依旧有很多流行的 Web 框架可供你选择。\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EPlay\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 和 \u003Ca href=\&https:\u002F\\u002F?target=http%3A\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ESpark\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 便是两个必备的选择，同时它们也可以与 Scala 一起使用。\u003C\u002Fp\u003E\u003Cp\u003E对于编程爱好者来说，你还可以选择 \u003Ca href=\&https:\u002F\\u002F?target=http%3A\u002F\u002Fwww.phoenixframework.org\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EPhoenix\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E，它是用 \u003Cstrong\u003EElixir\u003C\u002Fstrong\u003E 编写的，它试图成为一个具有卓越的性能，并能完整替代 Rails 功能的框架。如果 Elixir 是你想在 2017 年学习的语言之一，不妨尝试下 Phoenix .\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E学习其中之一：\u003C\u002Fstrong\u003E全栈后端框架、一个微框架\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cimg src=\&https:\u002F\\u002F50\u002Fv2-4893f61aecc05d99e1a1e20ccef0a81d_b.jpg\& data-rawwidth=\&785\& data-rawheight=\&340\& class=\&origin_image zh-lightbox-thumb\& width=\&785\& data-original=\&https:\u002F\\u002F50\u002Fv2-4893f61aecc05d99e1a1e20ccef0a81d_r.jpg\&\u003E\u003Ch2\u003E数据库\u003C\u002Fh2\u003E\u003Cp\u003E\u003Cstrong\u003EPostgreSQL\u003C\u002Fstrong\u003E 在今年已经发行了两个完整的版本——\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fwiki.postgresql.org\u002Fwiki\u002FWhat%27s_new_in_PostgreSQL_9.5\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E9.5\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E和\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fwww.postgresql.org\u002Fabout\u002Fnews\u002FF\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E9.6\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E.它们带来了我们从 MySQL 就开始期盼的 UPSERT （aka ON DUPLICATE KEY UPDATE）功能，以及更好的全文搜索和速度改进功能，这多亏了并行查询，更高效的复制、聚合、索引和排序。Postgres 适用于大规模、TB 级规模的数据集以及繁忙的 Web Apps，这些优化都是很受欢迎的。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E\u003Ca href=\&https:\u002F\\u002F?target=http%3A\\u002Fthe-mysql-8-0-0-milestone-release-is-available\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EMySQL 8.0\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fstrong\u003E 将是数据库的下一个主要版本。预计在 2017 年发布，它将给系统带来更多的改进。MySQL 仍然是最受欢迎的数据库管理系统，整个行业都受益于这些新的版本。\u003C\u002Fp\u003E\u003Cp\u003E对于 NoSQL 的粉丝们，我们推荐 \u003Ca href=\&https:\u002F\\u002F?target=http%3A\u002F\u002Fcouchdb.apache.org\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ECouchDB\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E。它是一个快速、可扩展的 JSON 存储系统，同时公开了一个 REST-ful HTTP API.此数据库易于使用，同时性能卓越。与 CouchDB 对应的是 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EPouchDB\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E ，它可以完全在浏览器中工作，并且可以与 Couch 同步数据。所以你可以在离线应用程序上使用 PouchDB ，联网后它会自动同步数据。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fredis.io\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ERedis\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fstrong\u003E 是我们最喜欢的键-值存储型数据库。它体积小、快速并且有丰富的特性。作为 NoSQL 数据存储或进程消息和同步通道，你可以使用它作为智能分布式高速缓存系统的可替代方案。它提供了大量的数据结构可供选择，并且在即将到来的 4.0 版本中会有一个模块系统，并将改进复制功能。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E学习其中之一：\u003C\u002Fstrong\u003EPostgres、MySQL、CouchDB、Redis.\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cimg src=\&https:\u002F\\u002F50\u002Fv2-ba11c44c175b_b.jpg\& data-rawwidth=\&785\& data-rawheight=\&340\& class=\&origin_image zh-lightbox-thumb\& width=\&785\& data-original=\&https:\u002F\\u002F50\u002Fv2-ba11c44c175b_r.jpg\&\u003E\u003Ch2\u003E工具\u003C\u002Fh2\u003E\u003Cp\u003E\u003Cstrong\u003E\u003Ca href=\&https:\u002F\\u002F?target=https%3A\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EYarn\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fstrong\u003E 是由 Facebook 开发的 Node.js 包管理器。它是对 npm 命令行工具的升级，并提供了更快速地安装，更好的安全性以及确定性的构建。它仍然使用 npm 包注册表作为其后端，因此您甚至可以访问同一个 JavaScript 模块的生态系统。Yarn 与 npm 使用的 package.json 格式是兼容的，区别在于前者能实现快速安装。\u003C\u002Fp\u003E\u003Cp\u003E作为两个最受开发者欢迎的开源代码编辑器——\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EVisual Studio Code\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 和 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fatom.io\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EAtom\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E ，在过去一年中，我们看到了它们进行了很多不可思议的创新。这两个项目都是使用 Web 技术构建的，社区中也吸引了大量的粉丝。编辑器具备高扩展，提供了诸如语法检查、linting 和重构工具的相关插件。\u003C\u002Fp\u003E\u003Cp\u003E作为最流行的源代码版本控制系统，\u003Cstrong\u003E\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EGit\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fstrong\u003E 当之无愧。虽然它无服务器，但你可以将计算机上的任何文件夹转换为存储库。如果你想共享代码，像 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EGitLab\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E、\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fbitbucket.org\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EBitbucket\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 和\u003Ca href=\&https:\u002F\\u002F?target=https%3A\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EGitHub\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 都是不错的选择。在 2017 年，我们建议你\u003Ca href=\&https:\u002F\\u002F?target=http%3A\\u002F\u002Flearn-git-in-30-minutes\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E熟悉 git 命令行\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E，因为它会比您想象的更加方便。\u003C\u002Fp\u003E\u003Cp\u003E桌面应用程序依然没有消失。即使 Web App 变得越来越强大，有时你依然会需要强大的功能和 API，这是 Web 平台无法提供的。你可以使用诸如 \u003Cstrong\u003EElectron\u003C\u002Fstrong\u003E 和 \u003Cstrong\u003ENW.js\u003C\u002Fstrong\u003E 之类的工具，利用 Web 技术来创建桌面应用程序，同时你也可以完全访问操作系统和 npm 可用的广度模块。要了解这些工具的更多信息，请阅读有关 \u003Ca href=\&https:\u002F\\u002F?target=http%3A\\u002F\u002Fcreating-your-first-desktop-app-with-html-js-and-electron\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EElectron\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 和 \u003Ca href=\&https:\u002F\\u002F?target=http%3A\\u002F\u002Fyour-first-node-webkit-app\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ENW.js\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 的教程。\u003C\u002Fp\u003E\u003Cp\u003E软件开发团队的最新趋势是让开发人员负责自己软件项目中的部署，也称为 DevOps.这能产生更快地发布和更迅速地修复生产中出现的问题。而具有运维经验的开发人员将得到公司的高度重视，因此从现在开始熟悉能够实现这一目标的技术，将对你来说是一个巨大的提升。我们推荐的工具是 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EAnsible\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 和 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EDocker\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 。同时，具备 Linux 命令行和基本系统管理技能，也将为你的职场生涯大大的加分。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E尝试一个或多个学习：\u003C\u002Fstrong\u003EYarn、Git、Visual Studio Code、Electron、Ansible、Docker.\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cimg src=\&https:\u002F\\u002F50\u002Fv2-2d7098e5add4668858bca_b.jpg\& data-rawwidth=\&785\& data-rawheight=\&340\& class=\&origin_image zh-lightbox-thumb\& width=\&785\& data-original=\&https:\u002F\\u002F50\u002Fv2-2d7098e5add4668858bca_r.jpg\&\u003E\u003Ch2\u003E技术\u003C\u002Fh2\u003E\u003Cp\u003E随着大型公司数据中心的关闭，并调整其整体的基础设施到云上，我们可以看到\u003Cstrong\u003E云\u003C\u002Fstrong\u003E已经赢得了整个软件行业。目前三个主要的平台是 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EAWS\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E, \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EGoogle Cloud\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 和 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EAzure\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E。这三大平台都有着强大的功能，同时不断地扩展其功能集，涉及虚拟机、数据库托管、机器学习服务等。由于价格的迅速下降，小公司和个人开发者也都可以接触到云。对于 2017 年，在云上部署一个业余项目将是一个很好的学习积累。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E人工智能\u003C\u002Fstrong\u003E是 2016 年的流行词。语音识别和图像分类只是该技术在面向用户应用程序的两个部分，人工智能设备的性能达到甚至超越了人类的水平。当下众多的创业公司也将 AI 和机器学习应用到其新的领域，同时许多相关的开源项目也已经发布，例如谷歌的 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fwww.tensorflow.org\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ETensor Flow\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 和微软的 \u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002Fen-us\u002Fresearch\u002Fproduct\u002Fcognitive-toolkit\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ECognitive Toolkit\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E。机器学习是一个与数学非常相关的主题，对于刚刚开始的人，这里有全面的\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002Fcourse\u002Fdeep-learning--ud730\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E在线课程\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E供你学习。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E虚拟现实\u003C\u002Fstrong\u003E（VR）和\u003Cstrong\u003E增强现实\u003C\u002Fstrong\u003E（AR）已经存在了一段时间，而最终该技术已经成熟到足以提供引人注目的体验。Facebook（\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EOculus Rift\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E），Google（\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002Fdaydream\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EDaydream\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E）和 Microsoft（\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\\u002Fen-us\u002Fwindows\u002Fholographic\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EWindows Holographic\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E）都有欢迎第三方开发者加入的虚拟现实平台。然而 VR 穿戴设备依然面临着艰巨的挑战。例如如何消除穿戴者恶心的感觉，以及脱离了游戏圈，又如何创造令人信服的使用案例。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E挑一种学习：\u003C\u002Fstrong\u003E云部署、机器学习库、VR 开发\u003C\u002Fp\u003E\u003Cp\u003E如果觉得文章不错，不妨点个赞。^_^\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E注：\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Col\u003E\u003Cli\u003E若有翻译不当之处，还请大家多多指正，我会及时修改；\u003C\u002Fli\u003E\u003Cli\u003E本文版权归原作者所有。如需转载译文，烦请注明出处，谢谢！\u003C\u002Fli\u003E\u003C\u002Fol\u003E\u003Cblockquote\u003E英文原文：\u003Ca href=\&https:\u002F\\u002F?target=http%3A\\u002F\u002Fthe-languages-frameworks-tools-you-should-learn-in-F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EThe Languages, Frameworks and Tools You Should Learn in Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003Cbr\u003E作者：Martin Angelov\u003Cbr\u003E译者：\u003Ca href=\&https:\u002F\\u002F?target=http%3A\\u002Fitlion114\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EIT程序狮\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003Cbr\u003E译文源自：\u003Ca href=\&https:\u002F\\u002Fp\u002F\& class=\&internal\&\u003E\u003Cspan class=\&invisible\&\u003Ehttps:\u002F\u002F\u003C\u002Fspan\u003E\u003Cspan class=\&visible\&\\u002Fp\u002F24\u003C\u002Fspan\u003E\u003Cspan class=\&invisible\&\u003E3C\u002Fspan\u003E\u003Cspan class=\&ellipsis\&\u003E\u003C\u002Fspan\u003E\u003C\u002Fa\u003E\u003C\u002Fblockquote\u003E&,&updated&:new Date(&T10:54:15.000Z&),&canComment&:false,&commentPermission&:&anyone&,&commentCount&:65,&likeCount&:922,&state&:&published&,&isLiked&:false,&slug&:&&,&isTitleImageFullScreen&:false,&rating&:&none&,&titleImage&:&https:\u002F\\u002Fv2-caf0cc7f241a39a239c10d_r.jpg&,&links&:{&comments&:&\u002Fapi\u002Fposts\u002F2Fcomments&},&topics&:[{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&前端开发&},{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&程序员&},{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&编程语言&}],&adminClosedComment&:false,&href&:&\u002Fapi\u002Fposts\u002F&,&excerptTitle&:&&,&column&:{&slug&:&itlion114&,&name&:&IT技术分享&},&sourceUrl&:&&,&pageCommentsCount&:65,&snapshotUrl&:&&,&publishedTime&:&T18:54:15+08:00&,&url&:&\u002Fp\u002F&,&summary&:&\u003Cimg src=\&https:\u002F\\u002F50\u002Fv2-f5ce836cd2d01c50a36b6_200x112.jpg\& data-rawwidth=\&785\& data-rawheight=\&340\& class=\&origin_image inline-img zh-lightbox-thumb\& data-original=\&https:\u002F\\u002F50\u002Fv2-f5ce836cd2d01c50a36b6_r.jpg\&\u003E在过去的一年里，软件开发行业继续大踏步地向前迈进。回顾 2016 年，我们看到了更多新兴的流行语言、框架和工具，它们改变着我们的工作方式，让我们看到更多的可能。但在这个行业，紧随潮流是很难的。所以在每年年底，我们都会给你提供一些建议，它涉及什么…&,&reviewingCommentsCount&:0,&meta&:{&previous&:null,&next&:null},&commentsCount&:65,&likesCount&:922},&&:{&title&:&2017 Web 开发者学习路线图&,&author&:&itlion114&,&content&:&\u003Cp\u003E本文是源自 \u003Ca href=\&https:\\u002Fkamranahmedse\u002Fdeveloper-roadmap\& data-editable=\&true\& data-title=\&Github\&\u003EGithub\u003C\u002Fa\u003E 上 \u003Ca href=\&https:\\u002Fkamranahmedse\& data-editable=\&true\& data-title=\&Kamran Ahmed\&\u003EKamran Ahmed\u003C\u002Fa\u003E 建立的一个仓库。在文中，作者为他的老教授分享了一组成为前端与后端开发者以及 \u003Ca href=\&http:\\u002FR6G8K2O\& data-editable=\&true\& data-title=\&Devops\&\u003EDevops\u003C\u002Fa\u003E 人员需要掌握的学习路线图，以便与他的学生们分享他们的观点。\u003C\u002Fp\u003E\u003Cp\u003E同时，有任何改进的建议或意见也欢迎给作者提 PR 。那么，我们一起来看看需要 Get 哪些技能？\u003C\u002Fp\u003E\u003Cbr\u003E\u003Ch2\u003E介绍\u003C\u002Fh2\u003E\u003Cimg src=\&v2-ad3d41ce730dc10c643e.png\& data-rawwidth=\&1129\& data-rawheight=\&439\&\u003E\u003Ch2\u003E前端开发学习路线图\u003C\u002Fh2\u003E\u003Cimg src=\&v2-8a008b9fefc1db87d517632.png\& data-rawwidth=\&1170\& data-rawheight=\&1526\&\u003E对于后端，作者更喜欢使用 Node JS 和 PHP-7，同时最近他也在研究 GO 语言。除了学习上述所说的，如果还可以选择一门编程语言，他还是比较青睐 Ruby 的。当然，这些只是他个人的爱好。\u003Cbr\u003E\u003Ch2\u003E后端开发学习路线图\u003C\u002Fh2\u003E\u003Cimg src=\&v2-fa3.png\& data-rawwidth=\&1223\& data-rawheight=\&1859\&\u003E最后，我们再看看他推荐的 DevOps 学习路线图：\u003Cbr\u003E\u003Cimg src=\&v2-0bb53aa531fd3b94fab4.png\& data-rawwidth=\&1346\& data-rawheight=\&1750\&\u003E当然，以上路线图或许还待改善，大家有好的建议可以给他提 PR，大家可以酌情的了解与参考。\u003Cbr\u003E\u003Cp\u003E感谢你的阅读。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E注：\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Col\u003E\u003Cli\u003E本文版权归原作者所有，仅用于学习与交流。\u003C\u002Fli\u003E\u003Cli\u003E如需转载译文，烦请按下方注明出处信息，谢谢！\u003C\u002Fli\u003E\u003C\u002Fol\u003E\u003Cblockquote\u003E\u003Cp\u003E英文原文：\u003Ca href=\&https:\\u002Fkamranahmedse\u002Fdeveloper-roadmap\& data-editable=\&true\& data-title=\&Roadmap to becoming a web developer in 2017\&\u003ERoadmap to becoming a web developer in C\u002Fa\u003E\u003Cbr\u003E作者： \u003Ca href=\&https:\\u002Fkamranahmedse\& data-editable=\&true\& data-title=\&Kamran Ahmed\&\u003EKamran Ahmed\u003C\u002Fa\u003E\u003Cbr\u003E译者：\u003Ca href=\&http:\\u002Fitlion114\u002F\& data-editable=\&true\& data-title=\&IT程序狮\&\u003EIT程序狮\u003C\u002Fa\u003E\u003Cbr\u003E译文地址：\u003Ca href=\&http:\u002F\\u002Fp\u002F86cdd0bd4147\& data-editable=\&true\& data-title=\&2017 Web 开发者学习路线图\& class=\&\&\u003Ehttp:\u002F\\u002Fp\u002F86cdd0bdC\u002Fa\u003E\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E&,&updated&:new Date(&T12:12:47.000Z&),&canComment&:false,&commentPermission&:&anyone&,&commentCount&:24,&likeCount&:145,&state&:&published&,&isLiked&:false,&slug&:&&,&isTitleImageFullScreen&:false,&rating&:&none&,&sourceUrl&:&&,&publishedTime&:&T20:12:47+08:00&,&links&:{&comments&:&\u002Fapi\u002Fposts\u002F2Fcomments&},&url&:&\u002Fp\u002F&,&titleImage&:&https:\u002F\\u002Fv2-6afae08e7ef7_r.jpg&,&summary&:&&,&href&:&\u002Fapi\u002Fposts\u002F&,&meta&:{&previous&:null,&next&:null},&snapshotUrl&:&&,&commentsCount&:24,&likesCount&:145},&&:{&title&:&2017 年 3 月：15 个有趣的 JS 和 CSS 库&,&author&:&itlion114&,&content&:&\u003Cp\u003E我们创办 Tutorialzine 的使命是让你及时的了解 Web 开发中最新、最酷的趋势。所以，每个月我们都会发布一些精心挑选的优秀 Web 开发资源，同时我们也相信，它们值得你的关注。\u003C\u002Fp\u003E\u003Ch2\u003E\u003Cb\u003E1. \u003Ca href=\&http:\u002F\u002Fpropeller.in\u002Findex.html\& data-editable=\&true\& data-title=\&Propeller\&\u003EPropeller\u003C\u002Fa\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cimg src=\&v2-df3bf6fdb84ac5cd64d345.jpg\& data-rawwidth=\&785\& data-rawheight=\&370\&\u003EPropeller 是基于\u003Ca href=\&https:\\u002F\& data-editable=\&true\& data-title=\&Bootstrap \&\u003E Bootstrap \u003C\u002Fa\u003E与谷歌的\u003Ca href=\&https:\u002F\\u002F\& data-editable=\&true\& data-title=\&Material Design \&\u003E Material Design \u003C\u002Fa\u003E的 CSS 组件框架。它包含了 25 个响应式组件，同时具备典型的 Material Design 动画。你可以将它作为 Bootstrap 的主题，或者完整的框架以及独立组件进行使用。\u003Cbr\u003E\u003Cblockquote\u003E\u003Cp\u003E\u003Cb\u003E项目地址：【\u003Ca href=\&http:\u002F\u002Fpropeller.in\u002Findex.html\& data-editable=\&true\& data-title=\&传送门\&\u003E传送门\u003C\u002Fa\u003E】\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Ch2\u003E\u003Cb\u003E2. \u003Ca href=\&https:\\u002Ffeimosi\u002FbaguetteBox.js\& data-editable=\&true\& data-title=\&BaguetteBox\& class=\&\&\u003EBaguetteBox\u003C\u002Fa\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cimg src=\&v2-af608a4e1ede98e31b53.jpg\& data-rawwidth=\&785\& data-rawheight=\&370\&\u003EBaguetteBox 是一个利用纯 JavaScript 编写的库，它可用于创建响应式灯箱画廊效果。它是轻量级的，可自定义设置，并支持移动端，同时它还自带了相应的 CSS3 过渡。\u003Cbr\u003E\u003Cp\u003E我们最近利用这个库制作了\u003Ca href=\&http:\\u002F\u002Ffreebie-4-bootstrap-galleries\u002F\& data-editable=\&true\& data-title=\&4 个免费的 Bootstrap Gallery 模板包\&\u003E 4 个免费的 Bootstrap Gallery 模板包\u003C\u002Fa\u003E，我想我们已经喜欢上它了。\u003C\u002Fp\u003E\u003Cblockquote\u003E\u003Cp\u003E\u003Cb\u003E项目地址：【\u003Ca href=\&https:\\u002Ffeimosi\u002FbaguetteBox.js\& data-editable=\&true\& data-title=\&传送门\&\u003E传送门\u003C\u002Fa\u003E】\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Ch2\u003E\u003Cb\u003E3. \u003Ca href=\&https:\\u002FWhitestormJS\u002Fwhitestorm.js\& data-editable=\&true\& data-title=\&Whitestorm\& class=\&\&\u003EWhitestorm\u003C\u002Fa\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cimg src=\&v2-5c8d75e63f2c3b7c2b3f66.jpg\& data-rawwidth=\&785\& data-rawheight=\&370\&\u003EWhitestorm 是基于\u003Ca href=\&https:\u002F\u002Fthreejs.org\u002F\& data-editable=\&true\& data-title=\&Three.js \&\u003E Three.js \u003C\u002Fa\u003E引擎用来开发 3D Web APPS 和游戏的框架。它为许多常见的 Three.js 任务提供了简单的封装，使搭建环境、创建对象、添加物件等操作更加的简单。官方也提供了\u003Ca href=\&https:\\u002FWhitestormJS\u002Fwhitestorm-app-boilerplate\& data-editable=\&true\& data-title=\&示例项目\&\u003E示例项目\u003C\u002Fa\u003E，以及与 \u003Ca href=\&https:\\u002FWhitestormJS\u002Freact-whs\& data-editable=\&true\& data-title=\&React 集成\&\u003EReact 集成\u003C\u002Fa\u003E的工具，便于你迅速的开始工作。\u003Cbr\u003E\u003Cblockquote\u003E\u003Cp\u003E\u003Cb\u003E项目地址：【\u003Ca href=\&https:\\u002FWhitestormJS\u002Fwhitestorm.js\& data-editable=\&true\& data-title=\&传送门\&\u003E传送门\u003C\u002Fa\u003E】\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Ch2\u003E\u003Cb\u003E4. \u003Ca href=\&https:\u002F\u002Fgibbok.github.io\u002Fanimatelo\u002F\& data-editable=\&true\& data-title=\&Animatelo\& class=\&\&\u003EAnimatelo\u003C\u002Fa\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cimg src=\&v2-2bce66b2d1ecd5f79e6e1a81e990eb67.png\& data-rawwidth=\&1206\& data-rawheight=\&310\&\u003EAnimatelo 是流行的\u003Ca href=\&https:\u002F\u002Fdaneden.github.io\u002Fanimate.css\u002F\& data-editable=\&true\& data-title=\&Animate.css \&\u003E Animate.css \u003C\u002Fa\u003E库的接口，它利用\u003Ca href=\&https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FAPI\u002FWeb_Animations_API\& data-editable=\&true\& data-title=\&Web Animation API \&\u003E Web Animation API \u003C\u002Fa\u003E替代了 CSS 过渡，并将 Animate.css 库中的所有效果重现了出来。但它的 API 是基于 Javascript 方法的，而不是 CSS 类。同时，它也是轻量级的库，不依赖 jQuery，但在一些老版本的浏览器上或许要使用 polyfill。\u003Cblockquote\u003E\u003Cp\u003E\u003Cb\u003E项目地址：【\u003Ca href=\&https:\u002F\u002Fgibbok.github.io\u002Fanimatelo\u002F\& data-editable=\&true\& data-title=\&传送门\&\u003E传送门\u003C\u002Fa\u003E】\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Ch2\u003E\u003Cb\u003E5. \u003Ca href=\&https:\\u002Ffuse-box\u002Ffuse-box\& data-editable=\&true\& data-title=\&FuseBox\&\u003EFuseBox\u003C\u002Fa\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cimg src=\&v2-a3ec814cb85e98b0e9d5d.png\& data-rawwidth=\&785\& data-rawheight=\&370\&\u003EFuseBox 是一个用于 JavaScript 和 CSS 的打包程序，并具备用于 TypeScript，Sass 等的附加组件。它的设计理念是简单与性能，也为\u003Ca href=\&https:\u002F\u002Fwebpack.github.io\u002F\& data-editable=\&true\& data-title=\&Webpack \&\u003E Webpack \u003C\u002Fa\u003E提供了可行的替代解决方案。\u003Cbr\u003E\u003Cp\u003E为了让你快速开始，官方提供了\u003Ca href=\&https:\\u002Ffuse-box\u002Fangular2-example\& data-editable=\&true\& data-title=\&Angular 2 + TypeScript\&\u003E Angular 2 + TypeScript\u003C\u002Fa\u003E，\u003Ca href=\&https:\\u002Ffuse-box\u002Freact-example\& data-editable=\&true\& data-title=\&React + Babel\&\u003EReact + Babel\u003C\u002Fa\u003E，\u003Ca href=\&https:\\u002Ffuse-box\u002Ffuse-box-vue-seed\& data-editable=\&true\& data-title=\&Vue.js\&\u003EVue.js\u003C\u002Fa\u003E，\u003Ca href=\&https:\\u002Ffuse-box\u002Felectron-fuse-box-babel-live-reload-boilerplate\& data-editable=\&true\& data-title=\&Electron \& class=\&\&\u003EElectron \u003C\u002Fa\u003E和其他版本的快速示例教程。\u003C\u002Fp\u003E\u003Cblockquote\u003E\u003Cp\u003E\u003Cb\u003E项目地址：【\u003Ca href=\&https:\\u002Ffuse-box\u002Ffuse-box\& data-editable=\&true\& data-title=\&传送门\&\u003E传送门\u003C\u002Fa\u003E】\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Ch2\u003E\u003Cb\u003E6. \u003Ca href=\&http:\u002F\u002Fyargs.js.org\u002F\& data-editable=\&true\& data-title=\&Yargs\&\u003EYargs\u003C\u002Fa\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cimg src=\&v2-167f8a11cac204a2edbd50.jpg\& data-rawwidth=\&785\& data-rawheight=\&370\&\u003EYargs 是使用 Node.js 构建功能齐全的命令行应用程序的框架。你可以轻松的配置命令、解析多个参数以及设置快捷操作方式。甚至，它还可以自动生成帮助菜单。\u003Cbr\u003E\u003Cblockquote\u003E\u003Cp\u003E\u003Cb\u003E项目地址：【\u003Ca href=\&http:\u002F\u002Fyargs.js.org\u002F\& data-editable=\&true\& data-title=\&传送门\&\u003E传送门\u003C\u002Fa\u003E】\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Ch2\u003E\u003Cb\u003E7. \u003Ca href=\&https:\\u002F\& data-editable=\&true\& data-title=\&WebGradients\& class=\&\&\u003EWebGradients\u003C\u002Fa\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cimg src=\&v2-04eba02c93c059a916177e.jpg\& data-rawwidth=\&785\& data-rawheight=\&370\&\u003EWebGradients 收集了一系列漂亮的色彩渐变，你可以将它们轻松的应用在任何 HTML 页面上。你可以通过快速预览，或是全屏查看可用的渐变色，然后仅需要一键复制 CSS 属性，即可将它们应用到你的项目中去。\u003Cbr\u003E\u003Cblockquote\u003E\u003Cp\u003E\u003Cb\u003E项目地址：【\u003Ca href=\&https:\\u002F\& data-editable=\&true\& data-title=\&传送门\&\u003E传送门\u003C\u002Fa\u003E】\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Ch2\u003E\u003Cb\u003E8. \u003Ca href=\&http:\u002F\u002Fleafo.net\u002Fsticky-kit\u002F\& data-editable=\&true\& data-title=\&Sticky-Kit\&\u003ESticky-Kit\u003C\u002Fa\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cimg src=\&v2-df2c72d87cecf0838680.png\& data-rawwidth=\&1281\& data-rawheight=\&163\&\u003ESticky-kit 是一个 jQuery 插件，它可以将元素附加到页面上的某个区域，并使元素保持其边界。这样随着页面的滚动，在父容器中的特定元素将会保持始终可见。\u003Cbr\u003E\u003Cblockquote\u003E\u003Cp\u003E\u003Cb\u003E项目地址：【\u003Ca href=\&http:\u002F\u002Fleafo.net\u002Fsticky-kit\u002F\& data-editable=\&true\& data-title=\&传送门\& class=\&\&\u003E传送门\u003C\u002Fa\u003E】\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Ch2\u003E\u003Cb\u003E9. \u003Ca href=\&https:\u002F\u002Fdollarshaveclub.github.io\u002Fscrolldir\u002F\& data-editable=\&true\& data-title=\&ScrollDir\&\u003EScrollDir\u003C\u002Fa\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cimg src=\&v2-51fbdea698d5.jpg\& data-rawwidth=\&785\& data-rawheight=\&370\&\u003EScrollDir 是一款超轻量的，不依赖 JavaScript 的库，用于监测 CSS 中的滚动方向。它可以察看滚动条的移动方向，并根据你选择的元素来切换上\u002F下方向的数据属性。同时，它忽略了小的滚动动作，力求创造一个平稳的体验。\u003Cbr\u003E\u003Cblockquote\u003E\u003Cp\u003E\u003Cb\u003E项目地址：【\u003Ca href=\&https:\u002F\u002Fdollarshaveclub.github.io\u002Fscrolldir\u002F\& data-editable=\&true\& data-title=\&传送门\&\u003E传送门\u003C\u002Fa\u003E】\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Ch2\u003E\u003Cb\u003E10. \u003Ca href=\&https:\\u002Fsvg\u002Fsvgo\& data-editable=\&true\& data-title=\&Svgo\&\u003ESvgo\u003C\u002Fa\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cimg src=\&v2-327ef5fa1713e9eaacd72.jpg\& data-rawwidth=\&785\& data-rawheight=\&232\&\u003E这是一个用于优化 SVG 文件的 Node.js 工具，它可以删除那些无用的 SVG 信息，例如编辑器元信息、注释、隐藏元素以及不影响渲染向量的其他属性。同时，它基于插件模式构建，所以你可以自由的选择想要删除的内容。\u003Cblockquote\u003E\u003Cp\u003E\u003Cb\u003E项目地址：【\u003Ca href=\&https:\\u002Fsvg\u002Fsvgo\& data-editable=\&true\& data-title=\&传送门\&\u003E传送门\u003C\u002Fa\u003E】\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Ch2\u003E\u003Cb\u003E11. \u003Ca href=\&https:\\u002Fmarcuswestin\u002Fstore.js\& data-editable=\&true\& data-title=\&Store.js\&\u003EStore.js\u003C\u002Fa\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cimg src=\&v2-023e3adbfd51e1f6fcef06f.png\& data-rawwidth=\&785\& data-rawheight=\&370\&\u003EStore.js 是用于本地存储的跨浏览器解决方案。近期，它的 2.0 版本也已发布，在更新了许多功能的同时，增加了一些额外的功能，例如数组\u002F对象操作以及改进了过期选项。\u003Cp\u003E在上一期的\u003Ca href=\&http:\\u002F\u002F15-interesting-javascript-and-css-libraries-for-february-F\& data-editable=\&true\& data-title=\&每月 Web 开发资源列表\&\u003E每月 Web 开发资源列表\u003C\u002Fa\u003E中，我们为大家分享了一个名为\u003Ca href=\&https:\\u002FlocalForage\u002FlocalForage\& data-editable=\&true\& data-title=\&localForage \&\u003E localForage \u003C\u002Fa\u003E的库。它提供了许多与 Store.js 类似的功能，但是具有更多的 localStorage 类语法。喜欢的话，不妨来看看。\u003C\u002Fp\u003E\u003Cblockquote\u003E\u003Cp\u003E\u003Cb\u003E项目地址：【\u003Ca href=\&https:\\u002Fmarcuswestin\u002Fstore.js\& data-editable=\&true\& data-title=\&传送门\&\u003E传送门\u003C\u002Fa\u003E】\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Ch2\u003E\u003Cb\u003E12. \u003Ca href=\&https:\\u002Fdevelopit\u002Fsnarkdown\& data-editable=\&true\& data-title=\&Snarkdown\&\u003ESnarkdown\u003C\u002Fa\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cimg src=\&v2-16daae7036.png\& data-rawwidth=\&783\& data-rawheight=\&231\&\u003ESnarkdown 是一个使用 JavaScript 编写的超简单的 Markdown 解析器。诚然，它不是最复杂或功能最全的解析器，但它可能是最容易实现的。\u003Cp\u003ESnarkdown 只有 1kb 大小，且只有一种方法，使其成为速成项目的完美选择。\u003C\u002Fp\u003E\u003Cblockquote\u003E\u003Cp\u003E\u003Cb\u003E项目地址：【\u003Ca href=\&https:\\u002Fdevelopit\u002Fsnarkdown\& data-editable=\&true\& data-title=\&传送门\&\u003E传送门\u003C\u002Fa\u003E】\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Ch2\u003E\u003Cb\u003E13. \u003Ca href=\&https:\\u002Fdevelopit\u002Funfetch\& data-editable=\&true\& data-title=\&Unfetch\&\u003EUnfetch\u003C\u002Fa\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cimg src=\&v2-75f2efcca46f257feca99bc2cf2cdec8.jpg\& data-rawwidth=\&784\& data-rawheight=\&309\&\u003E\u003Ca href=\&https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FAPI\u002FFetch_API\& data-editable=\&true\& data-title=\&Fetch API \&\u003EFetch API \u003C\u002Fa\u003E是 XMLHttpRequest 接口的现代重制，它为开发人员提供了一种更好的处理异步请求的方法。虽然，它支持大多数现代浏览器，但是 fetch() 方法在 IE 中仍然不可}
我要回帖
更多关于 react技术栈包括什么 的文章
更多推荐
- ·马峰老师的理论法学体系怎么样？
- ·“TW”作为“台湾在国际上叫什么英文”的英文缩写，其背后有何法律依据？
- ·高考要求口语的专业口语考什么？
- ·福建南平八中是怎样的学校第四届学生会主席选举
- ·框架每平米建筑面积填充1立方砌块砌墙多少平方多少方？
- ·苹果6s天天快递天宝中的裹裹抢单帐号被禁用打开就闪退怎么回事？
- ·ipad可以用ipad流量卡卡吗
- ·金时德定时器里面累加有电池吗?
- ·iPhone7plus从二楼梦见小孩从楼上掉下来来里面东西会不会坏有三米
- ·为什么16g内存显示8g可用8GB显示7.8GB可用
- ·海信电视华数tv怎样用华数VlP
- ·带限号和天气预报汽车限号软件
- ·优酷视频飙车王子84005255有个马杰斯特t39带音响，我就要里面放的所有歌一个接一个找
- ·两台功放机输出接电阻连在一起输出来声音怎样连接？
- ·笔记本电脑戴尔，惠普联想戴尔华硕微星，华硕哪个好？
- ·愿穿越我们的少年时代代都镌刻着最美的回忆,改为比喻句
- ·女生童年练琴练不好挨打的故事事？
- ·语言文字条例一条例:
- ·作文题目是温暖的旅程作文600字，怎么写？
- ·IT林木育苗技术包括什么？
- ·findrun的过去式式
- · 高中数学 请教大家佳能24 105红圈镜头中R^2怎么计算的？有具体步骤，过程详细些谢谢大家
- ·初二上期物理综合复习卷
- ·如何分析两个不等量点电荷的场强公式分布图
- ·还呗逾期多长时间上征信查征信？
- ·美博空气能热水器hhnt显示E11是什么故障机器使用一段时间就工作保护显E11，主板，温度探头都换过了还是
- ·中国银行，这小学生一分钟写几个字字是说谁写的
- ·十除以三列竖式式,7x8十65=多少
- ·还呗信用逾期记录查询查征信吗？
- ·还呗逾期公积金逾期还款怎么办？
- ·单相电容电机正反转双值电容异步电动机放在麻什机上反转
- ·高清跑狗图今期牛魔王跑狗新板ab———想生儿子，问科学生儿子的方法的是什么？
- ·你好老师，我有一套顾景舟紫砂壶老师的一套紫砂壶，能给看看吗
- ·a kind of 前复数后加单数还是复数
