被火狐浏览器器wwW10yq否定怎么处理,还是当初的10yqcom那网占嘛
点击联系发帖人
时间：2018-04-10 12:25
&figure&&img src=&https://pic2.zhimg.com/v2-249d672fbd294f745d3a62e4b97b0433_b.jpg& data-rawwidth=&645& data-rawheight=&360& class=&origin_image zh-lightbox-thumb& width=&645& data-original=&https://pic2.zhimg.com/v2-249d672fbd294f745d3a62e4b97b0433_r.jpg&&&/figure&&p&前两天在那篇&a href=&http://link.zhihu.com/?target=http%3A//mp.weixin.qq.com/s%3F__biz%3DMzU2NTAzNzYzMg%3D%3D%26mid%3D%26idx%3D1%26sn%3De8a38ee78dec4b1ce5afcfb1c301c99f%26chksm%3Dfc409c3ecb30d2d4c6cb2f3a7dascene%3D21%23wechat_redirect& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&手摸着手教你在线看豆瓣全站电影！&/a&一文中提了一嘴油猴插件，以为大家应该都知道了，结果看投票显示，只有 1/4 的黑粉知道这个，那网黑哥必须要给大家安利油猴了。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-a3a77f46906eaf0891ac_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1078& data-rawheight=&825& class=&origin_image zh-lightbox-thumb& width=&1078& data-original=&https://pic1.zhimg.com/v2-a3a77f46906eaf0891ac_r.jpg&&&/figure&&p&网黑哥很羡慕其余那 3/4 的黑粉，因为今晚你们有福了！ &/p&&p&没关注我之前你没用上不怪你，关注了我之后不让你享受上这款神器，是网黑哥的不对。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-2f8d1d64d1e40f_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1280& data-rawheight=&720& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&https://pic2.zhimg.com/v2-2f8d1d64d1e40f_r.jpg&&&/figure&&p&这年头神器这个词已经烂大街了，但是，油猴的确配得上这个词，如果让我选择 Chrome 浏览器上只能保留一个扩展，那必须是油猴插件！这是一个可以提升上网幸福感的神级工具！&/p&&p&说的这么邪乎？那我来告诉你这只油猴子都能干些什么吧。&/p&&p&或者换句话来问，哪些是油猴搞不定的？有没有心动？感觉像打开了新世界的大门？&/p&&p&这么逆天的神器到底是个什么东西？它其实是一个脚本管理器，可以为你的浏览器加载各种各样有趣、实用、脑洞大开的脚本，对你正在访问的指定网站按照你的需求进行修改，从而让你的浏览器前所未有地强大。&/p&&p&这款插件除了适用于 Chrome , 还支持 Microsoft Edge，Safari，Opera ，Firefox，以及使用 Chromium 内核的国产浏览器（比如 QQ、猎豹、360、百度等），在&a href=&http://link.zhihu.com/?target=http%3A//tampermonkey.net/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&http://tampermonkey.net&/a& 这里你可以找到对应的油猴版本下载。本教程将以 Chrome 为例讲解。&/p&&p&先安装油猴插件，最新版本号是 4.4——&/p&&p&1、可以科学上网的同学建议在线安装，去谷歌商店搜索 Tampermonkey 下载安装。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-bd953eae60ea90ccce54f3_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1207& data-rawheight=&217& class=&origin_image zh-lightbox-thumb& width=&1207& data-original=&https://pic4.zhimg.com/v2-bd953eae60ea90ccce54f3_r.jpg&&&/figure&&p&2、如果没有科学上网的条件，可以去 &a href=&http://link.zhihu.com/?target=https%3A//mp.weixin.qq.com/www.crx4chrome.com/crx/755/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&www.crx4chrome.com/crx/755/&/a& 下载到本地，然后离线安装。顺便提一句，crx4chrome 这个站可以无需科学上网就能下载到最新版本的 Chrome 扩展，建议收藏。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-8bafc0ac7bb93a_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&532& data-rawheight=&391& class=&origin_image zh-lightbox-thumb& width=&532& data-original=&https://pic3.zhimg.com/v2-8bafc0ac7bb93a_r.jpg&&&/figure&&p&其他浏览器也可以打开扩展管理页面，把离线安装文件拖入页面内安装即可。&/p&&br&&figure&&img src=&https://pic4.zhimg.com/v2-d4ddb7f67ea1_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1523& data-rawheight=&740& data-thumbnail=&https://pic2.zhimg.com/v2-d4ddb7f67ea1_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1523& data-original=&https://pic2.zhimg.com/v2-d4ddb7f67ea1_r.jpg&&&/figure&&br&&p&安装成功之后，你会在 Chrome 的扩展栏看到这个黑色图标，证明油猴已经安装成功。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-244803ebffa61ef46ba2b_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&824& data-rawheight=&363& class=&origin_image zh-lightbox-thumb& width=&824& data-original=&https://pic4.zhimg.com/v2-244803ebffa61ef46ba2b_r.jpg&&&/figure&&p&安装就这么简单，那这时候是不是就可以使用上边的那些神奇功能呢？&/p&&p&还不行，安装好油猴插件相当于你手里有了一把枪，还要有子弹才能发挥枪的威力。&/p&&p&再送你一个丰富的弹药库，&a href=&http://link.zhihu.com/?target=https%3A//greasyfork.org/zh-CN/scripts& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&greasyfork.org/zh-CN/sc&/span&&span class=&invisible&&ripts&/span&&span class=&ellipsis&&&/span&&/a&，长枪短炮，应有尽有，刚才那些功能强大的脚本都来自于这个网站。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-4779cfca38a263f31ded_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&963& data-rawheight=&402& class=&origin_image zh-lightbox-thumb& width=&963& data-original=&https://pic2.zhimg.com/v2-4779cfca38a263f31ded_r.jpg&&&/figure&&p&是不是很神奇？感觉相见恨晚？&/p&&p&油猴能做的远远不止这些，再给你秀一个我觉得很好用的，平时我们经常会从百度云盘上下载文件，你们知道网黑哥安利的软件也给的是网盘链接，每次都要输密码好麻烦，确实，但是只要下载一个脚本，再也不用输密码了，打开链接，密码自动填充，是不是超级方便？&/p&&br&&figure&&img src=&https://pic2.zhimg.com/v2-b8ab2a775a19e660e2646aae9d6d2d82_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1532& data-rawheight=&811& data-thumbnail=&https://pic3.zhimg.com/v2-b8ab2a775a19e660e2646aae9d6d2d82_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1532& data-original=&https://pic3.zhimg.com/v2-b8ab2a775a19e660e2646aae9d6d2d82_r.jpg&&&/figure&&br&&p&油猴上好玩好用的脚本实在是太多了，大家可以去自己慢慢淘，总有一款适合你！也许你还会发现一些意想不到的福利，听说有个什么 sleazyfork 的，我完全不知道是干嘛的，你们老司机懂得。&/p&&p&你们知道爱折腾的网黑哥搜集了不少好玩的插件，大概有二三十个吧，这些都是我使用过很多脚本后精选保留下来的，这可都是我压箱底的干货啊！已经被我导出为一个压缩包，你们如果懒得一个一个淘，可以拿去一键导入就好了，关注我公众号 网罗灯下黑，在后台回复关键词 &b&1122&/b& 即可获取，下图是导入教程（以 360 为例）。&/p&&br&&figure&&img src=&https://pic2.zhimg.com/v2-0e6f787e109a43dfeb266a5_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1442& data-rawheight=&943& data-thumbnail=&https://pic2.zhimg.com/v2-0e6f787e109a43dfeb266a5_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1442& data-original=&https://pic2.zhimg.com/v2-0e6f787e109a43dfeb266a5_r.jpg&&&/figure&&br&&p&安装了这么多好玩的脚本，要是换台电脑怎么办？往下看——&/p&&p&在油猴的管理面板里面，打开设置标签，在通用中，把配置模式改为高级。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-de0d623e552ec_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&826& data-rawheight=&265& class=&origin_image zh-lightbox-thumb& width=&826& data-original=&https://pic2.zhimg.com/v2-de0d623e552ec_r.jpg&&&/figure&&p&这时，下方就会多出几个设置板块，找到 Tesla ，勾上启动，并把同步类型选为 Google Drive 就搞定了！&/p&&figure&&img src=&https://pic2.zhimg.com/v2-51989feefb3fcdee0d2b045b5bc2bb71_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&642& data-rawheight=&212& class=&origin_image zh-lightbox-thumb& width=&642& data-original=&https://pic2.zhimg.com/v2-51989feefb3fcdee0d2b045b5bc2bb71_r.jpg&&&/figure&&p&这样你在任何一台电脑上只要登录你的浏览器账号，这些脚本就全部同步下来，你就说贴心不贴心吧？&/p&&p&今天的安利到此结束，我想起当年第一次用上油猴的时候，就像阿里巴巴站在宝藏洞口，喊出 “芝麻开门”，宝藏大门应声而开。&/p&&p&这样的幸福感，今晚送给每一位黑粉，晚安。&/p&&p&&b&（该文经过多次修改才被放出来，要看原文就去公众号看吧）&/b&&/p&&p&&br&&/p&&p&&i&硬广时间：&/i&&/p&&p&&i&本文在&b&&a href=&https://zhuanlan.zhihu.com/c_& class=&internal&&网罗灯下黑&/a&&/b&知乎专栏及同名微信公众号（&b&wldxh8&/b&）&/i& &i&同步更新，里面还有科技圈里不为人知的隐秘故事，趣玩软件，毒舌吐槽，欢迎来玩。&/i&&/p&
前两天在那篇一文中提了一嘴油猴插件，以为大家应该都知道了，结果看投票显示，只有 1/4 的黑粉知道这个，那网黑哥必须要给大家安利油猴了。网黑哥很羡慕其余那 3/4 的黑粉，因为今晚你们有福了！ 没关注我之前你没用上不…
经过ebay等海外风的吹拂，前后端分离成了阿里集团前端组织今年内部推行的几大领域之一。&br&目前在公司内部还只是处在早期探索阶段。诚然经过半年的宣传和鼓吹，在前端工程师的圈子里已有了不小的影响力，但目前还缺乏后端工程师的理解和参与，也没有重量级的架构师（阿里架构师一般是指后端架构师）和技术管理层的充分讨论和鲜明支持，目前还是前端们的自娱自乐居多，各部门独立玩的居多，但已经呈现出比较活跃的发展态势，也是内部技术讨论热点，可谓道路曲折，前景光明。midway只是一个方案，不代表阿里在这方面的全部成果，很早之前就有nodejs/前后端分离的相关技术产品出世了。&br&在此不想评价midway的技术水平，应该说这是一个从实际场景出发、面向工程的技术架构，还在探索。从纯技术意义上来说，其实并没有非用不可的理由，midway宣称的那些好处，没有哪一条完全站得住脚，包括最基础的前后端代码共用和模板共用，仔细研讨起来也是过于理想主义的，忽视了实际工程的困难；至于利于性能优化或者bigpipe更是贻笑大方。&br&&br&&b&如果说前后端分离有什么好处，我觉得有三，需要辩证地看：&/b&&br&1，&b&扩大了前端的势力范围&/b&，&br&对技术影响力、招聘、造轮子、发paper、晋升答辩极为重要。要知道在阿里前端最高的级别是P8，人数则一只手能数的过来。这不能不说是前端这一层过于薄、离业务核心太远导致的，现在从技术上侵入服务端，技能树终于开了新分支，可能性猛然大了无数倍，一下子似乎发现了新大陆。对个人成长的渴望，是大量面临瓶颈的资深前端工程师无法抗拒的诱惑！&br&&br&2，&b&前端开发模式的变革&/b&。&br&自己玩后端，技术上、项目上都不用去看后端项目的排期和配合了，极大提高了开发和测试的便利度、自主性。阿里很早就了nodejs写的开发服务器用于内部测试，现在走到线上，也是厚积薄发，这为提高开发效率，进一步榨取前端劳力提供了可能。&br&&br&3，&b&促进阿里后端web框架的进化&/b&。&br&这一点是没有很多人甚至阿里人没注意到的（前端不懂webx，后端重心后移），webx框架发布已经很久，近期的技术升级非常少，技术形态已经陷入僵化，对现在的移动互联网趋势没有敏锐的发现机会并适应变革，很遗憾地缺席了新时代。nodejs来了，洗牌开始，前端人员天然对多终端、多屏、交互、体验的关注会为后端框架吹过一缕新风，给这停滞的技术领域注入活力。——所以我是赞成后端工程师学习nodejs的。&br&&br&同时问题也很多，这些困难和隐患不能不提：&br&1，&b&不可忽视的后端技术门槛&/b&。&br&不能不提这茬，即便midway很务实的只挑选了视图层作为主攻方向，但不可避免的控制器层还会带进来大量技术问题需要解决，比如配管、部署、日志监控、运维工具、SOA、加解密、事务、缓存策略、消息队列、异步调用、安全问题，总有避不开的暗礁。对阿里目前的后端技术栈来说，这些技术背后是无数的系统和平台，缺一不可，midway目前还是个玩具。更何况nodejs/web framework本身都在飞速演变之中，ES5到ES6，技术特性变化剧烈。即便由前期探路者完成了基础设施建设，后期他人进入的学习成本也非常高。时间长了，前端工程师本身又自然会分化成纯前端和nodejs工程师，如此前后端天然又产生了隔阂，呵呵，分久必合，合久必分。&br&&br&2，&b&前端不务正业&/b&。&br&正是因为困难重重，后端技术比前端复杂，加上新领域容易出成果，客观上造成了前端精英力量会大量倾斜到这个领域，进而使纯前端技术停滞不前，内部人心浮动，如果管理上不能很好理清长期目标和短期计划、前后端如何分离等关系和利益的要害问题，对公司来说是喜忧参半的。&br&&br&&b&3，JS的技术缺陷&/b&&br&因为ES一直在进化中，ES6的yield部分解决了callback hell，module也初步有了，但是楼上推崇的前后端代码共享和模板共享，在我看来恰恰不太可行。对阿里来说，后端代码是需要保护的，大量模板、校验函数等代码如果暴露出去，对网站的安全是一大威胁，这个好处实在鸡肋。譬如最近我们就发现JDK的一个加密类库在js中根本找不到替代方案，自己写的话实在力有不逮。nodejs还太幼小，还有很多技术问题就不展开了。&br&&br&4，&b&好处不够明显，推广困难&/b&。&br&这才是midway真正的死穴。如前文所说，目前的前后端分离运动还是部分前端工程师的孤立行为，绝大多数后端工程师和一线主管对此毫不关心（我除外），因为midway宣称的痛点不是他们的痛点，宣称的优点只有节约后端人力这一条对他们有点意义，而这些人才是决定midway命运的人！随着时间的推移，这可能缓解，也可能尖锐，毕竟这是前端们的西部大开发运动，是扩地之战。&br&&br&总结。&br&目前midway至少还有半年的路要走，前端要克制自己的冲动，有限度使用nodejs，相信在这个领域大有可为，但那时候他们就不是前端了，他们会有一个响亮的名字叫 “NodeJS工程师”。&br&&br&&i&#_BEGIN &/i&&br&
7月5日 12点 ，看到小卒的回答后我觉得有必要补充一下：&br&&a href=&http://www.zhihu.com/people/xiao-zu-22& class=&internal&&@小卒&/a&，也许你觉得我在抹黑你，但我绝未针对midway，我也不认识这个团队的任何人，我描述的是管理上的大势，考虑引入一种新的后端语言对技术部门的长远影响，不针对具体case和主观动机，只评估客观结果；另外，不想当将军的士兵不是好士兵。君子言利，才是社会进步的不竭动力吧！:) &br&
至于我自己，一直是nodejs的拥护者，早在2011年就写nodejs了，可能比这里的很多人都要早，人活得长了点，也创过业，不小心成了一个老前端+老后端+半个运维+半个产品经理，不谦虚地说能写半打语言，我肯定打死也不会承认自己有编程语言偏见的，呵呵，但语言的差异和强弱是客观事实，承认一门语言的缺陷并不会妨碍我们对它的使用，是不是？&br&
后端技术门槛的存在，这一层认知障碍对你来说是很难感受到的，因为你有后端背景，但不要忘了前端同学们的普遍情况，有多少人有后端开发经验呢？我列出那些技术名词，不是强调其技术实现（很多中间件客户端已经被数据平台部实现了）的难度，而是强调前端同学掌握这些技术领域的成本，开发、调试、摸出最佳实践，这绝对是新的东西。现在前后端分离是在淘宝首页这种业务逻辑很少的场景中测试的，重点在view层，controller层可能只是简单的data collector，不知道你们考虑过复杂业务和交互场景下如何使用没有？那时候controller层会非常厚重，它不仅仅是取数和渲染视图，还会写入数据、还有事务、队列和锁等杂七杂八，还有更复杂的业务逻辑需要在这一层进行，把一切复杂性委托给后端接口是不够的，因为再牛的服务化也不可能给你提供所有粒度的封装，到时候node必然需要侵入到业务细节。代码复杂度一上升，callback hell谁也hold不住。&br&
这一切对前端的挑战还不够大？也许你们可以试试怎么把下单系统给nodejs化。不客气的说，很多前端工程师一直在一维空间里存活，是单线程思维模式，对并发、事务、一致性、分布式等问题的理解基本空白，技术场景后移以后，要学习的东西真的很多很多！所以我的意见是，如果前后端真的分离了，最后必然出现NodeJS工程师，以区分纯前端工程师，不要奢望每个人都是大牛，这不科学。&br&
前后端分离问题，其实是富客户端化大潮中的一个浪花，本质上还是移动时代对MVC模式中VC前移的内在呼唤。大家都希望后端老老实实只提供M就够了，别管其他，View和Controller要么在app里，要么在H5中，实在不行啊，也得在nodejs里，后端该干嘛干嘛去，呵呵。说到底是在革Java Web Framework们的命，这也是我的担忧，所以后端工程师的理解与支持才那么重要！&br&&br&最重要的是，我花了很多业余时间观察集团内nodejs的发展，基本每个项目源码我都翻看过，我还特意和数据平台部的一些同事聊过相关的进展，其实是在琢磨如何在我的团队里引入的，所以如果让你觉得我对xxx有不屑，恩，这不是真的。我还是很佩服有想法、干实事的人的，加油！&br&&i&#_END&/i&&br&&br&&br&&i&#BEGIN 一年了，取消匿名&/i&&br&nodejs这一年发展还是比较好的，在阿里内部技术影响力越来越大了，周围已经有不少项目用了或者打算用nodejs实现。有时间再补充吧。&br&&i&#END&/i&
经过ebay等海外风的吹拂，前后端分离成了阿里集团前端组织今年内部推行的几大领域之一。 目前在公司内部还只是处在早期探索阶段。诚然经过半年的宣传和鼓吹，在前端工程师的圈子里已有了不小的影响力，但目前还缺乏后端工程师的理解和参与，也没有重量级的…
&figure&&img src=&https://pic4.zhimg.com/v2-a9c0b31c93e_b.jpg& data-rawwidth=&750& data-rawheight=&420& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&https://pic4.zhimg.com/v2-a9c0b31c93e_r.jpg&&&/figure&&p&&/p&&p&&/p&&p&&/p&&p&&/p&&p&&/p&&p&&/p&&p&&/p&&p&&/p&&p&&/p&&p&无论是在产品设计，还是在研发上，极简主义的应用简直无处不在。如果你和我一样热衷极简主义，那么本文分享的内容，一定是你的“菜”。在文章中，我们将与大家分享 20 个最佳的极简 CSS 框架，它们能够为你提供建站必备的组件，帮助你节省时间。Have Fun!&/p&&h2&&b&1. &a href=&https://link.zhihu.com/?target=https%3A//picturepan2.github.io/spectre/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Spectre&/a&&/b&&/h2&&figure&&img src=&https://pic2.zhimg.com/v2-78a62ede45a4f3f801b04_b.jpg& data-rawwidth=&690& data-rawheight=&299& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic2.zhimg.com/v2-78a62ede45a4f3f801b04_r.jpg&&&/figure&&p&这是一个轻量级、响应式的现代 CSS 框架，用于快速建站和扩展程序的开发。它通过最佳编码实践和一致性的设计语言，为排版与元素、基于 Flexbox 的响应布局系统、CSS 组件提供了基本样式。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=https%3A//picturepan2.github.io/spectre/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&2. &a href=&https://link.zhihu.com/?target=http%3A//jerryjappinen.com/layers/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Layers&/a&&/b&&/h2&&figure&&img src=&https://pic3.zhimg.com/v2-dcf059e643b0_b.jpg& data-rawwidth=&690& data-rawheight=&380& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic3.zhimg.com/v2-dcf059e643b0_r.jpg&&&/figure&&p&Layers CSS是一个针对实例的 CSS 框架。它具备轻量级、零依赖等特性。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=http%3A//jerryjappinen.com/layers/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&3. &a href=&https://link.zhihu.com/?target=http%3A//milligram.io/index.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Milligram&/a&&/b&&/h2&&figure&&img src=&https://pic1.zhimg.com/v2-bfcb82791ee1_b.jpg& data-rawwidth=&690& data-rawheight=&311& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic1.zhimg.com/v2-bfcb82791ee1_r.jpg&&&/figure&&p&Milligram 提供了极简样式设置，便于你快速、简洁的开启建站之旅。虽然它不是一个 UI 框架，但它的设计理念却是以提供优秀的性能、高效的开发效率以及最少的属性重置而构建的。同时，它也是轻量的，在 Gzip 压缩后，它只有 2KB 大小。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=http%3A//milligram.io/index.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&4. &a href=&https://link.zhihu.com/?target=https%3A//www.cutestrap.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Cutestrap&/a&&/b&&/h2&&figure&&img src=&https://pic1.zhimg.com/v2-9cf99cd40f83dc03cc9c0d_b.jpg& data-rawwidth=&690& data-rawheight=&313& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic1.zhimg.com/v2-9cf99cd40f83dc03cc9c0d_r.jpg&&&/figure&&p&如果你在寻找功能丰富的组件，那么 Bootstrap、Foundation 这类框架将会是你的最佳选择。但是，如果你想选择的框架大小是在 normalize.css 与一个完整框架范围之间， Cutestrap 或许是个不错的选择。它在压缩后仅有 8K 大小，可作为 Bootstrap 的轻量级替代方案。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=https%3A//www.cutestrap.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&5. &a href=&https://link.zhihu.com/?target=https%3A//github.com/mobi-css/mobi.css& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Mobi&/a&&/b&&/h2&&figure&&img src=&https://pic4.zhimg.com/v2-410abc302faba85de7f9de6_b.jpg& data-rawwidth=&690& data-rawheight=&380& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic4.zhimg.com/v2-410abc302faba85de7f9de6_r.jpg&&&/figure&&p&Mobi.css 是一个轻量级、可扩展、移动优先的 CSS 框架。它专注于细节，对于内容丰富的网页能够提供优质的用户体验。虽然，它专注移动端，但桌面客户端的体验也是很棒的。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=https%3A//github.com/mobi-css/mobi.css& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&6. &a href=&https://link.zhihu.com/?target=https%3A//github.com/mobi-css/mobi.css& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Hack&/a&&/b&&/h2&&figure&&img src=&https://pic4.zhimg.com/v2-9e78a3bb570d17692e7f_b.jpg& data-rawwidth=&690& data-rawheight=&435& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic4.zhimg.com/v2-9e78a3bb570d17692e7f_r.jpg&&&/figure&&p&Hack 是一个极度简易的 CSS 框架。这有一些&a href=&https://link.zhihu.com/?target=https%3A//github.com/egoist/hack/wiki/Showcase& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&示例&/a&，你可以了解下。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=https%3A//github.com/mobi-css/mobi.css& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&7. &a href=&https://link.zhihu.com/?target=http%3A//usewing.ml/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Wing&/a&&/b&&/h2&&figure&&img src=&https://pic3.zhimg.com/v2-ae9bf540efc0446a9ede12_b.jpg& data-rawwidth=&690& data-rawheight=&380& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic3.zhimg.com/v2-ae9bf540efc0446a9ede12_r.jpg&&&/figure&&p&一个基于极简主义设计理念的漂亮的 CSS 框架。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=http%3A//usewing.ml/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&8. &a href=&https://link.zhihu.com/?target=https%3A//oxal.org/projects/sakura/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Sakura&/a&&/b&&/h2&&figure&&img src=&https://pic2.zhimg.com/v2-93ff6cc3e3a889de77a73c_b.jpg& data-rawwidth=&690& data-rawheight=&380& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic2.zhimg.com/v2-93ff6cc3e3a889de77a73c_r.jpg&&&/figure&&p&一个易于定制的极简 CSS 框架/主题。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=https%3A//oxal.org/projects/sakura/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&9. &a href=&https://link.zhihu.com/?target=http%3A//minicss.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Mini&/a&&/b&&/h2&&figure&&img src=&https://pic1.zhimg.com/v2-b07e7cc0ee5d58e7996fcf_b.jpg& data-rawwidth=&690& data-rawheight=&380& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic1.zhimg.com/v2-b07e7cc0ee5d58e7996fcf_r.jpg&&&/figure&&p&Mini 作为一个 Gzip 压缩后不到 7KB 大小的极简框架，它具备响应式、易用性和定制性等特性，旨在为你提供尽可能多的功能。由于它是轻量框架，不仅让你创建的网站和应用程序具备更快的加载速度，而且它所提供的组件可以满足基本的开发要求。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=http%3A//minicss.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&10. &a href=&https://link.zhihu.com/?target=http%3A//www.pavilion.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Pavilion&/a&&/b&&/h2&&figure&&img src=&https://pic1.zhimg.com/v2-340fefbdf590bdc001b404_b.jpg& data-rawwidth=&690& data-rawheight=&380& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic1.zhimg.com/v2-340fefbdf590bdc001b404_r.jpg&&&/figure&&p&Pavilion 是一个简易的 CSS 框架，适合那些不喜欢使用其他框架中附带预定义 UI 组件的开发人员。如果你正在寻找一个简单、轻量、可订制的，并且不会出现代码膨胀的 CSS 框架，Pavilion 将是个不错的选择。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=http%3A//www.pavilion.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&11. &a href=&https://link.zhihu.com/?target=http%3A//corecss.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Core CSS&/a&&/b&&/h2&&figure&&img src=&https://pic1.zhimg.com/v2-4d343c63bd7edd332c88e_b.jpg& data-rawwidth=&690& data-rawheight=&380& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic1.zhimg.com/v2-4d343c63bd7edd332c88e_r.jpg&&&/figure&&p&这是一个构建轻量级响应式网站的前端框架，它没有内置预设元素和动画，只提供了一个超简单的网格体系 – 即它的列是浮动的，行是 self-clearing，而分界点则是按逻辑均匀的分布。你可以按照想要的工作方式，进行定制与使用。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=http%3A//corecss.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&12. &a href=&https://link.zhihu.com/?target=https%3A//github.com/siimple/siimple& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Siimple&/a&&/b&&/h2&&figure&&img src=&https://pic2.zhimg.com/v2-79c8e048b1af8a8e5fe3a28e08aa58b1_b.jpg& data-rawwidth=&690& data-rawheight=&380& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic2.zhimg.com/v2-79c8e048b1af8a8e5fe3a28e08aa58b1_r.jpg&&&/figure&&p&Siimple 是一个助你打造扁平化网站风格的轻量、响应式的开源框架。它内置了 SASS / SCSS，为你的网页设计提供了简洁的开始。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=https%3A//github.com/siimple/siimple& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&13. &a href=&https://link.zhihu.com/?target=http%3A//dropbox.github.io/scooter/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Scooter&/a&&/b&&/h2&&figure&&img src=&https://pic3.zhimg.com/v2-ef4ca94c54f_b.jpg& data-rawwidth=&690& data-rawheight=&357& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic3.zhimg.com/v2-ef4ca94c54f_r.jpg&&&/figure&&p&专注为 Dropbox 提供基础样式、CSS 组件以及快速静态原型的 SCSS 框架。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=http%3A//dropbox.github.io/scooter/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&14. &a href=&https://link.zhihu.com/?target=http%3A//workless.ikreativ.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Workless&/a&&/b&&/h2&&figure&&img src=&https://pic4.zhimg.com/v2-460b66c845b10a98879e40_b.jpg& data-rawwidth=&690& data-rawheight=&353& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic4.zhimg.com/v2-460b66c845b10a98879e40_r.jpg&&&/figure&&p&打造更快 Web 应用程序的开源 HTML, CSS 与 JS 框架。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=http%3A//workless.ikreativ.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&15. &a href=&https://link.zhihu.com/?target=http%3A//responsivebp.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Responsive&/a&&/b&&/h2&&figure&&img src=&https://pic4.zhimg.com/v2-c532af1fb04b42c013c44a_b.jpg& data-rawwidth=&690& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic4.zhimg.com/v2-c532af1fb04b42c013c44a_r.jpg&&&/figure&&p&一个功能强大、对开发人员友好的，用于构建响应式网站的轻量级前端框架。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=http%3A//responsivebp.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&16. &a href=&https://link.zhihu.com/?target=http%3A//kouto-swiss.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Kouto swiss&/a&&/b&&/h2&&figure&&img src=&https://pic4.zhimg.com/v2-d83c83c5a4faa1d4b2cc41a52f8f37e1_b.jpg& data-rawwidth=&690& data-rawheight=&380& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic4.zhimg.com/v2-d83c83c5a4faa1d4b2cc41a52f8f37e1_r.jpg&&&/figure&&p&专注于 Stylus 的完整 CSS 框架。它的灵感源自流行的预处理工具库，例如 nib、compass、bourbon.&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=http%3A//kouto-swiss.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&17. &a href=&https://link.zhihu.com/?target=http%3A//concisecss.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Concise&/a&&/b&&/h2&&figure&&img src=&https://pic4.zhimg.com/v2-af51f6e38_b.jpg& data-rawwidth=&690& data-rawheight=&369& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic4.zhimg.com/v2-af51f6e38_r.jpg&&&/figure&&p&Concise 为你的网站设计提供了坚实的基础。它提供了一套仅包含基础样式的简洁框架，并包含了大量开箱即用的功能。同时，你也可以通过使用内核的附加组件进行功能性扩展。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=http%3A//concisecss.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&18. &a href=&https://link.zhihu.com/?target=http%3A//penguin.docs.bqws.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Penguin&/a&&/b&&/h2&&figure&&img src=&https://pic1.zhimg.com/v2-256bceffebeab_b.jpg& data-rawwidth=&690& data-rawheight=&272& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic1.zhimg.com/v2-256bceffebeab_r.jpg&&&/figure&&p&Penguin 是一个由 Sass 构建的轻量级、可扩展的前端框架，用于启动任何项目。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=http%3A//penguin.docs.bqws.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&19. &a href=&https://link.zhihu.com/?target=http%3A//getbase.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Base&/a&&/b&&/h2&&figure&&img src=&https://pic4.zhimg.com/v2-b142a62fc91bbdccf61fa_b.jpg& data-rawwidth=&690& data-rawheight=&380& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic4.zhimg.com/v2-b142a62fc91bbdccf61fa_r.jpg&&&/figure&&p&一个稳固的响应式 HTML 与 CSS 框架。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=http%3A//getbase.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&20. &a href=&https://link.zhihu.com/?target=http%3A//kurisubrooks.com/caramel/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Caramel&/a&&/b&&/h2&&figure&&img src=&https://pic2.zhimg.com/v2-c42f5dee90c004ff43f2eb_b.jpg& data-rawwidth=&690& data-rawheight=&380& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic2.zhimg.com/v2-c42f5dee90c004ff43f2eb_r.jpg&&&/figure&&p&Caramel 是一个简单、现代的完全响应式 Web 框架。你仅需要编写一次代码，即可获得在多平台上相同的效果。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=http%3A//kurisubrooks.com/caramel/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b& &/blockquote&&p&感谢你的阅读。若你有所收获，欢迎点赞与分享。&/p&&p&&b&注：&/b&&/p&&ol&&li&本文版权归原作者所有，仅用于学习与交流；&/li&&li&如需转载译文，烦请按下方注明出处信息，谢谢！&/li&&/ol&&blockquote&英文原文：&a href=&https://link.zhihu.com/?target=http%3A//bashooka.com/resources/20-best-minimal-css-frameworks-2017/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&20 Best Minimal CSS Frameworks 2017&/a&&br&作者：HENRI WIJAYA&br&译者：&a href=&https://link.zhihu.com/?target=http%3A//weibo.com/itlion114/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&IT程序狮&/a&&br&译文地址：&a href=&https://link.zhihu.com/?target=http%3A//www.jianshu.com/p/976cb95b31a3& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&jianshu.com/p/976cb95b3&/span&&span class=&invisible&&1a3&/span&&span class=&ellipsis&&&/span&&/a&&/blockquote&
无论是在产品设计，还是在研发上，极简主义的应用简直无处不在。如果你和我一样热衷极简主义，那么本文分享的内容，一定是你的“菜”。在文章中，我们将与大家分享 20 个最佳的极简 CSS 框架，它们能够为你提供建站必备的组件，帮助你节省时间。Have Fun!1.
&p&热身：&/p&&p&1. 怎么理解 react 传达组件的概念，react 是 view 么，怎么看 state 的设计&/p&&p&2. 兄弟组件的状态怎么互传，有哪些方法&/p&&p&3. state 的设计为什么是异步的，同步设计有没有问题&/p&&p&4. ssr 会有什么性能问题，哪些会引起内存泄露，引入 redux 后怎么处理请求的逻辑&/p&&p&正式：&/p&&p&1. 怎么抽象一个带搜索，单多选复合，有请求的 Selector，区分 smart 和 dumped。如果我再往上加功能，比如 autocomplete
等&/p&&p&2. 怎么实现对表单的抽象，数据验证怎么统一处理&/p&&p&3. 用 react 来实现一个可视化编辑器的引擎，怎么设计，怎么抽象与 model 的交互，再引入 redux 呢，怎么支持第三方组件热插拔&/p&&p&4. 用 react 和 redux 模拟多人协作的 Todo，node 作为后端，怎么设计&/p&&p&随便想了一些，我不会特别关注库的使用，候选人很精通 angular 和 vue 也很好啊，重点考察对组件的理解，分层，怎么去耦合，MVVM/MVI 现实等。只对 react 用法很熟，那是真码农了。工程师一定能一通百通&/p&
热身：1. 怎么理解 react 传达组件的概念，react 是 view 么，怎么看 state 的设计2. 兄弟组件的状态怎么互传，有哪些方法3. state 的设计为什么是异步的，同步设计有没有问题4. ssr 会有什么性能问题，哪些会引起内存泄露，引入 redux 后怎么处理请求的逻…
&p&hi, 我们团队已经将对&b&原型链&/b&的考核移出了面试范围；但&b&闭包&/b&还在考核内容之中。&/p&&p&为什么要将原型链移出考察范围？ &/p&&p&第一、不会再用到了&/p&&p&第二、理解了&b&原型链&/b&，对我们写es6程序没帮助；因为es6设计就是要去掉原型以及原型引申出来的N种设计模式的原型实现（见《高级js程序设计》）， 非常复杂，可读性差。 应该去理解es6-class。 从语法上讲，es6-class和原型已经没有关联。&/p&&p&另外也说说我的经历&/p&&blockquote&&i&5年前我用angular.js，用原型很少。 3年前，用es6就没再用过原型。翻react.js的源代码，现在也只有一些旧代码还在用prototype，新代码基本都是基于es6了。
我认为前端程序员不一定要掌握原型，如果说一点也不知道， 肯定有问题，那是知识边界的问题，就好像c++程序员不知道虚函数表，肯定有问题，但如果面试官一直问虚函数表，那也没什么意义。&/i&&/blockquote&&p&为什么&b&闭包&/b&还在考核范围中？&/p&&p&因为闭包是我们javascript实现各种各样的封装的基础，函数式编程的基础，将长期使用。 &/p&&br&&blockquote&我认为我理解原型链的时间白费了。 （纯个人观点，不代表58团队）
同理： es6里面我不会考： let 和var 的区别；因为var不用了，知道区别有什么意义呢？
学习原型-原型链-掌握原型相关的设计模式， 需要很多小时，同样的时间，足够学习一类算法了， 如学习学习有趣的&The Part-Time Parliament&&/blockquote&&p&下面说说面试： &/p&&p&我前端面试通常注意这么几个方面：&/p&&p&1. 沟通能力&/p&&p&2. 基础知识&/p&&p&3. 解决实际问题的能力&/p&&p&4. 知识边界&/p&&br&&br&&p&&b&沟通能力面&/b&&/p&&p&看面试面试者对所有问题的视角，阐述是否准确容易理解。 这是我们团队非常重要的一个指标。 &/p&&br&&p&&b&基础知识面&/b&&/p&&p&具体基础知识方面，我会重点考察：&/p&&ul&&li&闭包&/li&&li&es6 - class&/li&&/ul&&p&比如说： 类的静态成员和动态成员的区别？ 重点考察多态和类型的设计。比如说mixin和decorator等。 &/p&&ul&&li&map/reduce/filter/find这些常用的函数 &/li&&li&promise和async/await&/li&&li&基础算法（比如说什么链表，如何实现一个hash算法， 归并排序的复杂度）&/li&&li&前端常用设计模式（比如说subscribe,observable等）&/li&&li&进程和线程的区别（什么线程同步）&/li&&/ul&&br&&p&&b&解决问题面&/b&&/p&&p&具体到解决实际问题的能力， 我会涉及：&/p&&ul&&li&组件接口设计 （比如设计一个表单组件/Picker) —— 基于 react 或 vue。 &/li&&li&针对面试人员原公司业务逻辑提具体的问题&/li&&li&具体的工具（gulp/webpack/rollup) 考察具体的知识点，主要是希望面试者具有：根据自身团队的实际情况选择工具的能力&/li&&li&给一个实际问题， 问解决方案&/li&&/ul&&br&&p&&b&知识边界面&/b&&/p&&p&知识边界主要是为了确定面试人员的知识范围。&/p&&p&知识边界我会问： &/p&&ul&&li&考察一个稍微复杂一点的shell知识点（如awk，xargs等命令)&/li&&li&问一个数据库相关知识中稍微有深度一点的（如：什么是锁）&/li&&li&问一个缓存先关的问题（如：什么是缓存穿透）&/li&&li&React/Vue的virtual dom实现原理&/li&&li&js新特性掌握深度（如symbol-observable， 什么是web-asm）&/li&&li&前端方向把握（pwa/electron/react-native）&/li&&li&node.js的学习情况&/li&&/ul&&br&&p&----------------------------------&/p&&p&鉴于，此文争议很大， 在这里我补充几个自己的几个观点。 &/p&&p&&b&1. 我认为，如果是58， 58应该不会因为仅仅【不懂原型】给面试者贴上【不堪重任】标签，对于【满口都是Vue/React的人】58应该针对vue/react的知识，es6知识深入提问。 &/b&&/p&&p&判断一个人是否胜任有很多因素，就【技术】而言， 一个人是否有学习能力，要看他学了多少知识。 有些人把时间花在学习【算法】和【设计模式】上，没有学原型的若干设计模式，是很正常的。有些人有思路设计非常庞大的系统，有些人编码习惯非常好，有些人对新工具非常熟悉，所以我们在考核人才的时候， 通常要提很多问题，一般有20个左右，最终有一个综合判断。 &/p&&p&单纯从技术面，如果真的发现，一个自信的面试者，新东西都不会， 弱弱补一句：【如何用原型实现一个工厂模式？】也是有可能的，因为我们不想因为这个人没有学习新技术栈就淘汰。 我们的人才考核，最注重的是基础。 面向对象的基础知识，函数式编程的基础知识，算法、设计模式，前端工程化， 组件化等等，有非常多知识。 &/p&&br&&p&&b&2. 从JS的运用上讲，我们倾向于去原型化&/b&&/p&&p&目前除了正常业务系统外，在我们内部有两个热门话题：&/p&&p&a. 使用react-native承担app开发的工作
（目前58主app的里面的发现页，已经是rn实现的）&/p&&p&b. 如何使用node.js开发业务系统 （目前我们有大量的内部系统使用node.js开发）&/p&&br&&p&原型有很多优势，这个这里不展开，但如果es6-class在多数情况下可以完成工作，我们倾向于用class。 学习成本低，使用容易，而没有特别的劣势。 原型虽然灵活，但在很多方面是非常复杂的，这个复杂度，可以和：&/p&&p&a.
C++的模板&/p&&p&b.
scala的implicit &/p&&p&相媲美了。 &/p&&p&但是c++的模板，我们不得不用，绕不开(STL库）&/p&&p&scala的implicit可以不用，但如果用了收益很大(读读spark的源代码就知道)&/p&&p&在大多数场景，js的prototype学习成本很高，但收益没有那么大。我们在开发node.js。react/vue/react-native的时候，基本都是es6-class。&/p&&br&&p&假如，需要开发类似react.js这样的轮子。 基本上也可以不考虑原型。除非， 要开发babel类似的东西，而babel已经很稳定了。 &/p&&br&&br&&p&&b&3. 我认为那些声称【es6-class】是语法糖的人，可能有一些小细节是不知道的，这个【语法糖】的复杂程度，他们可能没有想清楚，这是其一；其二，对未来的发展我的判断和他们是不一样的。&/b&&/p&&p&举两个例子： &/p&&blockquote&当我们没有使用new去创造一个class的时候，会报错，这个用原型实现OOP的时候通常不会考虑到的，原型实现的OOP函数没有new也是可以调用的； 在没有调用super之前，是没有绑定this指针的，调用super之后，才有this指针，这个我们在用原型继承的时候，可能也是不会去考虑的。 &/blockquote&&p&上面只是冰山一角，所以说es6-class这个语法糖，是很复杂的。 &/p&&br&&p&&b&我认为未来这个复杂度还会上升，直到专门制作babel等的人才能了解全貌。&/b&&/p&&p&比如说，typescript中已经有private关键字，es7的提议中也有private关键字的身影。其实我认为，private关键字对于我们用nodejs写业务的同学是很有意义的。 &/p&&p&基于这个【语法糖】越来越复杂的判断，我认为复杂到一定程度后，就不能仅仅将他看做一个【语法糖】了。 &/p&&br&&p&就好像c++的类编译成汇编语句一样， 太复杂了，细节太多，知道一点点原理，但没有人敢用汇编写oop。 我认为，linux源代码用c写oop的时代，过去了。 虽然可以写，但也超级复杂。 &/p&&br&&p&我认为JS之所以这么火， 并不是因为这门语言有多么优秀，而是它是浏览器唯一支持的通用标准。 &/p&&br&&p&&b&~请不要再人身攻击，更没有必要攻击58，我看到58的前端技术进步很大，特别是在近几年。&/b&&/p&&br&&br&&br&&br&&br&&br&&br&&br&&p&&i&58招聘FE团队 魏蒙&/i&&/p&
hi, 我们团队已经将对原型链的考核移出了面试范围；但闭包还在考核内容之中。为什么要将原型链移出考察范围？ 第一、不会再用到了第二、理解了原型链，对我们写es6程序没帮助；因为es6设计就是要去掉原型以及原型引申出来的N种设计模式的原型实现（见《高级…
&p&做为一名新手，首先你要明白一个真相，《21天精通JAVA》是不现实的。然后你要做的是，摆正心态，脚踏实地，打好基础。&/p&&p&那么这个过程嘛，这样的：&/p&&p&&b&第一步，首先你要了解JAVA&/b&&/p&&p&为什么要了解java? 这个当然很重要你既然要学习java肯定要了解它，它可以干什么，做什么，有什么特性，用在哪儿？什么多线程，什么多态性，什么面向对象，什么移植性balabalabala等等等，对不对，以后你真成了高手了不还可以和人家家谈谈java的历史嘛，哪怕某天有人问你java和javascript有什么区别，你也不会回答说“多了个script”吧。&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//baike.baidu.com/link%3Furl%3DY-2fhZ37dKqLB_9djpMFso54xg6JsA7K8q80bOOUz7rRLG974LYeItg1Al1ZInOtT47TkhOUZCznQazeR0bBY_& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java ( 计算机编程语言 ) - 百度百科&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.runoob.com/java/java-intro.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java 简介&/a&&/p&&br&&p&&b&第二步，JAVA程序环境&/b&&/p&&p&了解了语言历史，特性之后，也该动动手了吧，不能光看不练嘛，那么要动手肯定要先搭建环境。&/p&&ul&&li&下载JDK&/li&&li&配置环境变量&/li&&li&验证配置环境变量&/li&&/ul&&p&&a href=&//link.zhihu.com/?target=http%3A//www.runoob.com/java/java-environment-setup.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java 开发环境配置&/a&&/p&&p&&u&&a href=&//link.zhihu.com/?target=http%3A//www.oracle.com/technetwork/java/javase/downloads/index.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JDK下载&/a&&/u&&/p&&br&&p&&b&第三步，JAVA基本程序设计结构&/b&&/p&&p&环境搭建好了就可以开始边学边练习了，在这我简单分下知识点：&/p&&ul&&li&数据类型
&a href=&//link.zhihu.com/?target=http%3A//www.runoob.com/java/java-basic-datatypes.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java 基本数据类型&/a&&/li&&li&变量
&a href=&//link.zhihu.com/?target=http%3A//www.runoob.com/java/java-variable-types.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java 变量类型&/a&&/li&&li&运算符
&a href=&//link.zhihu.com/?target=http%3A//www.runoob.com/java/java-operators.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java 运算符&/a&&/li&&li&字符串
&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/zhuYears/archive//2339574.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java基础字符、字符串&/a&&/li&&li&输入输出
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/u/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JAVA输入输出流学习&/a&&/li&&li&控制流程
&a href=&//link.zhihu.com/?target=https%3A//wenku.baidu.com/view/d5bbfd0a.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JAVA流程控制&/a&&/li&&li&大数值
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/shangboerds/article/details/7517896& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JAVA大数值&/a&&/li&&li&数组
&a href=&//link.zhihu.com/?target=http%3A//www.runoob.com/java/java-array.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java 数组&/a&&/li&&/ul&&br&&p&&b&第四步，对象和类&/b&&/p&&p&面向对象程序简称oop，是当今主流程序设计范型，面向对象程序设计于面向过程程序设计还是有一定的区别的，如果不懂建议好好学习。&/p&&ul&&li&类，使用现有类
&a href=&//link.zhihu.com/?target=http%3A//www.educity.cn/help/Java/441301.htm& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java经典教程什么是类?&/a& &a href=&//link.zhihu.com/?target=http%3A//www.educity.cn/help/Java/191217.htm& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java使用现有的类&/a&&/li&&li&用户自定义类
&a href=&//link.zhihu.com/?target=http%3A//blog.sina.com.cn/s/blog_4d5d736f0102uwny.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java用户自定义类&/a&&/li&&li&静态域于静态方法
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/wccchangchun/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java静态域与静态方法&/a&&/li&&li&方法参数
&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/lixiaolun/p/4311863.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&java中方法的参数传递机制&/a&&/li&&li&对象构造
&a href=&//link.zhihu.com/?target=http%3A//blog.sina.com.cn/s/blog_5f6a2a1d0100cm42.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JAVA对象的构造和初始化&/a&&/li&&li&包
&a href=&//link.zhihu.com/?target=http%3A//www.runoob.com/java/java-package.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java 包(package)&/a&&/li&&li&路径类
&a href=&//link.zhihu.com/?target=https%3A//wenku.baidu.com/view/d5da26e69b41.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JAVA类路径说明(新手必读)&/a&&/li&&li&类的设计技巧
&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/losesea/p/3577650.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java中类的设计技巧&/a&&/li&&/ul&&br&&p&&b&第五步，继承&/b&&/p&&ul&&li&超类，子类
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/xujinsmile/article/details/8528965& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java 继承，类，超类和子类&/a&&/li&&li&Object
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/centre10/article/details/6847981& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java中的Object对象理解&/a&&/li&&li&泛型数组列表
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/zkatt/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&泛型数组列表&/a&&/li&&li&对象自动打包
&a href=&//link.zhihu.com/?target=http%3A//blog.sina.com.cn/s/blog_8ir9.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java对象包装器 自动打包解包&/a&&/li&&li&枚举类
&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/zhaoyanjun/p/5659811.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java 枚举类的基本使用&/a&&/li&&li&反射
&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/lzq198754/p/5780331.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java反射机制详解&/a&&/li&&/ul&&br&&p&&b&第六步，接口 and 内部类&/b&&/p&&ul&&li&接口
&a href=&//link.zhihu.com/?target=http%3A//baike.baidu.com/link%3Furl%3Dp6m85GHs7OIGHFzFv2qZrSpMhxp-j0fxehH-fO928U6FDio3sllFgXoALKmCDQVwUozJ_5Ym6EtUkldCIaygwLzZ8LBMmFu1QK7Od_VStZq& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java接口_百度百科&/a&&/li&&li&对象克隆
&a href=&//link.zhihu.com/?target=http%3A//blog.sina.com.cn/s/blog_70eom09.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JAVA对象的克隆&/a&&/li&&li&接口和回调
&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/aoguren/p/5544865.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&回调函数、Java接口回调总结&/a&&/li&&li&内部类
&a href=&//link.zhihu.com/?target=http%3A//www.iteye.com/topic/442435& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&内部类详解&/a&&/li&&/ul&&br&&p&&b&第七步，Swing图形程序&/b&&/p&&ul&&li&Swing框架
&a href=&//link.zhihu.com/?target=http%3A//www.oschina.net/project/tag/324/swing-dev& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Swing开发包&/a&&/li&&/ul&&br&&p&&b&第八步，事件处理&/b&&/p&&ul&&li&事件处理
&a href=&//link.zhihu.com/?target=https%3A//wenku.baidu.com/view/38cbad68fadb7.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java程序设计-事件处理&/a&&/li&&li&动作
&a href=&//link.zhihu.com/?target=https%3A//jingyan.baidu.com/article/bea41d438f40c9b4c51be6c3.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JAVA入门之Swing如何监听用户动作&/a&&/li&&/ul&&br&&p&&b&第九步，部署应用程序&/b&&/p&&ul&&li&jar文件
&a href=&//link.zhihu.com/?target=https%3A//jingyan.baidu.com/article/ff42efa904b4d7c19e220282.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&java 可执行Jar包打包方法&/a&&/li&&li&Java web start
&a href=&//link.zhihu.com/?target=http%3A//blog.sina.com.cn/s/blog_58b9cb3a0100b7xy.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java Web Start完整的开发和调用&/a&&/li&&li&Applet
&a href=&//link.zhihu.com/?target=http%3A//www.jb51.net/article/56449.htm& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&教你构建第一个Java Applet程序&/a&&/li&&/ul&&br&&p&&b&第十步，异常，日志，断言和调试&/b&&/p&&ul&&li&处理异常
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/beidou321/article/details/6499288/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java中如何正确处理异常&/a&&/li&&li&捕获异常
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/hguisu/article/details/6155636& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&深入理解Java异常处理机制&/a&&/li&&li&断言
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/albert0420/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java断言开启、断言使用&/a&&/li&&li&记录日志
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/seven__________7/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JAVA日志记录方法&/a&&/li&&li&调试
&a href=&//link.zhihu.com/?target=http%3A//www.csdn.net/article//2809495-Java-Debugging-Tips-with-Eclipse& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java程序员应该知道的10个调试技巧&/a&&/li&&/ul&&br&&p&&b&第十一步，泛型程序&/b&&/p&&ul&&li&约束和局限性
&a href=&//link.zhihu.com/?target=http%3A//www.jianshu.com/p/f1b70ae8858d& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java泛型o约束和局限性&/a&&/li&&li&继承规则
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/l/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java泛型 泛型类型的继承规则&/a&&/li&&li&通配符类型
&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/wanqieddy/p/4015922.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&java 泛型详解（普通泛型、 通配符、 泛型接口）&/a&&/li&&li&反射和泛型
&a href=&//link.zhihu.com/?target=https%3A//wenku.baidu.com/view/7cfba0d8d74786.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java泛型和反射机制&/a&&/li&&/ul&&br&&p&&b&第十二步，集合&/b&&/p&&ul&&li&集合接口
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/davidweini/article/details/2029058& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java 集合中主要接口的介绍&/a&&/li&&li&集合框架
&a href=&//link.zhihu.com/?target=http%3A//www.open-open.com/lib/view/open4.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java - 集合框架完全解析&/a&&/li&&li&集合算法
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/u/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java的集合之算法篇&/a&&/li&&li&遗留的集合
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/PacosonSWJTU/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&java集合--遗留的集合&/a&&/li&&/ul&&br&&p&&b&第十三步，多线程&/b&&/p&&ul&&li&线程属性
&a href=&//link.zhihu.com/?target=https%3A//my.oschina.net/hongdengyan/blog/194629& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JAVA线程5 - 线程属性&/a&&/li&&li&同步
&a href=&//link.zhihu.com/?target=http%3A//developer.51cto.com/art/965.htm& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java 多线程同步的五种方法&/a&&/li&&li&阻塞队列
&a href=&//link.zhihu.com/?target=http%3A//ifeve.com/java-blocking-queue/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java中的阻塞队列&/a&&/li&&li&线程安全的集合
&a href=&//link.zhihu.com/?target=http%3A//www.jianshu.com/p/eccb5f350c12& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java多线程理解：线程安全的集合对象&/a&&/li&&li&执行器
&a href=&//link.zhihu.com/?target=http%3A//www.mamicode.com/info-detail-504671.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java多线程--执行器&/a&&/li&&li&同步器
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/wfg/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java多线程编程之同步器&/a&&/li&&/ul&&br&&p&－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－&/p&&br&&p&如果你刷完上面那些知识点并且可以熟练运用，那么恭喜你你已经成功迈入java的大门， 这个时候需要做一些完整的项目来的获取更多的经验值升级，同时你可能会遇到更多的知识点：比如:流和文件，I/O，XML，树，awt，分布式对象以及各种框架等等等，假如你足够努力，在这个过程中你会成长的很快，但良好的基础会让你走的更远。&/p&&br&&p&如果你对Java或开发感兴趣的可以关注我专栏，&a href=&https://zhuanlan.zhihu.com/dreawer& class=&internal&&极乐科技 - 知乎专栏&/a&&/p&
做为一名新手，首先你要明白一个真相，《21天精通JAVA》是不现实的。然后你要做的是，摆正心态，脚踏实地，打好基础。那么这个过程嘛，这样的：第一步，首先你要了解JAVA为什么要了解java? 这个当然很重要你既然要学习java肯定要了解它，它可以干什么，做什…
&p&已经能熟练使用那么多编程语言的情况下，再学习java应该不会很困难，建议有条件的话可以看视频和资料自学，缺点是可能进度慢一点，也可以找个周末培训班去上，入手还挺快，只是要话费精力和金钱。下面我简单总结了一下java入手需要学习的内容以及学习的阶段，希望对你有帮助。&/p&&br&&p&&b&第一阶段：JavaEE初级课程&/b&&/p&&p&JDK的下载安装配置、Eclipse开发工具介绍、Java基本程序的编译运行、关键字、标示符、注释、常量、变量、数据类型、进制转换、数据类型转换、各种运算符的使用、各种判断循环语句的使用、函数的使用、数组的使用&/p&&p&面向对象入门、用Java来描述对象、局部变量和成员变量、Java对象内存分析、匿名对象、封装、构造函数、Main函数详解、继承、重写、抽象类、接口、多态、内部类、异常、包机制、JAR包 &/p&&p&StringBuffer类、Date和Calendar类，System类、Runtime类、Math类，正则表达式、基本数据类型包装类&/p&&p&集合类(Collection)、List、ArryList、LinkList、Vector、迭代器、Set、HashSet、TreeSet、LinkedHashSet、Map、HashTable、HashMap、TreeMap、泛型等各种数据集合的分析和使用&/p&&p&异常处理、多线程基础、IO系统、网络编程、Java反射机制、Java注解、JavaSE 8.0新特性SVN介绍、SVN服务端的安装及使用、SVN客户端的安装及使用、SVN团队开发注意事项&/p&&br&&p&&b&第二阶段:JavaEE进阶课程&/b& &/p&&p&认识Web前端、常见标签及用途、选择器及分类、浮动、定位、表格和表单、HTML进阶、HTML5基础、HTML5新技术特点WebSocket、地理定位、canvas &/p&&p&CSS的作用、CSS的各种选择器、行内样式、内部样式、外部样式、选择器及样式的优先级问题、盒子模型、层的浮动、游览器调试工具的使用、采用DIV+CSS设计页面&/p&&p&BOM浏览器对象模型、DOM文档对象模型、JS操作CSS、JS操作DOM、JS操作DIV、protoype、js基于对象编程&/p&&p&jQuery基本技术、jQuery使用插件、jQuery EasyUI、jQuery mobile&/p&&p&Bootstrap基础知识、Bootstrap预定义的CSS样式、Bootstrap内置的布局组件、Bootstrap支持的JavaScript插件、Less、Sass、Chart.JS、Two.JS、实际使用Bootstrap&/p&&p&MySQL5.5/5.6数据库、navicat客户端软件，基本建表、插入数据、修改数据、查询数据操作、数据备份与移植&/p&&p&JDBC连接MySQL数据库,CRUD操作&/p&&p&XML的概念与基本作用、XML的基本语法、XML的约束模式、DTD、Schema、名称空间。XML解析介绍、DOM4J解析XML、XPath的使用&/p&&p&HTTP协议详解，Web服务器的工作原理、Tomcat的安装与启动运行、Tomcat的体系结构、在Tomcat中配置Web虚拟目录与发布Web应用程序的方式、设置目录的默认网页、使用Tomcat配置虚拟主机、WAR文件生成与使用&/p&&p&安装使用MyEclipse进行JavaEE程序开发和调试，以及和Tomcat的集成&/p&&p&什么是Servlet、Servlet接收客户端请求信息、Servlet响应客户端信息、Servlet的生命周期、Servlet过滤器和AOP编程；Servlet监听器&/p&&p&什么是JSP、JSP的内置对象、透析JSP的本质、JSTL+EL、JSP内置对象与状态管理&/p&&p&Tomcat和JDBC连接池配置、JDBC的事务、JSP整合进行分页，条件查询&/p&&p&MVC核心思想、MVC基本入门JSP+Servlet+Bean整合&/p&&p&AJAX技术基础、XMLHttpRequest对象详解、jQuery的AJAX、AJAX技术调试技巧、JSON介绍、JSON语法、JSON类库&/p&&p&Logging API日志管理、JUnit单元测试技术、Ant打包&/p&&br&&p&&b&第三阶段：JavaEE高级课程&/b& &/p&&p&Spring Web MVC介绍、Web MVC应用、Spring Web MVC架构、Spring MVC入门程序、非注解处理器映射器和适配器、注解开发处理器映射器和适配器、Spring MVC整合Mybatis、RequestMapping、Controller方法返回值、参数绑定(简单类型、pojo、包装类型、数组、集合类型等)、Spring MVC与Struts2区别、Spring MVC上传图片、json数据交互、Validation、异常处理器、RESTful支持、拦截器&/p&&p&Mybatis介绍、单独使用jdbc编程问题总结、Mybatis架构、Mybatis入门程序、Mybatis开发Dao、SqlMapConfig.XML配置、ParameterType输入映射、ResultType及ResultMap输出映射、动态SQL、商品订单数据模型、关联查询(一对一、一对多)、Mybatis与Spring整合、Mybatis逆向工程&/p&&p&Spring框架介绍，IoC思想、DI依赖注入、Bean的实例方式、Bean种类、Bean作用域范围、依赖注入、p命名空间、SpEL?Spring表达式、注解装配Bean、整合Junit测试、Web开发集成Spring、AOP思想、使用AspectJ切面编程、JdbcTemplate模板使用、C3P0数据源配置、DBCP数据源配置、声明式事务管理、SSH整合&/p&&p&Struts2框架介绍、工作原理与架构分析、6大配置文件分析、Struts.XML详解及使用，使用通配符定义action、动态方法调用，ActionContext及ServletActionContext使用，模型驱动ModelDriven、属性驱动、Struts2文件上传、默认拦截器分析、自定义拦截器、OGNL表达式、值栈ValueStack分析及操作、Struts2标签&/p&&p&学会基于Spring?Boot实现减少XML配置，快速搭建Java Web项目，减少Java开发的笨重的工作量，减少项目周期&/p&&p&Maven的介绍、Maven的构建、Maven的依赖管理、Maven和Eclipse的整合、Maven构建SSM应用&/p&&p&Oracle 基础管理，SQL语言、序列、索引、视图对象、数据备份与移植&/p&&br&&p&&b&第四阶段：JavaEE特级课程&/b&&/p&&p&基于JFreeChart生成饼图、曲线图、柱状图&/p&&p&基于iText生成pdf文件&/p&&p&基于POI组件生成EXCEL文件&/p&&p&Quartz定时任务管理器以及和Spring的继承&/p&&p&HttpClient/HTMLParser，采用HttpClient如何抓取网页、GET提交和POST提交、采用HTMLParser解析HTML。&/p&&p&NIO介绍、netty入门 &/p&&p&Activiti工作流：掌握工作流的基本概念，什么叫流程定义、什么叫流程实例、什么叫任务、工作流中的相关概念将如何应用&/p&&p&异构系统整合方案，JNI、CORBA、基于Web?Services的中国电信消息系统规范介绍、SOAP、WSDL、UDDI、如何采用CXF/Axis2开发WebService服务器端和客户端的相关知识&/p&&p&git介绍、git版本管理。&/p&&p&掌握Linux的常用命令，熟悉Linux上下文编辑器，掌握Linux的文件管理控制等&/p&&p&Jboss\Weblogic企业级JavaEE应用服务器安装、配置 &/p&&p&基本的Apache和Tomcat整合，最新的Tomcat和Apache集群和负载均衡配置 &/p&&p&掌握Nginx负载均衡及和Tomcat的整合&/p&&p&掌握ActiveMQ消息队列的安装以及和Java的集成、JMS接口规范&/p&&p&MySQL主从配置、MySQL分库分表实际演练、MySQL集群配置&/p&&p&MongoDB安装，基本使用，和Java集成、Spring框架集成&/p&&p&Redis安装，基本使用，和Java集成、Spring框架集成&/p&&p&安卓基础开发：了解Android和开发环境搭建、Activity、UI布局和UI组件、AsyncTask异步任务、网络应用、资讯APP实战基于JFreeChart生成饼图、曲线图、柱状图&/p&
已经能熟练使用那么多编程语言的情况下，再学习java应该不会很困难，建议有条件的话可以看视频和资料自学，缺点是可能进度慢一点，也可以找个周末培训班去上，入手还挺快，只是要话费精力和金钱。下面我简单总结了一下java入手需要学习的内容以及学习的阶段…
&p&这是一篇纯干货分享帖，不谈个人经验，只搬运牛人的技术“经验”。&br&ECS是阿里云非常重要的一款云服务产品，大多数人的云端之旅也是从ECS开始，以下知识将从浅入深，从图文到视频，再到最佳实践，相信看过这些内容之后，您就可以飞升成为云计算达人啦。&/p&&h2&&b&第一部分：实用知识贴&/b&&/h2&&p&1.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/67186& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&如何选择阿里云云服务器ECS操作系统&/a&&br&2.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/72772& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ECS控制台使用小贴士&/a&&br&3.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/69185& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&使用TAG标签对云服务器ECS的分组和管理&/a&&br&4.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/68935& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&如何用阿里云服务器建立一个wordpress网站&/a&&br&5.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/73740& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&阿里云ECS如何部署并运行一个JavaWeb项目&/a&&br&6.&a href=&http://link.zhihu.com/?target=https%3A//bbs.aliyun.com/read/135619.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&阿里云服务器使用全攻略&/a&&br&7.&a href=&http://link.zhihu.com/?target=https%3A//bbs.aliyun.com/read/138870.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&阿里云服务器配置常见FAQ&/a&&br&8.&a href=&http://link.zhihu.com/?target=https%3A//bbs.aliyun.com/read/135791.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&如何选择服务器操作系统&/a&&br&9.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/73736& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&深度剖析阿里云ECS最强计算实例&/a&&br&10.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/72573& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ECS数据分区丢失问题处理方法、常见误区和最佳实践&/a&&/p&&h2&&b&第二部分：看完知识贴，还有一波视频：&/b&&/h2&&p&1.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/edu/lesson/play/291& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&阿里云服务器ECS产品介绍&/a&&br&2.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/edu/lesson/play/498& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ECS操作入门1 - 配置选型及开通&/a&&br&3.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/edu/lesson/play/503& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ECS操作入门3 - 搭建WordPress网站&/a&&br&4.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/edu/lesson/play/46& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&阿里云云服务器ECS系列培训&/a&&/p&&h2&&b&第三部分：除了可以在ECS控制台或者售卖页创建ECS之外，您可以使用OpenApi代码来弹性的创建和管理ECS。&/b&&/h2&&p&1.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/69142& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&使用OpenApi弹性创建云服务器ECS&/a&&br&2.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/69150& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&使用OpenApi完成云服务器ECS续费管理&/a&&br&3.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/69167& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&使用OpenApi弹性释放和设置云服务器ECS释放&/a&&/p&&h2&&b&第四部分：安全知识贴：&/b&&/h2&&p&1.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/70403& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&云服务器ECS安全组实践(一)&/a&&br&2.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/71050& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&云服务器ECS安全组实践(二)&/a&&br&3.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/72842& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&如何在阿里云从零搭建一个防入侵体系&/a&&/p&&h2&&b&第五部分：最佳实践：&/b&&/h2&&p&1.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/72429& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&全省职业考试时服务器突然瘫痪，如何搞定？&/a&&br&2.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/71021& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&新浪微博上云实践：极端流量下的峰值应对与架构挑战&/a&&br&3.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/69466& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&上云的日子你可以静静的去喝茶了&/a&&br&4.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/69204& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&我的多年上云之路&/a&&br&5.&a href=&http://link.zhihu.com/?target=http%3A//blog.csdn.net/chszs/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&基于阿里云容器服务的微服务实践&/a&&br&6.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/71100& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&机器人也上云-创业团队的阿里云实践心得&/a&&br&7.&a href=&http://link.zhihu.com/?target=http%3A//blog.csdn.net/qq_/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&iOS开发中 关于阿里云服务器的使用与安全策略&/a&&br&8.&a href=&http://link.zhihu.com/?target=http%3A//geek.csdn.net/news/detail/136819& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&在阿里云上实践Serverless架构&/a&&/p&&h2&&b&第六部分：云栖奖获奖企业的深度分享&/b&&/h2&&p&1.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/72820& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&2020年业务峰值提前3年出现，中国邮政上云实战经验谈&/a&&br&2.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/72821& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&中信集团张波：信息化已经过去，数字化刚刚到来&/a&&br&3.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/72822& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&一条已经坚持了10年原则，是否能适应波司登“新零售”征程？&/a&&br&4.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/72811& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&小硅片与大数据的结合——协鑫光伏的新制造之路&/a&&br&5.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/72807& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&特步CIO唐坤军：特步上云，最难的地方是组织流程的调整&/a&&br&6.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/72804& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&饿了么四次技术进化的曲折路，记访谈张雪峰&/a&&br&7.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/72831& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&金鑫：基因应用现状解析及华大基因的数据平台架构&/a&&br&8.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/72832& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&丁国祥：吉利的数字化转型从云上起步&/a&&/p&&h2&&b&第七部分：看完了这么多知识，是不是有想练练手的冲动？&/b&&/h2&&p&云栖社区知乎小伙伴们的福利来了，关注云栖社区机构号并在评论中回复：“我要免费套餐邀请码练练手”，点赞排名前十位的同学将获得阿里云免费套餐邀请码（&a href=&http://link.zhihu.com/?target=http%3A//click.aliyun.com/m/18499/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&点击了解免费套餐开通产品详情&/a&，截止5月2日中午12点），相同点赞数量的评论将按照提交评论先后顺序排名。&/p&&p&免费邀请码将通过知乎私信方式发送。&/p&&p&更多技术干货请点击关注：&a href=&https://www.zhihu.com/org/a-li-yun-yun-qi-she-qu-48/activities& class=&internal&&阿里云云栖社区 - 知乎&/a&&/p&
这是一篇纯干货分享帖，不谈个人经验，只搬运牛人的技术“经验”。 ECS是阿里云非常重要的一款云服务产品，大多数人的云端之旅}
前两天在那篇一文中提了一嘴油猴插件，以为大家应该都知道了，结果看投票显示，只有 1/4 的黑粉知道这个，那网黑哥必须要给大家安利油猴了。网黑哥很羡慕其余那 3/4 的黑粉，因为今晚你们有福了！ 没关注我之前你没用上不…
经过ebay等海外风的吹拂，前后端分离成了阿里集团前端组织今年内部推行的几大领域之一。&br&目前在公司内部还只是处在早期探索阶段。诚然经过半年的宣传和鼓吹，在前端工程师的圈子里已有了不小的影响力，但目前还缺乏后端工程师的理解和参与，也没有重量级的架构师（阿里架构师一般是指后端架构师）和技术管理层的充分讨论和鲜明支持，目前还是前端们的自娱自乐居多，各部门独立玩的居多，但已经呈现出比较活跃的发展态势，也是内部技术讨论热点，可谓道路曲折，前景光明。midway只是一个方案，不代表阿里在这方面的全部成果，很早之前就有nodejs/前后端分离的相关技术产品出世了。&br&在此不想评价midway的技术水平，应该说这是一个从实际场景出发、面向工程的技术架构，还在探索。从纯技术意义上来说，其实并没有非用不可的理由，midway宣称的那些好处，没有哪一条完全站得住脚，包括最基础的前后端代码共用和模板共用，仔细研讨起来也是过于理想主义的，忽视了实际工程的困难；至于利于性能优化或者bigpipe更是贻笑大方。&br&&br&&b&如果说前后端分离有什么好处，我觉得有三，需要辩证地看：&/b&&br&1，&b&扩大了前端的势力范围&/b&，&br&对技术影响力、招聘、造轮子、发paper、晋升答辩极为重要。要知道在阿里前端最高的级别是P8，人数则一只手能数的过来。这不能不说是前端这一层过于薄、离业务核心太远导致的，现在从技术上侵入服务端，技能树终于开了新分支，可能性猛然大了无数倍，一下子似乎发现了新大陆。对个人成长的渴望，是大量面临瓶颈的资深前端工程师无法抗拒的诱惑！&br&&br&2，&b&前端开发模式的变革&/b&。&br&自己玩后端，技术上、项目上都不用去看后端项目的排期和配合了，极大提高了开发和测试的便利度、自主性。阿里很早就了nodejs写的开发服务器用于内部测试，现在走到线上，也是厚积薄发，这为提高开发效率，进一步榨取前端劳力提供了可能。&br&&br&3，&b&促进阿里后端web框架的进化&/b&。&br&这一点是没有很多人甚至阿里人没注意到的（前端不懂webx，后端重心后移），webx框架发布已经很久，近期的技术升级非常少，技术形态已经陷入僵化，对现在的移动互联网趋势没有敏锐的发现机会并适应变革，很遗憾地缺席了新时代。nodejs来了，洗牌开始，前端人员天然对多终端、多屏、交互、体验的关注会为后端框架吹过一缕新风，给这停滞的技术领域注入活力。——所以我是赞成后端工程师学习nodejs的。&br&&br&同时问题也很多，这些困难和隐患不能不提：&br&1，&b&不可忽视的后端技术门槛&/b&。&br&不能不提这茬，即便midway很务实的只挑选了视图层作为主攻方向，但不可避免的控制器层还会带进来大量技术问题需要解决，比如配管、部署、日志监控、运维工具、SOA、加解密、事务、缓存策略、消息队列、异步调用、安全问题，总有避不开的暗礁。对阿里目前的后端技术栈来说，这些技术背后是无数的系统和平台，缺一不可，midway目前还是个玩具。更何况nodejs/web framework本身都在飞速演变之中，ES5到ES6，技术特性变化剧烈。即便由前期探路者完成了基础设施建设，后期他人进入的学习成本也非常高。时间长了，前端工程师本身又自然会分化成纯前端和nodejs工程师，如此前后端天然又产生了隔阂，呵呵，分久必合，合久必分。&br&&br&2，&b&前端不务正业&/b&。&br&正是因为困难重重，后端技术比前端复杂，加上新领域容易出成果，客观上造成了前端精英力量会大量倾斜到这个领域，进而使纯前端技术停滞不前，内部人心浮动，如果管理上不能很好理清长期目标和短期计划、前后端如何分离等关系和利益的要害问题，对公司来说是喜忧参半的。&br&&br&&b&3，JS的技术缺陷&/b&&br&因为ES一直在进化中，ES6的yield部分解决了callback hell，module也初步有了，但是楼上推崇的前后端代码共享和模板共享，在我看来恰恰不太可行。对阿里来说，后端代码是需要保护的，大量模板、校验函数等代码如果暴露出去，对网站的安全是一大威胁，这个好处实在鸡肋。譬如最近我们就发现JDK的一个加密类库在js中根本找不到替代方案，自己写的话实在力有不逮。nodejs还太幼小，还有很多技术问题就不展开了。&br&&br&4，&b&好处不够明显，推广困难&/b&。&br&这才是midway真正的死穴。如前文所说，目前的前后端分离运动还是部分前端工程师的孤立行为，绝大多数后端工程师和一线主管对此毫不关心（我除外），因为midway宣称的痛点不是他们的痛点，宣称的优点只有节约后端人力这一条对他们有点意义，而这些人才是决定midway命运的人！随着时间的推移，这可能缓解，也可能尖锐，毕竟这是前端们的西部大开发运动，是扩地之战。&br&&br&总结。&br&目前midway至少还有半年的路要走，前端要克制自己的冲动，有限度使用nodejs，相信在这个领域大有可为，但那时候他们就不是前端了，他们会有一个响亮的名字叫 “NodeJS工程师”。&br&&br&&i&#_BEGIN &/i&&br&
7月5日 12点 ，看到小卒的回答后我觉得有必要补充一下：&br&&a href=&http://www.zhihu.com/people/xiao-zu-22& class=&internal&&@小卒&/a&，也许你觉得我在抹黑你，但我绝未针对midway，我也不认识这个团队的任何人，我描述的是管理上的大势，考虑引入一种新的后端语言对技术部门的长远影响，不针对具体case和主观动机，只评估客观结果；另外，不想当将军的士兵不是好士兵。君子言利，才是社会进步的不竭动力吧！:) &br&
至于我自己，一直是nodejs的拥护者，早在2011年就写nodejs了，可能比这里的很多人都要早，人活得长了点，也创过业，不小心成了一个老前端+老后端+半个运维+半个产品经理，不谦虚地说能写半打语言，我肯定打死也不会承认自己有编程语言偏见的，呵呵，但语言的差异和强弱是客观事实，承认一门语言的缺陷并不会妨碍我们对它的使用，是不是？&br&
后端技术门槛的存在，这一层认知障碍对你来说是很难感受到的，因为你有后端背景，但不要忘了前端同学们的普遍情况，有多少人有后端开发经验呢？我列出那些技术名词，不是强调其技术实现（很多中间件客户端已经被数据平台部实现了）的难度，而是强调前端同学掌握这些技术领域的成本，开发、调试、摸出最佳实践，这绝对是新的东西。现在前后端分离是在淘宝首页这种业务逻辑很少的场景中测试的，重点在view层，controller层可能只是简单的data collector，不知道你们考虑过复杂业务和交互场景下如何使用没有？那时候controller层会非常厚重，它不仅仅是取数和渲染视图，还会写入数据、还有事务、队列和锁等杂七杂八，还有更复杂的业务逻辑需要在这一层进行，把一切复杂性委托给后端接口是不够的，因为再牛的服务化也不可能给你提供所有粒度的封装，到时候node必然需要侵入到业务细节。代码复杂度一上升，callback hell谁也hold不住。&br&
这一切对前端的挑战还不够大？也许你们可以试试怎么把下单系统给nodejs化。不客气的说，很多前端工程师一直在一维空间里存活，是单线程思维模式，对并发、事务、一致性、分布式等问题的理解基本空白，技术场景后移以后，要学习的东西真的很多很多！所以我的意见是，如果前后端真的分离了，最后必然出现NodeJS工程师，以区分纯前端工程师，不要奢望每个人都是大牛，这不科学。&br&
前后端分离问题，其实是富客户端化大潮中的一个浪花，本质上还是移动时代对MVC模式中VC前移的内在呼唤。大家都希望后端老老实实只提供M就够了，别管其他，View和Controller要么在app里，要么在H5中，实在不行啊，也得在nodejs里，后端该干嘛干嘛去，呵呵。说到底是在革Java Web Framework们的命，这也是我的担忧，所以后端工程师的理解与支持才那么重要！&br&&br&最重要的是，我花了很多业余时间观察集团内nodejs的发展，基本每个项目源码我都翻看过，我还特意和数据平台部的一些同事聊过相关的进展，其实是在琢磨如何在我的团队里引入的，所以如果让你觉得我对xxx有不屑，恩，这不是真的。我还是很佩服有想法、干实事的人的，加油！&br&&i&#_END&/i&&br&&br&&br&&i&#BEGIN 一年了，取消匿名&/i&&br&nodejs这一年发展还是比较好的，在阿里内部技术影响力越来越大了，周围已经有不少项目用了或者打算用nodejs实现。有时间再补充吧。&br&&i&#END&/i&
经过ebay等海外风的吹拂，前后端分离成了阿里集团前端组织今年内部推行的几大领域之一。 目前在公司内部还只是处在早期探索阶段。诚然经过半年的宣传和鼓吹，在前端工程师的圈子里已有了不小的影响力，但目前还缺乏后端工程师的理解和参与，也没有重量级的…
&figure&&img src=&https://pic4.zhimg.com/v2-a9c0b31c93e_b.jpg& data-rawwidth=&750& data-rawheight=&420& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&https://pic4.zhimg.com/v2-a9c0b31c93e_r.jpg&&&/figure&&p&&/p&&p&&/p&&p&&/p&&p&&/p&&p&&/p&&p&&/p&&p&&/p&&p&&/p&&p&&/p&&p&无论是在产品设计，还是在研发上，极简主义的应用简直无处不在。如果你和我一样热衷极简主义，那么本文分享的内容，一定是你的“菜”。在文章中，我们将与大家分享 20 个最佳的极简 CSS 框架，它们能够为你提供建站必备的组件，帮助你节省时间。Have Fun!&/p&&h2&&b&1. &a href=&https://link.zhihu.com/?target=https%3A//picturepan2.github.io/spectre/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Spectre&/a&&/b&&/h2&&figure&&img src=&https://pic2.zhimg.com/v2-78a62ede45a4f3f801b04_b.jpg& data-rawwidth=&690& data-rawheight=&299& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic2.zhimg.com/v2-78a62ede45a4f3f801b04_r.jpg&&&/figure&&p&这是一个轻量级、响应式的现代 CSS 框架，用于快速建站和扩展程序的开发。它通过最佳编码实践和一致性的设计语言，为排版与元素、基于 Flexbox 的响应布局系统、CSS 组件提供了基本样式。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=https%3A//picturepan2.github.io/spectre/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&2. &a href=&https://link.zhihu.com/?target=http%3A//jerryjappinen.com/layers/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Layers&/a&&/b&&/h2&&figure&&img src=&https://pic3.zhimg.com/v2-dcf059e643b0_b.jpg& data-rawwidth=&690& data-rawheight=&380& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic3.zhimg.com/v2-dcf059e643b0_r.jpg&&&/figure&&p&Layers CSS是一个针对实例的 CSS 框架。它具备轻量级、零依赖等特性。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=http%3A//jerryjappinen.com/layers/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&3. &a href=&https://link.zhihu.com/?target=http%3A//milligram.io/index.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Milligram&/a&&/b&&/h2&&figure&&img src=&https://pic1.zhimg.com/v2-bfcb82791ee1_b.jpg& data-rawwidth=&690& data-rawheight=&311& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic1.zhimg.com/v2-bfcb82791ee1_r.jpg&&&/figure&&p&Milligram 提供了极简样式设置，便于你快速、简洁的开启建站之旅。虽然它不是一个 UI 框架，但它的设计理念却是以提供优秀的性能、高效的开发效率以及最少的属性重置而构建的。同时，它也是轻量的，在 Gzip 压缩后，它只有 2KB 大小。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=http%3A//milligram.io/index.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&4. &a href=&https://link.zhihu.com/?target=https%3A//www.cutestrap.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Cutestrap&/a&&/b&&/h2&&figure&&img src=&https://pic1.zhimg.com/v2-9cf99cd40f83dc03cc9c0d_b.jpg& data-rawwidth=&690& data-rawheight=&313& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic1.zhimg.com/v2-9cf99cd40f83dc03cc9c0d_r.jpg&&&/figure&&p&如果你在寻找功能丰富的组件，那么 Bootstrap、Foundation 这类框架将会是你的最佳选择。但是，如果你想选择的框架大小是在 normalize.css 与一个完整框架范围之间， Cutestrap 或许是个不错的选择。它在压缩后仅有 8K 大小，可作为 Bootstrap 的轻量级替代方案。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=https%3A//www.cutestrap.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&5. &a href=&https://link.zhihu.com/?target=https%3A//github.com/mobi-css/mobi.css& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Mobi&/a&&/b&&/h2&&figure&&img src=&https://pic4.zhimg.com/v2-410abc302faba85de7f9de6_b.jpg& data-rawwidth=&690& data-rawheight=&380& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic4.zhimg.com/v2-410abc302faba85de7f9de6_r.jpg&&&/figure&&p&Mobi.css 是一个轻量级、可扩展、移动优先的 CSS 框架。它专注于细节，对于内容丰富的网页能够提供优质的用户体验。虽然，它专注移动端，但桌面客户端的体验也是很棒的。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=https%3A//github.com/mobi-css/mobi.css& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&6. &a href=&https://link.zhihu.com/?target=https%3A//github.com/mobi-css/mobi.css& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Hack&/a&&/b&&/h2&&figure&&img src=&https://pic4.zhimg.com/v2-9e78a3bb570d17692e7f_b.jpg& data-rawwidth=&690& data-rawheight=&435& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic4.zhimg.com/v2-9e78a3bb570d17692e7f_r.jpg&&&/figure&&p&Hack 是一个极度简易的 CSS 框架。这有一些&a href=&https://link.zhihu.com/?target=https%3A//github.com/egoist/hack/wiki/Showcase& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&示例&/a&，你可以了解下。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=https%3A//github.com/mobi-css/mobi.css& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&7. &a href=&https://link.zhihu.com/?target=http%3A//usewing.ml/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Wing&/a&&/b&&/h2&&figure&&img src=&https://pic3.zhimg.com/v2-ae9bf540efc0446a9ede12_b.jpg& data-rawwidth=&690& data-rawheight=&380& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic3.zhimg.com/v2-ae9bf540efc0446a9ede12_r.jpg&&&/figure&&p&一个基于极简主义设计理念的漂亮的 CSS 框架。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=http%3A//usewing.ml/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&8. &a href=&https://link.zhihu.com/?target=https%3A//oxal.org/projects/sakura/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Sakura&/a&&/b&&/h2&&figure&&img src=&https://pic2.zhimg.com/v2-93ff6cc3e3a889de77a73c_b.jpg& data-rawwidth=&690& data-rawheight=&380& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic2.zhimg.com/v2-93ff6cc3e3a889de77a73c_r.jpg&&&/figure&&p&一个易于定制的极简 CSS 框架/主题。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=https%3A//oxal.org/projects/sakura/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&9. &a href=&https://link.zhihu.com/?target=http%3A//minicss.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Mini&/a&&/b&&/h2&&figure&&img src=&https://pic1.zhimg.com/v2-b07e7cc0ee5d58e7996fcf_b.jpg& data-rawwidth=&690& data-rawheight=&380& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic1.zhimg.com/v2-b07e7cc0ee5d58e7996fcf_r.jpg&&&/figure&&p&Mini 作为一个 Gzip 压缩后不到 7KB 大小的极简框架，它具备响应式、易用性和定制性等特性，旨在为你提供尽可能多的功能。由于它是轻量框架，不仅让你创建的网站和应用程序具备更快的加载速度，而且它所提供的组件可以满足基本的开发要求。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=http%3A//minicss.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&10. &a href=&https://link.zhihu.com/?target=http%3A//www.pavilion.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Pavilion&/a&&/b&&/h2&&figure&&img src=&https://pic1.zhimg.com/v2-340fefbdf590bdc001b404_b.jpg& data-rawwidth=&690& data-rawheight=&380& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic1.zhimg.com/v2-340fefbdf590bdc001b404_r.jpg&&&/figure&&p&Pavilion 是一个简易的 CSS 框架，适合那些不喜欢使用其他框架中附带预定义 UI 组件的开发人员。如果你正在寻找一个简单、轻量、可订制的，并且不会出现代码膨胀的 CSS 框架，Pavilion 将是个不错的选择。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=http%3A//www.pavilion.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&11. &a href=&https://link.zhihu.com/?target=http%3A//corecss.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Core CSS&/a&&/b&&/h2&&figure&&img src=&https://pic1.zhimg.com/v2-4d343c63bd7edd332c88e_b.jpg& data-rawwidth=&690& data-rawheight=&380& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic1.zhimg.com/v2-4d343c63bd7edd332c88e_r.jpg&&&/figure&&p&这是一个构建轻量级响应式网站的前端框架，它没有内置预设元素和动画，只提供了一个超简单的网格体系 – 即它的列是浮动的，行是 self-clearing，而分界点则是按逻辑均匀的分布。你可以按照想要的工作方式，进行定制与使用。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=http%3A//corecss.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&12. &a href=&https://link.zhihu.com/?target=https%3A//github.com/siimple/siimple& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Siimple&/a&&/b&&/h2&&figure&&img src=&https://pic2.zhimg.com/v2-79c8e048b1af8a8e5fe3a28e08aa58b1_b.jpg& data-rawwidth=&690& data-rawheight=&380& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic2.zhimg.com/v2-79c8e048b1af8a8e5fe3a28e08aa58b1_r.jpg&&&/figure&&p&Siimple 是一个助你打造扁平化网站风格的轻量、响应式的开源框架。它内置了 SASS / SCSS，为你的网页设计提供了简洁的开始。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=https%3A//github.com/siimple/siimple& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&13. &a href=&https://link.zhihu.com/?target=http%3A//dropbox.github.io/scooter/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Scooter&/a&&/b&&/h2&&figure&&img src=&https://pic3.zhimg.com/v2-ef4ca94c54f_b.jpg& data-rawwidth=&690& data-rawheight=&357& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic3.zhimg.com/v2-ef4ca94c54f_r.jpg&&&/figure&&p&专注为 Dropbox 提供基础样式、CSS 组件以及快速静态原型的 SCSS 框架。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=http%3A//dropbox.github.io/scooter/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&14. &a href=&https://link.zhihu.com/?target=http%3A//workless.ikreativ.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Workless&/a&&/b&&/h2&&figure&&img src=&https://pic4.zhimg.com/v2-460b66c845b10a98879e40_b.jpg& data-rawwidth=&690& data-rawheight=&353& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic4.zhimg.com/v2-460b66c845b10a98879e40_r.jpg&&&/figure&&p&打造更快 Web 应用程序的开源 HTML, CSS 与 JS 框架。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=http%3A//workless.ikreativ.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&15. &a href=&https://link.zhihu.com/?target=http%3A//responsivebp.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Responsive&/a&&/b&&/h2&&figure&&img src=&https://pic4.zhimg.com/v2-c532af1fb04b42c013c44a_b.jpg& data-rawwidth=&690& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic4.zhimg.com/v2-c532af1fb04b42c013c44a_r.jpg&&&/figure&&p&一个功能强大、对开发人员友好的，用于构建响应式网站的轻量级前端框架。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=http%3A//responsivebp.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&16. &a href=&https://link.zhihu.com/?target=http%3A//kouto-swiss.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Kouto swiss&/a&&/b&&/h2&&figure&&img src=&https://pic4.zhimg.com/v2-d83c83c5a4faa1d4b2cc41a52f8f37e1_b.jpg& data-rawwidth=&690& data-rawheight=&380& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic4.zhimg.com/v2-d83c83c5a4faa1d4b2cc41a52f8f37e1_r.jpg&&&/figure&&p&专注于 Stylus 的完整 CSS 框架。它的灵感源自流行的预处理工具库，例如 nib、compass、bourbon.&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=http%3A//kouto-swiss.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&17. &a href=&https://link.zhihu.com/?target=http%3A//concisecss.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Concise&/a&&/b&&/h2&&figure&&img src=&https://pic4.zhimg.com/v2-af51f6e38_b.jpg& data-rawwidth=&690& data-rawheight=&369& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic4.zhimg.com/v2-af51f6e38_r.jpg&&&/figure&&p&Concise 为你的网站设计提供了坚实的基础。它提供了一套仅包含基础样式的简洁框架，并包含了大量开箱即用的功能。同时，你也可以通过使用内核的附加组件进行功能性扩展。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=http%3A//concisecss.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&18. &a href=&https://link.zhihu.com/?target=http%3A//penguin.docs.bqws.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Penguin&/a&&/b&&/h2&&figure&&img src=&https://pic1.zhimg.com/v2-256bceffebeab_b.jpg& data-rawwidth=&690& data-rawheight=&272& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic1.zhimg.com/v2-256bceffebeab_r.jpg&&&/figure&&p&Penguin 是一个由 Sass 构建的轻量级、可扩展的前端框架，用于启动任何项目。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=http%3A//penguin.docs.bqws.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&19. &a href=&https://link.zhihu.com/?target=http%3A//getbase.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Base&/a&&/b&&/h2&&figure&&img src=&https://pic4.zhimg.com/v2-b142a62fc91bbdccf61fa_b.jpg& data-rawwidth=&690& data-rawheight=&380& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic4.zhimg.com/v2-b142a62fc91bbdccf61fa_r.jpg&&&/figure&&p&一个稳固的响应式 HTML 与 CSS 框架。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=http%3A//getbase.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&20. &a href=&https://link.zhihu.com/?target=http%3A//kurisubrooks.com/caramel/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Caramel&/a&&/b&&/h2&&figure&&img src=&https://pic2.zhimg.com/v2-c42f5dee90c004ff43f2eb_b.jpg& data-rawwidth=&690& data-rawheight=&380& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&https://pic2.zhimg.com/v2-c42f5dee90c004ff43f2eb_r.jpg&&&/figure&&p&Caramel 是一个简单、现代的完全响应式 Web 框架。你仅需要编写一次代码，即可获得在多平台上相同的效果。&/p&&blockquote&&b&项目地址：【&a href=&https://link.zhihu.com/?target=http%3A//kurisubrooks.com/caramel/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b& &/blockquote&&p&感谢你的阅读。若你有所收获，欢迎点赞与分享。&/p&&p&&b&注：&/b&&/p&&ol&&li&本文版权归原作者所有，仅用于学习与交流；&/li&&li&如需转载译文，烦请按下方注明出处信息，谢谢！&/li&&/ol&&blockquote&英文原文：&a href=&https://link.zhihu.com/?target=http%3A//bashooka.com/resources/20-best-minimal-css-frameworks-2017/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&20 Best Minimal CSS Frameworks 2017&/a&&br&作者：HENRI WIJAYA&br&译者：&a href=&https://link.zhihu.com/?target=http%3A//weibo.com/itlion114/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&IT程序狮&/a&&br&译文地址：&a href=&https://link.zhihu.com/?target=http%3A//www.jianshu.com/p/976cb95b31a3& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&jianshu.com/p/976cb95b3&/span&&span class=&invisible&&1a3&/span&&span class=&ellipsis&&&/span&&/a&&/blockquote&
无论是在产品设计，还是在研发上，极简主义的应用简直无处不在。如果你和我一样热衷极简主义，那么本文分享的内容，一定是你的“菜”。在文章中，我们将与大家分享 20 个最佳的极简 CSS 框架，它们能够为你提供建站必备的组件，帮助你节省时间。Have Fun!1.
&p&热身：&/p&&p&1. 怎么理解 react 传达组件的概念，react 是 view 么，怎么看 state 的设计&/p&&p&2. 兄弟组件的状态怎么互传，有哪些方法&/p&&p&3. state 的设计为什么是异步的，同步设计有没有问题&/p&&p&4. ssr 会有什么性能问题，哪些会引起内存泄露，引入 redux 后怎么处理请求的逻辑&/p&&p&正式：&/p&&p&1. 怎么抽象一个带搜索，单多选复合，有请求的 Selector，区分 smart 和 dumped。如果我再往上加功能，比如 autocomplete
等&/p&&p&2. 怎么实现对表单的抽象，数据验证怎么统一处理&/p&&p&3. 用 react 来实现一个可视化编辑器的引擎，怎么设计，怎么抽象与 model 的交互，再引入 redux 呢，怎么支持第三方组件热插拔&/p&&p&4. 用 react 和 redux 模拟多人协作的 Todo，node 作为后端，怎么设计&/p&&p&随便想了一些，我不会特别关注库的使用，候选人很精通 angular 和 vue 也很好啊，重点考察对组件的理解，分层，怎么去耦合，MVVM/MVI 现实等。只对 react 用法很熟，那是真码农了。工程师一定能一通百通&/p&
热身：1. 怎么理解 react 传达组件的概念，react 是 view 么，怎么看 state 的设计2. 兄弟组件的状态怎么互传，有哪些方法3. state 的设计为什么是异步的，同步设计有没有问题4. ssr 会有什么性能问题，哪些会引起内存泄露，引入 redux 后怎么处理请求的逻…
&p&hi, 我们团队已经将对&b&原型链&/b&的考核移出了面试范围；但&b&闭包&/b&还在考核内容之中。&/p&&p&为什么要将原型链移出考察范围？ &/p&&p&第一、不会再用到了&/p&&p&第二、理解了&b&原型链&/b&，对我们写es6程序没帮助；因为es6设计就是要去掉原型以及原型引申出来的N种设计模式的原型实现（见《高级js程序设计》）， 非常复杂，可读性差。 应该去理解es6-class。 从语法上讲，es6-class和原型已经没有关联。&/p&&p&另外也说说我的经历&/p&&blockquote&&i&5年前我用angular.js，用原型很少。 3年前，用es6就没再用过原型。翻react.js的源代码，现在也只有一些旧代码还在用prototype，新代码基本都是基于es6了。
我认为前端程序员不一定要掌握原型，如果说一点也不知道， 肯定有问题，那是知识边界的问题，就好像c++程序员不知道虚函数表，肯定有问题，但如果面试官一直问虚函数表，那也没什么意义。&/i&&/blockquote&&p&为什么&b&闭包&/b&还在考核范围中？&/p&&p&因为闭包是我们javascript实现各种各样的封装的基础，函数式编程的基础，将长期使用。 &/p&&br&&blockquote&我认为我理解原型链的时间白费了。 （纯个人观点，不代表58团队）
同理： es6里面我不会考： let 和var 的区别；因为var不用了，知道区别有什么意义呢？
学习原型-原型链-掌握原型相关的设计模式， 需要很多小时，同样的时间，足够学习一类算法了， 如学习学习有趣的&The Part-Time Parliament&&/blockquote&&p&下面说说面试： &/p&&p&我前端面试通常注意这么几个方面：&/p&&p&1. 沟通能力&/p&&p&2. 基础知识&/p&&p&3. 解决实际问题的能力&/p&&p&4. 知识边界&/p&&br&&br&&p&&b&沟通能力面&/b&&/p&&p&看面试面试者对所有问题的视角，阐述是否准确容易理解。 这是我们团队非常重要的一个指标。 &/p&&br&&p&&b&基础知识面&/b&&/p&&p&具体基础知识方面，我会重点考察：&/p&&ul&&li&闭包&/li&&li&es6 - class&/li&&/ul&&p&比如说： 类的静态成员和动态成员的区别？ 重点考察多态和类型的设计。比如说mixin和decorator等。 &/p&&ul&&li&map/reduce/filter/find这些常用的函数 &/li&&li&promise和async/await&/li&&li&基础算法（比如说什么链表，如何实现一个hash算法， 归并排序的复杂度）&/li&&li&前端常用设计模式（比如说subscribe,observable等）&/li&&li&进程和线程的区别（什么线程同步）&/li&&/ul&&br&&p&&b&解决问题面&/b&&/p&&p&具体到解决实际问题的能力， 我会涉及：&/p&&ul&&li&组件接口设计 （比如设计一个表单组件/Picker) —— 基于 react 或 vue。 &/li&&li&针对面试人员原公司业务逻辑提具体的问题&/li&&li&具体的工具（gulp/webpack/rollup) 考察具体的知识点，主要是希望面试者具有：根据自身团队的实际情况选择工具的能力&/li&&li&给一个实际问题， 问解决方案&/li&&/ul&&br&&p&&b&知识边界面&/b&&/p&&p&知识边界主要是为了确定面试人员的知识范围。&/p&&p&知识边界我会问： &/p&&ul&&li&考察一个稍微复杂一点的shell知识点（如awk，xargs等命令)&/li&&li&问一个数据库相关知识中稍微有深度一点的（如：什么是锁）&/li&&li&问一个缓存先关的问题（如：什么是缓存穿透）&/li&&li&React/Vue的virtual dom实现原理&/li&&li&js新特性掌握深度（如symbol-observable， 什么是web-asm）&/li&&li&前端方向把握（pwa/electron/react-native）&/li&&li&node.js的学习情况&/li&&/ul&&br&&p&----------------------------------&/p&&p&鉴于，此文争议很大， 在这里我补充几个自己的几个观点。 &/p&&p&&b&1. 我认为，如果是58， 58应该不会因为仅仅【不懂原型】给面试者贴上【不堪重任】标签，对于【满口都是Vue/React的人】58应该针对vue/react的知识，es6知识深入提问。 &/b&&/p&&p&判断一个人是否胜任有很多因素，就【技术】而言， 一个人是否有学习能力，要看他学了多少知识。 有些人把时间花在学习【算法】和【设计模式】上，没有学原型的若干设计模式，是很正常的。有些人有思路设计非常庞大的系统，有些人编码习惯非常好，有些人对新工具非常熟悉，所以我们在考核人才的时候， 通常要提很多问题，一般有20个左右，最终有一个综合判断。 &/p&&p&单纯从技术面，如果真的发现，一个自信的面试者，新东西都不会， 弱弱补一句：【如何用原型实现一个工厂模式？】也是有可能的，因为我们不想因为这个人没有学习新技术栈就淘汰。 我们的人才考核，最注重的是基础。 面向对象的基础知识，函数式编程的基础知识，算法、设计模式，前端工程化， 组件化等等，有非常多知识。 &/p&&br&&p&&b&2. 从JS的运用上讲，我们倾向于去原型化&/b&&/p&&p&目前除了正常业务系统外，在我们内部有两个热门话题：&/p&&p&a. 使用react-native承担app开发的工作
（目前58主app的里面的发现页，已经是rn实现的）&/p&&p&b. 如何使用node.js开发业务系统 （目前我们有大量的内部系统使用node.js开发）&/p&&br&&p&原型有很多优势，这个这里不展开，但如果es6-class在多数情况下可以完成工作，我们倾向于用class。 学习成本低，使用容易，而没有特别的劣势。 原型虽然灵活，但在很多方面是非常复杂的，这个复杂度，可以和：&/p&&p&a.
C++的模板&/p&&p&b.
scala的implicit &/p&&p&相媲美了。 &/p&&p&但是c++的模板，我们不得不用，绕不开(STL库）&/p&&p&scala的implicit可以不用，但如果用了收益很大(读读spark的源代码就知道)&/p&&p&在大多数场景，js的prototype学习成本很高，但收益没有那么大。我们在开发node.js。react/vue/react-native的时候，基本都是es6-class。&/p&&br&&p&假如，需要开发类似react.js这样的轮子。 基本上也可以不考虑原型。除非， 要开发babel类似的东西，而babel已经很稳定了。 &/p&&br&&br&&p&&b&3. 我认为那些声称【es6-class】是语法糖的人，可能有一些小细节是不知道的，这个【语法糖】的复杂程度，他们可能没有想清楚，这是其一；其二，对未来的发展我的判断和他们是不一样的。&/b&&/p&&p&举两个例子： &/p&&blockquote&当我们没有使用new去创造一个class的时候，会报错，这个用原型实现OOP的时候通常不会考虑到的，原型实现的OOP函数没有new也是可以调用的； 在没有调用super之前，是没有绑定this指针的，调用super之后，才有this指针，这个我们在用原型继承的时候，可能也是不会去考虑的。 &/blockquote&&p&上面只是冰山一角，所以说es6-class这个语法糖，是很复杂的。 &/p&&br&&p&&b&我认为未来这个复杂度还会上升，直到专门制作babel等的人才能了解全貌。&/b&&/p&&p&比如说，typescript中已经有private关键字，es7的提议中也有private关键字的身影。其实我认为，private关键字对于我们用nodejs写业务的同学是很有意义的。 &/p&&p&基于这个【语法糖】越来越复杂的判断，我认为复杂到一定程度后，就不能仅仅将他看做一个【语法糖】了。 &/p&&br&&p&就好像c++的类编译成汇编语句一样， 太复杂了，细节太多，知道一点点原理，但没有人敢用汇编写oop。 我认为，linux源代码用c写oop的时代，过去了。 虽然可以写，但也超级复杂。 &/p&&br&&p&我认为JS之所以这么火， 并不是因为这门语言有多么优秀，而是它是浏览器唯一支持的通用标准。 &/p&&br&&p&&b&~请不要再人身攻击，更没有必要攻击58，我看到58的前端技术进步很大，特别是在近几年。&/b&&/p&&br&&br&&br&&br&&br&&br&&br&&br&&p&&i&58招聘FE团队 魏蒙&/i&&/p&
hi, 我们团队已经将对原型链的考核移出了面试范围；但闭包还在考核内容之中。为什么要将原型链移出考察范围？ 第一、不会再用到了第二、理解了原型链，对我们写es6程序没帮助；因为es6设计就是要去掉原型以及原型引申出来的N种设计模式的原型实现（见《高级…
&p&做为一名新手，首先你要明白一个真相，《21天精通JAVA》是不现实的。然后你要做的是，摆正心态，脚踏实地，打好基础。&/p&&p&那么这个过程嘛，这样的：&/p&&p&&b&第一步，首先你要了解JAVA&/b&&/p&&p&为什么要了解java? 这个当然很重要你既然要学习java肯定要了解它，它可以干什么，做什么，有什么特性，用在哪儿？什么多线程，什么多态性，什么面向对象，什么移植性balabalabala等等等，对不对，以后你真成了高手了不还可以和人家家谈谈java的历史嘛，哪怕某天有人问你java和javascript有什么区别，你也不会回答说“多了个script”吧。&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//baike.baidu.com/link%3Furl%3DY-2fhZ37dKqLB_9djpMFso54xg6JsA7K8q80bOOUz7rRLG974LYeItg1Al1ZInOtT47TkhOUZCznQazeR0bBY_& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java ( 计算机编程语言 ) - 百度百科&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.runoob.com/java/java-intro.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java 简介&/a&&/p&&br&&p&&b&第二步，JAVA程序环境&/b&&/p&&p&了解了语言历史，特性之后，也该动动手了吧，不能光看不练嘛，那么要动手肯定要先搭建环境。&/p&&ul&&li&下载JDK&/li&&li&配置环境变量&/li&&li&验证配置环境变量&/li&&/ul&&p&&a href=&//link.zhihu.com/?target=http%3A//www.runoob.com/java/java-environment-setup.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java 开发环境配置&/a&&/p&&p&&u&&a href=&//link.zhihu.com/?target=http%3A//www.oracle.com/technetwork/java/javase/downloads/index.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JDK下载&/a&&/u&&/p&&br&&p&&b&第三步，JAVA基本程序设计结构&/b&&/p&&p&环境搭建好了就可以开始边学边练习了，在这我简单分下知识点：&/p&&ul&&li&数据类型
&a href=&//link.zhihu.com/?target=http%3A//www.runoob.com/java/java-basic-datatypes.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java 基本数据类型&/a&&/li&&li&变量
&a href=&//link.zhihu.com/?target=http%3A//www.runoob.com/java/java-variable-types.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java 变量类型&/a&&/li&&li&运算符
&a href=&//link.zhihu.com/?target=http%3A//www.runoob.com/java/java-operators.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java 运算符&/a&&/li&&li&字符串
&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/zhuYears/archive//2339574.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java基础字符、字符串&/a&&/li&&li&输入输出
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/u/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JAVA输入输出流学习&/a&&/li&&li&控制流程
&a href=&//link.zhihu.com/?target=https%3A//wenku.baidu.com/view/d5bbfd0a.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JAVA流程控制&/a&&/li&&li&大数值
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/shangboerds/article/details/7517896& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JAVA大数值&/a&&/li&&li&数组
&a href=&//link.zhihu.com/?target=http%3A//www.runoob.com/java/java-array.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java 数组&/a&&/li&&/ul&&br&&p&&b&第四步，对象和类&/b&&/p&&p&面向对象程序简称oop，是当今主流程序设计范型，面向对象程序设计于面向过程程序设计还是有一定的区别的，如果不懂建议好好学习。&/p&&ul&&li&类，使用现有类
&a href=&//link.zhihu.com/?target=http%3A//www.educity.cn/help/Java/441301.htm& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java经典教程什么是类?&/a& &a href=&//link.zhihu.com/?target=http%3A//www.educity.cn/help/Java/191217.htm& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java使用现有的类&/a&&/li&&li&用户自定义类
&a href=&//link.zhihu.com/?target=http%3A//blog.sina.com.cn/s/blog_4d5d736f0102uwny.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java用户自定义类&/a&&/li&&li&静态域于静态方法
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/wccchangchun/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java静态域与静态方法&/a&&/li&&li&方法参数
&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/lixiaolun/p/4311863.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&java中方法的参数传递机制&/a&&/li&&li&对象构造
&a href=&//link.zhihu.com/?target=http%3A//blog.sina.com.cn/s/blog_5f6a2a1d0100cm42.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JAVA对象的构造和初始化&/a&&/li&&li&包
&a href=&//link.zhihu.com/?target=http%3A//www.runoob.com/java/java-package.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java 包(package)&/a&&/li&&li&路径类
&a href=&//link.zhihu.com/?target=https%3A//wenku.baidu.com/view/d5da26e69b41.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JAVA类路径说明(新手必读)&/a&&/li&&li&类的设计技巧
&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/losesea/p/3577650.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java中类的设计技巧&/a&&/li&&/ul&&br&&p&&b&第五步，继承&/b&&/p&&ul&&li&超类，子类
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/xujinsmile/article/details/8528965& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java 继承，类，超类和子类&/a&&/li&&li&Object
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/centre10/article/details/6847981& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java中的Object对象理解&/a&&/li&&li&泛型数组列表
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/zkatt/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&泛型数组列表&/a&&/li&&li&对象自动打包
&a href=&//link.zhihu.com/?target=http%3A//blog.sina.com.cn/s/blog_8ir9.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java对象包装器 自动打包解包&/a&&/li&&li&枚举类
&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/zhaoyanjun/p/5659811.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java 枚举类的基本使用&/a&&/li&&li&反射
&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/lzq198754/p/5780331.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java反射机制详解&/a&&/li&&/ul&&br&&p&&b&第六步，接口 and 内部类&/b&&/p&&ul&&li&接口
&a href=&//link.zhihu.com/?target=http%3A//baike.baidu.com/link%3Furl%3Dp6m85GHs7OIGHFzFv2qZrSpMhxp-j0fxehH-fO928U6FDio3sllFgXoALKmCDQVwUozJ_5Ym6EtUkldCIaygwLzZ8LBMmFu1QK7Od_VStZq& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java接口_百度百科&/a&&/li&&li&对象克隆
&a href=&//link.zhihu.com/?target=http%3A//blog.sina.com.cn/s/blog_70eom09.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JAVA对象的克隆&/a&&/li&&li&接口和回调
&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/aoguren/p/5544865.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&回调函数、Java接口回调总结&/a&&/li&&li&内部类
&a href=&//link.zhihu.com/?target=http%3A//www.iteye.com/topic/442435& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&内部类详解&/a&&/li&&/ul&&br&&p&&b&第七步，Swing图形程序&/b&&/p&&ul&&li&Swing框架
&a href=&//link.zhihu.com/?target=http%3A//www.oschina.net/project/tag/324/swing-dev& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Swing开发包&/a&&/li&&/ul&&br&&p&&b&第八步，事件处理&/b&&/p&&ul&&li&事件处理
&a href=&//link.zhihu.com/?target=https%3A//wenku.baidu.com/view/38cbad68fadb7.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java程序设计-事件处理&/a&&/li&&li&动作
&a href=&//link.zhihu.com/?target=https%3A//jingyan.baidu.com/article/bea41d438f40c9b4c51be6c3.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JAVA入门之Swing如何监听用户动作&/a&&/li&&/ul&&br&&p&&b&第九步，部署应用程序&/b&&/p&&ul&&li&jar文件
&a href=&//link.zhihu.com/?target=https%3A//jingyan.baidu.com/article/ff42efa904b4d7c19e220282.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&java 可执行Jar包打包方法&/a&&/li&&li&Java web start
&a href=&//link.zhihu.com/?target=http%3A//blog.sina.com.cn/s/blog_58b9cb3a0100b7xy.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java Web Start完整的开发和调用&/a&&/li&&li&Applet
&a href=&//link.zhihu.com/?target=http%3A//www.jb51.net/article/56449.htm& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&教你构建第一个Java Applet程序&/a&&/li&&/ul&&br&&p&&b&第十步，异常，日志，断言和调试&/b&&/p&&ul&&li&处理异常
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/beidou321/article/details/6499288/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java中如何正确处理异常&/a&&/li&&li&捕获异常
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/hguisu/article/details/6155636& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&深入理解Java异常处理机制&/a&&/li&&li&断言
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/albert0420/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java断言开启、断言使用&/a&&/li&&li&记录日志
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/seven__________7/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JAVA日志记录方法&/a&&/li&&li&调试
&a href=&//link.zhihu.com/?target=http%3A//www.csdn.net/article//2809495-Java-Debugging-Tips-with-Eclipse& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java程序员应该知道的10个调试技巧&/a&&/li&&/ul&&br&&p&&b&第十一步，泛型程序&/b&&/p&&ul&&li&约束和局限性
&a href=&//link.zhihu.com/?target=http%3A//www.jianshu.com/p/f1b70ae8858d& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java泛型o约束和局限性&/a&&/li&&li&继承规则
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/l/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java泛型 泛型类型的继承规则&/a&&/li&&li&通配符类型
&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/wanqieddy/p/4015922.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&java 泛型详解（普通泛型、 通配符、 泛型接口）&/a&&/li&&li&反射和泛型
&a href=&//link.zhihu.com/?target=https%3A//wenku.baidu.com/view/7cfba0d8d74786.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java泛型和反射机制&/a&&/li&&/ul&&br&&p&&b&第十二步，集合&/b&&/p&&ul&&li&集合接口
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/davidweini/article/details/2029058& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java 集合中主要接口的介绍&/a&&/li&&li&集合框架
&a href=&//link.zhihu.com/?target=http%3A//www.open-open.com/lib/view/open4.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java - 集合框架完全解析&/a&&/li&&li&集合算法
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/u/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java的集合之算法篇&/a&&/li&&li&遗留的集合
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/PacosonSWJTU/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&java集合--遗留的集合&/a&&/li&&/ul&&br&&p&&b&第十三步，多线程&/b&&/p&&ul&&li&线程属性
&a href=&//link.zhihu.com/?target=https%3A//my.oschina.net/hongdengyan/blog/194629& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JAVA线程5 - 线程属性&/a&&/li&&li&同步
&a href=&//link.zhihu.com/?target=http%3A//developer.51cto.com/art/965.htm& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java 多线程同步的五种方法&/a&&/li&&li&阻塞队列
&a href=&//link.zhihu.com/?target=http%3A//ifeve.com/java-blocking-queue/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java中的阻塞队列&/a&&/li&&li&线程安全的集合
&a href=&//link.zhihu.com/?target=http%3A//www.jianshu.com/p/eccb5f350c12& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java多线程理解：线程安全的集合对象&/a&&/li&&li&执行器
&a href=&//link.zhihu.com/?target=http%3A//www.mamicode.com/info-detail-504671.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java多线程--执行器&/a&&/li&&li&同步器
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/wfg/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java多线程编程之同步器&/a&&/li&&/ul&&br&&p&－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－&/p&&br&&p&如果你刷完上面那些知识点并且可以熟练运用，那么恭喜你你已经成功迈入java的大门， 这个时候需要做一些完整的项目来的获取更多的经验值升级，同时你可能会遇到更多的知识点：比如:流和文件，I/O，XML，树，awt，分布式对象以及各种框架等等等，假如你足够努力，在这个过程中你会成长的很快，但良好的基础会让你走的更远。&/p&&br&&p&如果你对Java或开发感兴趣的可以关注我专栏，&a href=&https://zhuanlan.zhihu.com/dreawer& class=&internal&&极乐科技 - 知乎专栏&/a&&/p&
做为一名新手，首先你要明白一个真相，《21天精通JAVA》是不现实的。然后你要做的是，摆正心态，脚踏实地，打好基础。那么这个过程嘛，这样的：第一步，首先你要了解JAVA为什么要了解java? 这个当然很重要你既然要学习java肯定要了解它，它可以干什么，做什…
&p&已经能熟练使用那么多编程语言的情况下，再学习java应该不会很困难，建议有条件的话可以看视频和资料自学，缺点是可能进度慢一点，也可以找个周末培训班去上，入手还挺快，只是要话费精力和金钱。下面我简单总结了一下java入手需要学习的内容以及学习的阶段，希望对你有帮助。&/p&&br&&p&&b&第一阶段：JavaEE初级课程&/b&&/p&&p&JDK的下载安装配置、Eclipse开发工具介绍、Java基本程序的编译运行、关键字、标示符、注释、常量、变量、数据类型、进制转换、数据类型转换、各种运算符的使用、各种判断循环语句的使用、函数的使用、数组的使用&/p&&p&面向对象入门、用Java来描述对象、局部变量和成员变量、Java对象内存分析、匿名对象、封装、构造函数、Main函数详解、继承、重写、抽象类、接口、多态、内部类、异常、包机制、JAR包 &/p&&p&StringBuffer类、Date和Calendar类，System类、Runtime类、Math类，正则表达式、基本数据类型包装类&/p&&p&集合类(Collection)、List、ArryList、LinkList、Vector、迭代器、Set、HashSet、TreeSet、LinkedHashSet、Map、HashTable、HashMap、TreeMap、泛型等各种数据集合的分析和使用&/p&&p&异常处理、多线程基础、IO系统、网络编程、Java反射机制、Java注解、JavaSE 8.0新特性SVN介绍、SVN服务端的安装及使用、SVN客户端的安装及使用、SVN团队开发注意事项&/p&&br&&p&&b&第二阶段:JavaEE进阶课程&/b& &/p&&p&认识Web前端、常见标签及用途、选择器及分类、浮动、定位、表格和表单、HTML进阶、HTML5基础、HTML5新技术特点WebSocket、地理定位、canvas &/p&&p&CSS的作用、CSS的各种选择器、行内样式、内部样式、外部样式、选择器及样式的优先级问题、盒子模型、层的浮动、游览器调试工具的使用、采用DIV+CSS设计页面&/p&&p&BOM浏览器对象模型、DOM文档对象模型、JS操作CSS、JS操作DOM、JS操作DIV、protoype、js基于对象编程&/p&&p&jQuery基本技术、jQuery使用插件、jQuery EasyUI、jQuery mobile&/p&&p&Bootstrap基础知识、Bootstrap预定义的CSS样式、Bootstrap内置的布局组件、Bootstrap支持的JavaScript插件、Less、Sass、Chart.JS、Two.JS、实际使用Bootstrap&/p&&p&MySQL5.5/5.6数据库、navicat客户端软件，基本建表、插入数据、修改数据、查询数据操作、数据备份与移植&/p&&p&JDBC连接MySQL数据库,CRUD操作&/p&&p&XML的概念与基本作用、XML的基本语法、XML的约束模式、DTD、Schema、名称空间。XML解析介绍、DOM4J解析XML、XPath的使用&/p&&p&HTTP协议详解，Web服务器的工作原理、Tomcat的安装与启动运行、Tomcat的体系结构、在Tomcat中配置Web虚拟目录与发布Web应用程序的方式、设置目录的默认网页、使用Tomcat配置虚拟主机、WAR文件生成与使用&/p&&p&安装使用MyEclipse进行JavaEE程序开发和调试，以及和Tomcat的集成&/p&&p&什么是Servlet、Servlet接收客户端请求信息、Servlet响应客户端信息、Servlet的生命周期、Servlet过滤器和AOP编程；Servlet监听器&/p&&p&什么是JSP、JSP的内置对象、透析JSP的本质、JSTL+EL、JSP内置对象与状态管理&/p&&p&Tomcat和JDBC连接池配置、JDBC的事务、JSP整合进行分页，条件查询&/p&&p&MVC核心思想、MVC基本入门JSP+Servlet+Bean整合&/p&&p&AJAX技术基础、XMLHttpRequest对象详解、jQuery的AJAX、AJAX技术调试技巧、JSON介绍、JSON语法、JSON类库&/p&&p&Logging API日志管理、JUnit单元测试技术、Ant打包&/p&&br&&p&&b&第三阶段：JavaEE高级课程&/b& &/p&&p&Spring Web MVC介绍、Web MVC应用、Spring Web MVC架构、Spring MVC入门程序、非注解处理器映射器和适配器、注解开发处理器映射器和适配器、Spring MVC整合Mybatis、RequestMapping、Controller方法返回值、参数绑定(简单类型、pojo、包装类型、数组、集合类型等)、Spring MVC与Struts2区别、Spring MVC上传图片、json数据交互、Validation、异常处理器、RESTful支持、拦截器&/p&&p&Mybatis介绍、单独使用jdbc编程问题总结、Mybatis架构、Mybatis入门程序、Mybatis开发Dao、SqlMapConfig.XML配置、ParameterType输入映射、ResultType及ResultMap输出映射、动态SQL、商品订单数据模型、关联查询(一对一、一对多)、Mybatis与Spring整合、Mybatis逆向工程&/p&&p&Spring框架介绍，IoC思想、DI依赖注入、Bean的实例方式、Bean种类、Bean作用域范围、依赖注入、p命名空间、SpEL?Spring表达式、注解装配Bean、整合Junit测试、Web开发集成Spring、AOP思想、使用AspectJ切面编程、JdbcTemplate模板使用、C3P0数据源配置、DBCP数据源配置、声明式事务管理、SSH整合&/p&&p&Struts2框架介绍、工作原理与架构分析、6大配置文件分析、Struts.XML详解及使用，使用通配符定义action、动态方法调用，ActionContext及ServletActionContext使用，模型驱动ModelDriven、属性驱动、Struts2文件上传、默认拦截器分析、自定义拦截器、OGNL表达式、值栈ValueStack分析及操作、Struts2标签&/p&&p&学会基于Spring?Boot实现减少XML配置，快速搭建Java Web项目，减少Java开发的笨重的工作量，减少项目周期&/p&&p&Maven的介绍、Maven的构建、Maven的依赖管理、Maven和Eclipse的整合、Maven构建SSM应用&/p&&p&Oracle 基础管理，SQL语言、序列、索引、视图对象、数据备份与移植&/p&&br&&p&&b&第四阶段：JavaEE特级课程&/b&&/p&&p&基于JFreeChart生成饼图、曲线图、柱状图&/p&&p&基于iText生成pdf文件&/p&&p&基于POI组件生成EXCEL文件&/p&&p&Quartz定时任务管理器以及和Spring的继承&/p&&p&HttpClient/HTMLParser，采用HttpClient如何抓取网页、GET提交和POST提交、采用HTMLParser解析HTML。&/p&&p&NIO介绍、netty入门 &/p&&p&Activiti工作流：掌握工作流的基本概念，什么叫流程定义、什么叫流程实例、什么叫任务、工作流中的相关概念将如何应用&/p&&p&异构系统整合方案，JNI、CORBA、基于Web?Services的中国电信消息系统规范介绍、SOAP、WSDL、UDDI、如何采用CXF/Axis2开发WebService服务器端和客户端的相关知识&/p&&p&git介绍、git版本管理。&/p&&p&掌握Linux的常用命令，熟悉Linux上下文编辑器，掌握Linux的文件管理控制等&/p&&p&Jboss\Weblogic企业级JavaEE应用服务器安装、配置 &/p&&p&基本的Apache和Tomcat整合，最新的Tomcat和Apache集群和负载均衡配置 &/p&&p&掌握Nginx负载均衡及和Tomcat的整合&/p&&p&掌握ActiveMQ消息队列的安装以及和Java的集成、JMS接口规范&/p&&p&MySQL主从配置、MySQL分库分表实际演练、MySQL集群配置&/p&&p&MongoDB安装，基本使用，和Java集成、Spring框架集成&/p&&p&Redis安装，基本使用，和Java集成、Spring框架集成&/p&&p&安卓基础开发：了解Android和开发环境搭建、Activity、UI布局和UI组件、AsyncTask异步任务、网络应用、资讯APP实战基于JFreeChart生成饼图、曲线图、柱状图&/p&
已经能熟练使用那么多编程语言的情况下，再学习java应该不会很困难，建议有条件的话可以看视频和资料自学，缺点是可能进度慢一点，也可以找个周末培训班去上，入手还挺快，只是要话费精力和金钱。下面我简单总结了一下java入手需要学习的内容以及学习的阶段…
&p&这是一篇纯干货分享帖，不谈个人经验，只搬运牛人的技术“经验”。&br&ECS是阿里云非常重要的一款云服务产品，大多数人的云端之旅也是从ECS开始，以下知识将从浅入深，从图文到视频，再到最佳实践，相信看过这些内容之后，您就可以飞升成为云计算达人啦。&/p&&h2&&b&第一部分：实用知识贴&/b&&/h2&&p&1.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/67186& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&如何选择阿里云云服务器ECS操作系统&/a&&br&2.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/72772& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ECS控制台使用小贴士&/a&&br&3.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/69185& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&使用TAG标签对云服务器ECS的分组和管理&/a&&br&4.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/68935& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&如何用阿里云服务器建立一个wordpress网站&/a&&br&5.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/73740& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&阿里云ECS如何部署并运行一个JavaWeb项目&/a&&br&6.&a href=&http://link.zhihu.com/?target=https%3A//bbs.aliyun.com/read/135619.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&阿里云服务器使用全攻略&/a&&br&7.&a href=&http://link.zhihu.com/?target=https%3A//bbs.aliyun.com/read/138870.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&阿里云服务器配置常见FAQ&/a&&br&8.&a href=&http://link.zhihu.com/?target=https%3A//bbs.aliyun.com/read/135791.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&如何选择服务器操作系统&/a&&br&9.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/73736& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&深度剖析阿里云ECS最强计算实例&/a&&br&10.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/72573& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ECS数据分区丢失问题处理方法、常见误区和最佳实践&/a&&/p&&h2&&b&第二部分：看完知识贴，还有一波视频：&/b&&/h2&&p&1.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/edu/lesson/play/291& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&阿里云服务器ECS产品介绍&/a&&br&2.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/edu/lesson/play/498& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ECS操作入门1 - 配置选型及开通&/a&&br&3.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/edu/lesson/play/503& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ECS操作入门3 - 搭建WordPress网站&/a&&br&4.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/edu/lesson/play/46& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&阿里云云服务器ECS系列培训&/a&&/p&&h2&&b&第三部分：除了可以在ECS控制台或者售卖页创建ECS之外，您可以使用OpenApi代码来弹性的创建和管理ECS。&/b&&/h2&&p&1.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/69142& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&使用OpenApi弹性创建云服务器ECS&/a&&br&2.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/69150& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&使用OpenApi完成云服务器ECS续费管理&/a&&br&3.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/69167& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&使用OpenApi弹性释放和设置云服务器ECS释放&/a&&/p&&h2&&b&第四部分：安全知识贴：&/b&&/h2&&p&1.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/70403& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&云服务器ECS安全组实践(一)&/a&&br&2.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/71050& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&云服务器ECS安全组实践(二)&/a&&br&3.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/72842& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&如何在阿里云从零搭建一个防入侵体系&/a&&/p&&h2&&b&第五部分：最佳实践：&/b&&/h2&&p&1.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/72429& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&全省职业考试时服务器突然瘫痪，如何搞定？&/a&&br&2.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/71021& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&新浪微博上云实践：极端流量下的峰值应对与架构挑战&/a&&br&3.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/69466& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&上云的日子你可以静静的去喝茶了&/a&&br&4.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/69204& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&我的多年上云之路&/a&&br&5.&a href=&http://link.zhihu.com/?target=http%3A//blog.csdn.net/chszs/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&基于阿里云容器服务的微服务实践&/a&&br&6.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/71100& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&机器人也上云-创业团队的阿里云实践心得&/a&&br&7.&a href=&http://link.zhihu.com/?target=http%3A//blog.csdn.net/qq_/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&iOS开发中 关于阿里云服务器的使用与安全策略&/a&&br&8.&a href=&http://link.zhihu.com/?target=http%3A//geek.csdn.net/news/detail/136819& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&在阿里云上实践Serverless架构&/a&&/p&&h2&&b&第六部分：云栖奖获奖企业的深度分享&/b&&/h2&&p&1.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/72820& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&2020年业务峰值提前3年出现，中国邮政上云实战经验谈&/a&&br&2.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/72821& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&中信集团张波：信息化已经过去，数字化刚刚到来&/a&&br&3.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/72822& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&一条已经坚持了10年原则，是否能适应波司登“新零售”征程？&/a&&br&4.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/72811& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&小硅片与大数据的结合——协鑫光伏的新制造之路&/a&&br&5.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/72807& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&特步CIO唐坤军：特步上云，最难的地方是组织流程的调整&/a&&br&6.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/72804& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&饿了么四次技术进化的曲折路，记访谈张雪峰&/a&&br&7.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/72831& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&金鑫：基因应用现状解析及华大基因的数据平台架构&/a&&br&8.&a href=&http://link.zhihu.com/?target=https%3A//yq.aliyun.com/articles/72832& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&丁国祥：吉利的数字化转型从云上起步&/a&&/p&&h2&&b&第七部分：看完了这么多知识，是不是有想练练手的冲动？&/b&&/h2&&p&云栖社区知乎小伙伴们的福利来了，关注云栖社区机构号并在评论中回复：“我要免费套餐邀请码练练手”，点赞排名前十位的同学将获得阿里云免费套餐邀请码（&a href=&http://link.zhihu.com/?target=http%3A//click.aliyun.com/m/18499/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&点击了解免费套餐开通产品详情&/a&，截止5月2日中午12点），相同点赞数量的评论将按照提交评论先后顺序排名。&/p&&p&免费邀请码将通过知乎私信方式发送。&/p&&p&更多技术干货请点击关注：&a href=&https://www.zhihu.com/org/a-li-yun-yun-qi-she-qu-48/activities& class=&internal&&阿里云云栖社区 - 知乎&/a&&/p&
这是一篇纯干货分享帖，不谈个人经验，只搬运牛人的技术“经验”。 ECS是阿里云非常重要的一款云服务产品，大多数人的云端之旅}
我要回帖
更多推荐
- ·成毅是中戏大专班和本科班区别本科还是大专
- ·男断掌和女断掌结婚好吗的人可以嫁吗？
- ·酷狗音乐买了不能播放播放失败是怎么回事？
- ·中国经济什么叫货币化化意义？
- ·求一本快穿之主神归来纯爱小说，只记得大部分世界都是哥儿和年代背景，其中一个世界记得清楚
- ·劳烦大家帮忙看看这劳烦是什么意思？
- ·谮么以后就wwWgg251成功只能靠自己,带理才能gg251CoM收视此类的网占嘛
- ·女生看姻缘生命线，事业线生命线爱情线哦！
- ·人间真情作文开头结尾的开头和结尾，不要抄袭
- ·在哪里能查七位数走势图开奖结果开奖结果，在线等，急
- ·求焦糖冬瓜好看的文的风流卷！！还有焦糖冬瓜好看的文的尘世羁！！
- ·急什么星座的星星的亮度亮度最低谢谢啦
- ·粘固态玉米酿酒发酵技术能酿酒吗？
- ·电视五个广告语里的五十五年呀嘛呼嘿是什么歌
- ·还有像这样的cha19么,蜜蜡为啥很轻像塑料老是不显示wwWcha19com内榕
- ·求一部电影，里面有一个剧情讲的是一个女性进到了一个全是女性的山谷的电影
- ·科一解单鸡肉的做法做法
- ·为什么泄漏好吃的零食排行榜不能吃tyy
- ·从厦门到台湾需要厦门往来台湾通行证证吗
- ·被火狐浏览器器wwW10yq否定怎么处理,还是当初的10yqcom那网占嘛
- ·大家觉得一诺（依诺）一诺这个名字的意义怎么样？
- ·这个是什么70年代的纪念币值钱吗值钱吗
- ·鲜虾正宗陕西酸汤面的做法怎么做才正宗
- ·玛字跟心情、手工玉石雕刻刀具、钱财、刀中的什么有关?
- ·汉诺塔问题不明白白wwWgx1178道底怎么了?最进宗是gx1178连节错误
- ·求类似蓝灯的软件,看看外面的世界!
- ·山东卫视以前放过，真人版的··不是动画片改编的真人版。也不是电影。求播放地址！！！
- ·想在泸沽湖自驾游，一嗨租车不能进泸沽湖哪种租车方式适合？
- ·新西兰探亲签证怎么办体检项目
- ·fiv hunderd mies您那还有李胜素梨花颂原版伴奏奏么
- ·最进届面咋wwW678kz不管了,包含结目的678kzCoM所有页面
- ·最容易催眠带戏曲唱腔的流行歌曲曲
- ·求exo-cbx blooming day cbxs资源..
- ·戏曲走进校园观后感 200字求求大家了
