亲，这是什么？百度一下，中腾信，发现这家公司挺靠谱的，有谁做过？_百度知道
亲，这是什么？百度一下，中腾信，发现这家公司挺靠谱的，有谁做过？
baidu.hiphotos://a.com/zhidao/wh%3D450%2C600/sign=/zhidao/wh%3D600%2C800/sign=cd7ed0a27b9c0c9bfbdf5a31/63d0fec68b098afd6ddb19.hiphotos.hiphotos.
想了解什么
你要做多少啊？
其他类似问题
为您推荐：
电机的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁被 &a data-hash=&ce818bf23f05445cfdf62f& href=&///people/ce818bf23f05445cfdf62f& class=&member_mention& data-editable=&true& data-title=&@周筠& data-tip=&p$b$ce818bf23f05445cfdf62f& data-hovercard=&p$b$ce818bf23f05445cfdf62f&&@周筠&/a& 老师艾特来了，小小地答一下。&br&个人理解，需要掌握以下一些技能点：&br&&ol&&li&面向对象程序设计（OOP），并会通过具体的编程语言（建议Java和C#二选一）实现。如果要入门，推荐网易云课堂北京大学唐大仕老师的《C#程序设计（上）》。《C#程序设计（下）》10月12日开始。不过这个课程比较基础，需要进阶的，可以学习北京理工大学 &a data-hash=&d127d540d194cf37387ebd4ea250ff6a& href=&///people/d127d540d194cf37387ebd4ea250ff6a& class=&member_mention& data-editable=&true& data-title=&@金旭亮& data-tip=&p$b$d127d540d194cf37387ebd4ea250ff6a& data-hovercard=&p$b$d127d540d194cf37387ebd4ea250ff6a&&@金旭亮&/a& 老师的《面向对象软件开发实践之基本技能训练》和《面向对象软件开发实践之专业技能训练》。不过真的有难度。Java的话可以考虑浙江大学 &a data-hash=&daaceadeeab6aee251c180ce79159bb8& href=&///people/daaceadeeab6aee251c180ce79159bb8& class=&member_mention& data-editable=&true& data-title=&@翁恺& data-tip=&p$t$daaceadeeab6aee251c180ce79159bb8& data-hovercard=&p$b$daaceadeeab6aee251c180ce79159bb8&&@翁恺&/a& 老师的《程序设计入门—Java语言》与《Java语言程序设计进阶》。当然，顺带掌握语言相对应的 IDE，如 Visual Studio 或者 MyEclipse。&br&&/li&&li&基本的数据结构与算法。可以看网易云课堂上浙江大学 陈越 老师 和 何钦铭 老师的《数据结构》。也可以看 学堂在线 上清华大学邓俊辉老师的《数据结构》。&/li&&li&数据库，至少掌握SQL以及一个主流的DBMS（MySQL，SQL Server，Oracle等）的使用，具体种类取决于你打算主要发展的技术路线，如你选择C#，那么可以考虑SQL Server。如果需要更进一步的提高，如如何设计较好的数据库，可以学习王珊《数据库系统概论（第5版）》中关于数据库设计规范（主要是范式）方面的章节。当然需要大量的范例做补充。可以多看看 &a href=&///?target=http%3A//toutiao.io& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&toutiao.io&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a& 或者 博客园 上的文章。&/li&&li&设计模式。学了这个你才能很大程度上加深对于OOP的理解。可以从《Head First设计模式》或者中南大学刘伟老师的几本设计模式书入门。具体请看我在另外一个问题下的回答：&a href=&/question//answer/& class=&internal&&初学软件设计模式应该读哪本书？ - 知乎用户的回答&/a&&/li&&li&软件工程。推荐 &a data-hash=&cdfb6dbb2a8e15e6a26f12669eee09e5& href=&///people/cdfb6dbb2a8e15e6a26f12669eee09e5& class=&member_mention& data-editable=&true& data-title=&@邹欣& data-tip=&p$b$cdfb6dbb2a8e15e6a26f12669eee09e5& data-hovercard=&p$b$cdfb6dbb2a8e15e6a26f12669eee09e5&&@邹欣&/a& 老师的《构建之法（第2版）》。也可以关注他的微博。还可以看 爱课程 上清华大学软件学院 @刘强 老师的《软件工程》课程。&/li&&li&软件测试技术。基本概念可以看同济大学软件学院 朱少民老师的《软件测试方法和技术（第3版）》，他在网易云课堂也有相应的课程。也可以上 Coursera 学习南京大学软件学院 陈振宇 老师的课程《软件测试》，不过有难度。现在也有不少公司开始注重单元测试，各种单元测试框架（如xUnit）学习起来都很简单，难点在于用例的设计，而用例的设计是建立在各种软件测试方法（等价类、边界值、判定表等）基础之上的。&/li&&li&一些软件工程方面的辅助工具，如版本管理工具 Git （经常和 GitHub 一起出现），推荐廖雪峰的教程，如果英语水平好也可以看这个：&a href=&///?target=http%3A///courses/mastering-github& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&/c&/span&&span class=&invisible&&ourses/mastering-github&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&，JIRA 等缺陷追踪系统等。&/li&&li&最好掌握 UML。可以学习 Coursera 上北京大学的《面向对象技术高级课程》，非常好。&/li&&li&最好掌握一门Web编程语言（&a href=&///?target=http%3A//ASP.NET/PHP& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&ASP.NET/PHP&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&），JavaScript和一个前端框架。这个资料就很多了。也可以看 金旭亮 老师的课。&/li&&li&Office三件套——Word、Excel和PowerPoint。看过不少准毕业生甚至工作了几年的毕业生做的文档和幻灯片，无论从低劣的审美上还是粗糙的格式上简直都让人无法直视。&/li&&/ol&
老师艾特来了，小小地答一下。个人理解，需要掌握以下一些技能点：面向对象程序设计（OOP），并会通过具体的编程语言（建议Java和C#二选一）实现。如果要入门，推荐网易云课堂北京大学唐大仕老师的《C#程序设计（上）》。《C#程序设计（下）》10月…
没人邀请，看到这个问题不错，路过怒答。（多图预警）&br&&br&前百度工程师，曾负责百度 &a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&前端集成解决方案&i class=&icon-external&&&/i&&/a& 的核心设计与开发工作。我现在称这个领域为【前端工程】。没错，这是我最爱唠叨的问题域。&br&&br&这是一个非常有趣的 &u&&b&非主流前端领域&/b&&/u&，这个领域要探索的是如何用工程手段解决前端开发和部署优化的综合问题，入行到现在一直在学习和实践中。&br&&br&在我的印象中，facebook是这个领域的鼻祖，有兴趣、有梯子的同学可以去看看facebook的页面源代码，体会一下什么叫工程化。&br&&br&接下来，我想从原理展开讲述，多图，较长，希望能有耐心看完。&br&&br&&br&---------------------------- 我是一条分割线 ----------------------------&br&&br&&img src=&/07c2bdef6ccef3ada425d61e3062dd09_b.jpg& data-rawwidth=&389& data-rawheight=&238& class=&content_image& width=&389&&&br&&br&让我们返璞归真，从原始的前端开发讲起。上图是一个“可爱”的index.html页面和它的样式文件a.css，用文本编辑器写代码，无需编译，本地预览，确认OK，丢到服务器，等待用户访问。前端就是这么简单，好好玩啊，门槛好低啊，分分钟学会有木有！&br&&br&&img src=&/d53b504bbc9f1887eddf06d_b.jpg& data-rawwidth=&400& data-rawheight=&98& class=&content_image& width=&400&&&br&&br&然后我们访问页面，看到效果，再查看一下网络请求，200！不错，太(TM)完美了！那么，研发完成。。。。了么？&br&&br&等等，这还没完呢！对于大公司来说，那些变态的访问量和性能指标，将会让前端一点也不“好玩”。&br&&br&看看那个a.css的请求吧，如果每次用户访问页面都要加载，是不是很影响性能，很浪费带宽啊，我们希望最好这样：&br&&br&&img src=&/6a8ca252211cec85a31ac4_b.jpg& data-rawwidth=&401& data-rawheight=&98& class=&content_image& width=&401&&&br&利用304，让浏览器使用本地缓存。但，这样也就够了吗？不成！304叫协商缓存，这玩意还是要和服务器通信一次，我们的优化级别是变态级，所以必须彻底灭掉这个请求，变成这样：&br&&br&&img src=&/fd74ab2bf02d79dd7aff180e_b.jpg& data-rawwidth=&400& data-rawheight=&98& class=&content_image& width=&400&&&br&强制浏览器使用本地缓存（cache-control/expires），不要和服务器通信。好了，请求方面的优化已经达到变态级别，那问题来了：你都不让浏览器发资源请求了，这缓存咋更新？&br&&br&很好，相信有人想到了办法：&b&&u&通过更新页面中引用的资源路径，让浏览器主动放弃缓存，加载新资源&/u&&/b&。好像这样：&br&&br&&img src=&/8ad1ade55f5_b.jpg& data-rawwidth=&304& data-rawheight=&110& class=&content_image& width=&304&&&br&下次上线，把链接地址改成新的版本，就更新资源了不是。OK，问题解决了么？！当然没有！大公司的变态又来了，思考这种情况：&br&&br&&img src=&/7dc885bf_b.jpg& data-rawwidth=&579& data-rawheight=&310& class=&origin_image zh-lightbox-thumb& width=&579& data-original=&/7dc885bf_r.jpg&&&br&页面引用了3个css，而某次上线只改了其中的a.css，如果所有链接都更新版本，就会导致b.css，c.css的缓存也失效，那岂不是又有浪费了？！&br&&br&重新开启变态模式，我们不难发现，要解决这种问题，必须让url的修改与文件内容关联，也就是说，只有文件内容变化，才会导致相应url的变更，从而实现文件级别的精确缓存控制。&br&&br&什么东西与文件内容相关呢？我们会很自然的联想到利用 &a href=&///?target=http%3A///view/.htm& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&数据摘要要算法&i class=&icon-external&&&/i&&/a& 对文件求摘要信息，摘要信息与文件内容一一对应，就有了一种可以精确到单个文件粒度的缓存控制依据了。好了，我们把url改成带摘要信息的：&br&&br&&img src=&/dbc1d_b.jpg& data-rawwidth=&588& data-rawheight=&310& class=&origin_image zh-lightbox-thumb& width=&588& data-original=&/dbc1d_r.jpg&&&br&这回再有文件修改，就只更新那个文件对应的url了，想到这里貌似很完美了。你觉得这就够了么？大公司告诉你：图样图森破！&br&&br&唉~~~~，让我喘口气&br&&br&现代互联网企业，为了进一步提升网站性能，会把静态资源和动态网页分集群部署，静态资源会被部署到CDN节点上，网页中引用的资源也会变成对应的部署路径：&br&&br&&img src=&/0866cb58bcfa06b162e0d91_b.jpg& data-rawwidth=&574& data-rawheight=&259& class=&origin_image zh-lightbox-thumb& width=&574& data-original=&/0866cb58bcfa06b162e0d91_r.jpg&&&br&好了，当我要更新静态资源的时候，同时也会更新html中的引用吧，就好像这样：&br&&br&&img src=&/16d6d6c32e52ef1d1a835fb2ed15f864_b.jpg& data-rawwidth=&574& data-rawheight=&456& class=&origin_image zh-lightbox-thumb& width=&574& data-original=&/16d6d6c32e52ef1d1a835fb2ed15f864_r.jpg&&&br&这次发布，同时改了页面结构和样式，也更新了静态资源对应的url地址，现在要发布代码上线，亲爱的前端研发同学，你来告诉我，咱们是先上线页面，还是先上线静态资源？&br&&ol&&li&&b&&u&先部署页面，再部署资源&/u&&/b&：在二者部署的时间间隔内，如果有用户访问页面，就会在新的页面结构中加载旧的资源，并且把这个旧版本的资源当做新版本缓存起来，其结果就是：用户访问到了一个样式错乱的页面，除非手动刷新，否则在资源缓存过期之前，页面会一直执行错误。&br&&/li&&li&&b&&u&先部署资源，再部署页面&/u&&/b&：在部署时间间隔之内，有旧版本资源本地缓存的用户访问网站，由于请求的页面是旧版本的，资源引用没有改变，浏览器将直接使用本地缓存，这种情况下页面展现正常；但没有本地缓存或者缓存过期的用户访问网站，就会出现旧版本页面加载新版本资源的情况，导致页面执行错误，但当页面完成部署，这部分用户再次访问页面又会恢复正常了。&/li&&/ol&好的，上面一坨分析想说的就是：先部署谁都不成！都会导致部署过程中发生页面错乱的问题。所以，访问量不大的项目，可以让研发同学苦逼一把，等到半夜偷偷上线，先上静态资源，再部署页面，看起来问题少一些。&br&&br&但是，大公司超变态，没有这样的“绝对低峰期”，只有“相对低峰期”。So，为了稳定的服务，还得继续追求极致啊！&br&&br&这个奇葩问题，起源于资源的 &u&&b&覆盖式发布&/b&&/u&，用 待发布资源 覆盖 已发布资源，就有这种问题。解决它也好办，就是实现 &u&&b&非覆盖式发布&/b&&/u&。&br&&br&&img src=&/9b3a9df114d14a14130a70abf5733837_b.jpg& data-rawwidth=&631& data-rawheight=&456& class=&origin_image zh-lightbox-thumb& width=&631& data-original=&/9b3a9df114d14a14130a70abf5733837_r.jpg&&&br&看上图，用文件的摘要信息来对资源文件进行重命名，把摘要信息放到资源文件发布路径中，这样，内容有修改的资源就变成了一个新的文件发布到线上，不会覆盖已有的资源文件。上线过程中，先全量部署静态资源，再灰度部署页面，整个问题就比较完美的解决了。&br&&br&所以，大公司的静态资源优化方案，基本上要实现这么几个东西：&br&&br&&blockquote&&ol&&li&配置超长时间的本地缓存
—— 节省带宽，提高性能&br&&/li&&li&采用内容摘要作为缓存更新依据
—— 精确的缓存控制&br&&/li&&li&静态资源CDN部署
—— 优化网络请求&br&&/li&&li&更资源发布路径实现非覆盖式发布
—— 平滑升级&br&&/li&&/ol&&/blockquote&&br&全套做下来，就是相对比较完整的静态资源缓存控制方案了，而且，还要注意的是，静态资源的缓存控制要求在&b&&u&前端所有静态资源加载的位置都要做这样的处理&/u&&/b&。是的，所有！什么js、css自不必说，还要包括js、css文件中引用的资源路径，由于涉及到摘要信息，引用资源的摘要信息也会引起引用文件本身的内容改变，从而形成级联的摘要变化，大概示意图就是：&br&&br&&img src=&/edf10bb428d39d721e1e_b.jpg& data-rawwidth=&709& data-rawheight=&371& class=&origin_image zh-lightbox-thumb& width=&709& data-original=&/edf10bb428d39d721e1e_r.jpg&&&br&好了，目前我们快速的学习了一下前端工程中关于静态资源缓存要面临的优化和部署问题，新的问题又来了：这(TM)让工程师怎么写码啊！！！&br&&br&要解释优化与工程的结合处理思路，又会扯出一堆有关模块化开发、资源加载、请求合并、前端框架等等的工程问题，以上只是开了个头，解决方案才是精髓，但要说的太多太多，有空再慢慢展开吧。或者大家可以去我的blog看其中的一些拆解：&a href=&///?target=https%3A///fouber/blog& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&fouber/blog · GitHub&i class=&icon-external&&&/i&&/a&&br&&br&&blockquote&总之，前端性能优化绝逼是一个工程问题！&br&&/blockquote&&br&以上不是我YY的，可以观察 百度 或者 facebook 的页面以及静态资源源代码，查看它们的资源引用路径处理，以及网络请中静态资源的缓存控制部分。再次赞叹facebook的前端工程建设水平，跪舔了。&br&&br&建议前端工程师多多关注前端工程领域，也许有人会觉得自己的产品很小，不用这么变态，但很有可能说不定某天你就需要做出这样的改变了。而且，如果我们能把事情做得更极致，为什么不去做呢？&br&&br&另外，也不要觉得这些是运维或者后端工程师要解决的问题。如果由其他角色来解决，&u&&b&大家总是把自己不关心的问题丢给别人&/b&&/u&，那么前端工程师的开发过程将受到极大的限制，这种情况甚至在某些大公司都不少见！&br&&br&妈妈，我再也不玩前端了。。。。5555&br&&br&&br&&br&========================[ 10.29更新 ]========================&br&这里更新一下：&br&&br&在评论中， &a data-hash=&4b1a0d3f97fddca9ed6fc820a7be261c& href=&///people/4b1a0d3f97fddca9ed6fc820a7be261c& class=&member_mention& data-editable=&true& data-title=&@陈钢& data-tip=&p$b$4b1a0d3f97fddca9ed6fc820a7be261c& data-hovercard=&p$b$4b1a0d3f97fddca9ed6fc820a7be261c&&@陈钢&/a&&a data-hash=&aed& href=&///people/aed& class=&member_mention& data-editable=&true& data-title=&@fleuria& data-tip=&p$b$aed& data-hovercard=&p$b$aed&&@fleuria&/a& @林翔 提到了rails，刚刚去看了一下，确实是完成了以上所说的优化细节，对整个静态资源的管理上的思考于本答案描述的一致。很遗憾我直到今天（）才了解到rails中的assets pipeline。这里向以上3位同学道歉，原谅我的无知。&br&&br&不过整篇回答没有讲解到具体的解决方案实现思路，只是介绍了前端在工程化方向的思考，答案本身是可用的，了解rails的人也可以把此答案当做是对rails中assets pipeline设计原理的分析。&br&&br&rails通过把静态资源变成erb模板文件，然后加入&%= asset_path 'image.png' %&，上线前预编译完成处理，不得不承认，fis的实现思路跟这个几乎完全一样，但我们当初确实不知道有rails的这套方案存在。&br&&br&相关资料：英文版：&a href=&///?target=http%3A//guides.rubyonrails.org/asset_pipeline.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&The Asset Pipeline&i class=&icon-external&&&/i&&/a&，中文版：&a href=&///?target=http%3A//guides.ruby-china.org/asset_pipeline.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Asset Pipeline&i class=&icon-external&&&/i&&/a&&br&========================[ 10.31更新 ]========================&br&用 &a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&F.I.S&i class=&icon-external&&&/i&&/a& 包装了一个小工具，完整实现整个回答所说的最佳部署方案，并提供了源码对照，可以感受一下项目源码和部署代码的对照。&br&源码项目：&a href=&///?target=https%3A///fouber/static-resource-digest-project& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&fouber/static-resource-digest-project · GitHub&i class=&icon-external&&&/i&&/a&&br&部署项目：&a href=&///?target=https%3A///fouber/static-resource-digest-project-release& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&fouber/static-resource-digest-project-release · GitHub&i class=&icon-external&&&/i&&/a&&br&部署项目可以理解为线上发布后的结果，可以在部署项目里查看所有资源引用的md5化处理。&br&&br&这个示例也可以用于和assets pipeline做比较。fis没有assets的目录规范约束，而且可以以独立工具的方式组合各种前端开发语言（coffee、less、sass/scss、stylus、markdown、jade、ejs、handlebars等等你能想到的），并与其他后端开发语言结合。&br&&br&assets pipeline的设计思想值得独立成工具用于前端工程，fis就当做这样的一个选择吧。
没人邀请，看到这个问题不错，路过怒答。（多图预警）前百度工程师，曾负责百度
的核心设计与开发工作。我现在称这个领域为【前端工程】。没错，这是我最爱唠叨的问题域。这是一个非常有趣的 非主流前端领域，这个领域要探索的是如何用工…
不请自邀。&br&&br&骚年，看到这个问题时，万千思绪在我的胸中翻涌，情不自禁想在此分享一些过往岁月，愿有些许帮助。&br&&br&许多年前，在我还是一个校园歌手时，每天过着活力四射无头无脑的生活，那时候我并不知道我未来要做什么，直到在一次海选被残酷淘汰之后。&br&&br&那时被我拉去陪同参赛的室友顺利晋级。这不是一个我逗逼他励志的故事，你要知道，他唱歌的时候连节奏都踩不准啊！你能想象伴奏和声还在「紧紧相依的心」时他就「say goodbye」的怪异感觉吧？可，最终被淘汰的那个人是我，我想了很久，也许是因为紧张副歌唱了一半我就直接跳到了结尾的原因吧，在大家都以为要高潮时我却说出了「谢谢」。&br&&br&「拜托 我想是你的脑袋有问题」&br&&br&我记得当时选的歌是黑色幽默，这是我想对我自己说的话。&br&&br&痛定思痛，我知道乐坛这条荆棘路并不适合我，因为我气息不稳，唱歌又老忘词，你大概能想象这两个致命伤出现在舞台上时是多么尴尬，尤其是忘词，连观众都尴尬。同时，我也开始思考未来，几年之后我就毕业了，不再有生活费，不再有奖学金，一想到可能连网费都交不起，我就倒吸一口凉气。&br&&br&我必须要有谋生之计。&br&&br&于是我一头栽进了图书馆四楼自动化技术、计算机技术专区。当时我面临一个人生抉择，大二要选方向，我读的是网络工程，最初选择这个专业是因为我天真地以为网络工程和上网有关，可没想到本专业的职业方向竟然是网管，虽然我年轻时也曾梦想过当网管，每天免费打游戏，收钱加时，喝汽水，吃铁板炒饭，不过网吧网管和布线配路由的网管毕竟还是有很大的差别。总之，网管之路被我毙掉了，接下来要决定选 Java 还是 C#，由于我是微软的脑残粉（因为比尔盖茨是世界首富），在读了很多同样是微软&del&脑残&/del&粉的文章后（比如老赵），我热血澎湃，觉得 C# 就是未来，C# 就是简单，C/C++ 都去死，我才不要 20 年精通 C/C++，我要 90 天月薪过万！&br&&br&于是，我的书桌上堆满了 《C# 基础教程》《C# 揭秘》《CLR via C#》之类的书，电脑里安装了 Visual Studio 之类的盗版软件，每天都在重构着诸如批量修改文件名这样的程序，在拖控件中燃烧着我的青春。终于有一天，我的导师对我说「你来我这做项目吧」。&br&&br&好激动！&br&&br&没有空调的南方盛夏，青春特别容易烧焦，在光着上半身（及下半身）写了一整个暑假 CRUD 后，我领到了人生中作为程序猿的第一笔工资，八百块。&br&&br&不，这不是我想要的，CRUD 不是我想要的，拖控件不是我想要的，八百块更不是我想要的。我又迟疑了，不过这时的我已经聪明了许多，我要像学长们看齐，像进入 BAT 的学长们看齐，他们是英雄。于是我开始在各大厂的招聘广告中翱翔，C/C++、Linux、Java、分布式计算、PHP、自然语言处理…操，没有 C#！&br&&br&看来不得不转型了。瞅了一圈后，我发现前端开发似乎有搞头——因为它看起来比较简单，能速成，能 90 天月薪过万！我的青春又燃烧了起来。&br&&br&于是，我的书桌上堆满了《锋利的 jQuery》《精通CSS+DIV网页样式与布局》《JavaScript 搞基程序设计》之类的书，电脑里安装了 PhotoShop、Dreamweaver 之类的盗版软件，每天都在 alert 弹框中燃烧着。终于有一天，我拿到了 BAT 的实习 offer。&br&&br&好兴奋！&br&&br&jQuery 锋利锋利最锋利！冷静下来后我明白，这倒并不是因为我前端有多好，因为我的实习导师对我讲「你的笔试题答的很好，要不要考虑来做 C/C++」。我呸！老子才不要做 C++，老子要成为前端大牛！于是我默默在我的「未来三年目标计划」中添上了一句&br&&br&「成为优秀的前端工程师」。&br&&br&很幸运的，毕业后，我找到了一份前端的正式工作，我明白，这倒不是因为我前端达到了正式工作的水平，很可能是因为公司太缺前端了，渣画质如我也能撸一发。为了成为一名优秀工程师梦想，在工作岗位我也继续燃烧着。终于有一天，我的 leader 对我说「这个人你去面一下吧」&br&&br&什么！&br&&br&我竟然也能当面试官了？这可是官啊，轻则决定一个人月薪能不能过万，重则可以影响他的一生啊。我仔细读了他的简历。&br&&br&「期望月薪：15K」&br&&br&嗯，看起来好像很厉害的样子，比我工资高多了，我的月薪还未过万呐。我认真准备了几个问题，准备和他决一死战。&br&&br&什么？事件委托不懂？SPA 框架不会？不知道什么叫链式调用？没读过任何标准？原型继承是个毛？性能调优一条都说不上来？&br&&br&「再见，请耐心等候我们的通知」&br&&br&我面色潮红，说出这充盈着快感的结语。&br&&br&三年过去了，我又学了很多很多东西，前端的后端的产品的设计的市场的，虽然时至今日，我的一百多项三年大计就只有「多逛知乎，养成习惯」这一条成为的现实，离「优秀的工程师」似乎也是越来越远了，几乎每天都有新的技术出现，但是你的欲望促使着你学更多做更多。&br&&br&那么题主的问题来了，学前端究竟哪家强，哦不，究竟需要达到什么水平才能去工作？&br&&br&我想起我一个黑客朋友，他因为厌倦了戎马征战的国家队生活，跟着我混了几个月，创业失败之后告诉我说，要转前端。&br&&br&于是他就转前端了。&br&&br&我深受启发。这个世界工作有太多，去猪八戒帮人切个图是工作，去 BAT 写页面是工作，搞一个开源项目让程序猿们都来跪舔也是工作。所以，我的答案很简单，其实没什么所谓的基本招人下限，每个公司的下限都不一样。你要做的，不是刷新公司的下限，而是突破你自己的上限。不管是前端还是什么，先学着吧，燃烧个 90 天，你的雇主自然会告诉你月薪能不能过万。&br&&br&&br&而我，下一步是进军娱乐圈
不请自邀。骚年，看到这个问题时，万千思绪在我的胸中翻涌，情不自禁想在此分享一些过往岁月，愿有些许帮助。许多年前，在我还是一个校园歌手时，每天过着活力四射无头无脑的生活，那时候我并不知道我未来要做什么，直到在一次海选被残酷淘汰之后。那时被我…
如果姑娘不介意，来，把手伸过来，让叔手把手一对一教你，另外，把头靠过来一点，这样方便我跟你讲话，最好再近一点嗯嗯，这样学习前端才最靠谱，哈，开个玩笑。&br&培训靠不靠谱我不知道，对于我这种智商拙计的人来说，看书自学是挺靠谱的，毕竟智商低老师讲课我听不懂嘛，复习的时候不能倒带，让老师反反复复在讲台上单曲循环，也不能把老师绑在身边，让我能够在做练习的时候碰到不懂东西可以随时提问。 前面有许多人都分享了各种学习资源，不过貌似就是没人分享书单，那么我来给大家分享下我的自学前端所用的书单吧。看书又累又慢？谁让我拙呢，只能靠勤来补了，不然还能怎样呢。这些书效果非常不错，20个月前，我还是一个 local 广告公司的苦逼 copy ，现在是一个能够独当一面的前端工程尸了呢，收入也翻了许多倍呢，mac这种高大上的从前想都不敢想的东西，现在可以天天摸了有木有。下面的时间是我当时学习的时候的所用的时间，每天大约学习 3~4 个小时这样吧，每周大约会偷懒 1~2 天，OK 进入正题。&br&&br&第一步：入门 html & css ，用时 2 周&br&&a href=&///?target=http%3A///subject//& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Head First HTML与CSS（第2版） (豆瓣)&i class=&icon-external&&&/i&&/a&&br&head first 系列的书一直很受初学者欢迎，语言诙谐，图片丰富，行大字稀，这本 700 多页的书 2 周左右就能看完。此书的用法非常简单，只需打开代码编辑器跟着作者的思路敲下去就可以了，一个个小案例从自己手上被敲出来，还真的很有成就感呢，因为是写给初学者的书，它假设读者没有任何相关的背景知识，新碰到的知识点，会用各种各样的图片说明一遍，生怕读者不懂。这本书学完，只要不是太复杂的页面，基本上能够临摹出一套长相上差不多的了吧。&br&&br&第二步： 入门 javascript ，用时 3 周&br&&a href=&///?target=http%3A///subject/6038371/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JavaScript DOM编程艺术 （第2版） (豆瓣)&i class=&icon-external&&&/i&&/a&&br&这本书很薄， 280 多页，一开始看的时候，其实我是拒绝的，因为当时我的编程基础只有能够用 c 写出让别人输入两个整数然后打印出这两个数相加结果这种程序的水平。然而即便如此，这本书依然能够让我看得懂。此书前言的第一句就说了，“它不是专门写给程序员的，而主要是写给 Web 设计师的。具体的说，本书是为那些喜欢使用 CSS 和 HTML 并愿意遵守编程规范的 Web 设计师们编写的。”好吧，虽然也不是写给我这种初学的傻子的，但反正只要它不是写给程序员的就好，因为当时我不是程序员啊，当然我也不是设计师，但我会写一丁丁 HTML 和 CSS ，这就够了。这本书跟上本书一样，新碰到的知识点，会专门用案例介绍一番，让人在不带着太多疑问包袱的情况下跟着作者的思路走，用法也跟上一本书一样，跟着作者的思路用编辑器一路敲下去，然后你会发现，自己能够给网页加特技了，duang~duang~ 棒棒的。&br&&br&第三步：入门 jQuery，用时 3~4 周&br&&a href=&///?target=http%3A///subject//& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&锋利的jQuery (豆瓣)&i class=&icon-external&&&/i&&/a&&br&这本书只需要看 1-9 章就够了，也就是 290 页左右的内容。看完 《JavaScript DOM 编程艺术》 可能会觉得里面的程序很繁琐，想要达到一些目的经常需要拐来拐去的。那么 jQuery 会解决这种繁琐，做到它所标榜的 write less, do more ， 也因此 jQuery 成为了几乎所有前端工程师必须要掌握的一个工具。这本书的内容有些啰嗦和跳跃，后面几章甚至还有错误，不过有上一本书的作为基础，配合搜索引擎是能够解决看着本书时碰到的绝大部分疑问的。打开编辑器跟着作者的思路把书上的例子都敲出来跑一遍，另外把最后的案例吃透。 jQuery 就算是入门了。&br&&br&最重要的一步：复习巩固，用时 6~12 周&br&OK 至此， 入门学习已经完成，接下来是复习巩固，这才是学习的真谛。这一步，不能省略，不能省略，不能省略，重要的事情说三遍，否则会像一个学习了各种格斗技巧，但却廋得皮包骨连站稳都吃力的人一样毫无战斗力。此时可以用之前所学配合着搜索引擎模仿一些自己认为觉得好看的页面，学习使用一些第三方插件，大量模仿。无他，唯手熟尔。&br&这里列出一些在这个阶段有可能会用到的工具书和一些网络资源，希望能有所帮助。&br&工具书：&br&&a href=&///?target=http%3A///subject//& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JavaScript高级程序设计（第3版） (豆瓣)&i class=&icon-external&&&/i&&/a&&br&一本全面介绍原生 JavaScript 编程的书籍，从基础内容到高级内容都有，任何阶段的前端工程师都能从中学到知识。&br&&a href=&///?target=http%3A///subject/4736167/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&精通CSS（第2版） (豆瓣)&i class=&icon-external&&&/i&&/a&&br&一本介绍 CSS 的书，把一些有用的 CSS 技巧汇集起来，供人学习，但可惜年代久远，不过依然有参考价值。&br&网络资源：&br&&a href=&///?target=http%3A///home.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&阮一峰的个人网站&i class=&icon-external&&&/i&&/a&&br&这里会用一些通俗的语言介绍许多 js 编程中重要的中高级问题和技巧。&br&&a href=&///?target=http%3A///rubylouvre/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&司徒正美 - 博客园&i class=&icon-external&&&/i&&/a&&br&功能同上。但这里有个副作用，就是总时不时会听到一种叫做 Avalon 的玩意儿，但这不是现阶段需要深究的东西，目前只用知道 Avalon 是英格兰神话中拔出石中剑的亚瑟王战败后去的仙境就可以了。&br&&a href=&///?target=http%3A//.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&w3school 在线教程&i class=&icon-external&&&/i&&/a&&br&资源丰富的文档，碰到不懂的不管是 HTML CSS JavaScript 方面的内容都能够来看看。&br&&a href=&///?target=http%3A///wordpress/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&张鑫旭-鑫空间&i class=&icon-external&&&/i&&/a&&br&博主是一个把 CSS 研究得出神入化的男人，可以从他的博客里学到许多 CSS 相关的知识和技巧。&br&&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Bootstrap中文网&i class=&icon-external&&&/i&&/a&&br&Bootstrap 是套优秀的 UI 组件库，其中的精华是它 css 代码，使用它你会发觉以前各种卡手布局的问题可以很快解决，并且不用自己写太多 CSS 代码就能弄出美如画（至少不丑）的页面。使用它，并且学习它的 less 代码的组织和设计，可以从中学会许多 css 架构的知识，棒棒的~&br&&blockquote&p.s less 是一种跟 CSS 很像，兼容 CSS 并且可以编译为 CSS 的样式语言&/blockquote&&br&前面的步骤都完成了以后，恭喜入门，可以尝试去找一些相关的工作了，同时也再也不用担心被知呼上这位严重智商拙计的怪叔叔骚扰了。 在往后的路中可能会碰到许多奇奇怪怪的概念，比如 workflow ， mvc ，
mmvc ， flux ，SPA 等类似的不是出自人类语言中的名词，就说明可以开始提高了：）
如果姑娘不介意，来，把手伸过来，让叔手把手一对一教你，另外，把头靠过来一点，这样方便我跟你讲话，最好再近一点嗯嗯，这样学习前端才最靠谱，哈，开个玩笑。培训靠不靠谱我不知道，对于我这种智商拙计的人来说，看书自学是挺靠谱的，毕竟智商低老师讲课…
抛砖引玉，大神后面补充。&br&下面是我大致整理的前端知识图谱（底部logo是自己开的培训班，请直接忽略）&br&&img src=&/c7bcca4badb_b.png& data-rawwidth=&883& data-rawheight=&723& class=&origin_image zh-lightbox-thumb& width=&883& data-original=&/c7bcca4badb_r.png&&&br&这里有我收集的一些前端面试题，可以给大家做个参考，后续还不断补充中&a href=&///?target=http%3A///%3Fqa%3Dtag/%25E9%259D%25A2%25E8%25AF%2595& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&/?&/span&&span class=&invisible&&qa=tag/%E9%9D%A2%E8%AF%95&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&这些是公开的前端课件资料，可可以参考&br&&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&课件/项目&i class=&icon-external&&&/i&&/a&&br&&br&上图中包括了前端技能的大部分基础＋进阶知识，面试官可以以此为参考细化出题目。面试者也可以以此为基础查缺补漏。对于面试官，给出点建议：1）给不同的面试者设定不同的参考标准。如果是应届毕业生或者面试的是比较初级的职位，则考点倾向于基础知识、基本常识、发展潜力、沟通能力。如果面试职务是资深或者高级职务，则结合工作经历、项目经历、知识面、大局观、领导力等方面进行评估。 切忌拿一个标准去对待所有面试者。2）不要拿自己日常中遇到的稀奇古怪的问题自以为很高级的东西刁难面试者。这种问题不能反映出面试者的真实水平，相信他也能讲几个你从来没碰到过的东西。面试的目的是过滤出能干活、可调教、聪明的同伴，重在考察基本技能的掌握以及是否有快速学习能力、思考能力等。3）尊重你的面试者，即使他能力真的很难达到要求。最好能时刻保持微笑，表现出自己的涵养。
抛砖引玉，大神后面补充。下面是我大致整理的前端知识图谱（底部logo是自己开的培训班，请直接忽略）这里有我收集的一些前端面试题，可以给大家做个参考，后续还不断补充中这些是公开的前端课件资料，可可以参考上图中包括了…
从你的描述来看，你只是为了学前端而学，而不是热爱。正确的学习过程应该是：&br&&br&1. 我想做一个个人网站，或者给我们团队或者小组做一些介绍页面。怎么做？搜索发现要学习：&b&HTML、CSS&/b&。&br&2. 发现一个网站设计的好漂亮，交互真赞，动画效果真好。我想在我自己网站上也放上，可是我看不懂它的代码？搜索发现要学习：&b&交互视觉、CSS3 动画&/b&等。&br&3. 他们网站上都有那种点击弹出浮层的功能，还有一些其他的更复杂的交互效果。怎么实现的？学习 &b&JavaScript&/b&。&br&4. 有小学同学说我的个人网站错位了，问了下他用的是 IE7 访问的，怎么办？搜索了解一些&b&浏览器兼容性问题（不是很必要）、学习使用 jQuery&/b&。&br&5. 我想在微信朋友圈分享一下我的网站，结果缩放的好小，而且有错位。怎么解决这个问题？搜索发现要学习 &b&响应式相关&/b&。&br&6. 分享了之后，发现打开速度好慢啊，要等十几秒才能打开。怎么办？学一下前端性能优化相关。&br&7. 网站交互功能和效果越来越多，写的 JS 和 CSS 代码越来越多，感觉写起来好慢，出了 bug 很难定位问题。怎么办？搜索发现要学习：&b&Emmet、Less、SCSS 等辅助工具&/b&用法，JS 模块化 &b&require.js、sea.js 以及对应的 AMD、CMD 以及 CommonJS 模块化规范&/b&等。&br&8. JS 更复杂了，而且要与其他同学合作开发。发现需要学习一些前端框架来提高开发效率，比如 &b&React、Angular、Vue&/b&，此外还需要一些打包构建工具，将 JS 编译之后发布使用。需要学习 &b&Webpack、Grunt、Gulp 等工具用法&/b&。&br&9. 网页和应用是开发好了，可是是静态的，没法有数据更新，怎么办？学习前后端数据沟通，&b&Ajax 请求、JSON 数据格式、Fetch API&/b&。当然由此延伸，最好还要&b&了解 PHP、Java Velocity、Nodejs 这些后端的知识&/b&，还要对 &b&HTTP 的一些状态码、请求类型&/b&等有所了解。&br&10. 应用部署到哪里？搜索了解：虚拟主机、域名注册、VPS、云主机、Paas、Laas、DNS 解析、在中国做网站要备案但是服务器放在国外就不需要等等。&br&11. 每次新创建应用，在我的服务器上都要配置一遍 PHP 环境、Nodejs 环境，有的应用对 PHP 版本要求还不同，怎么办？搜索了解虚拟化技术，Docker 帮你极好的解决这个问题。&br&12. 每次发布还要自己手动上传代码到服务器，而且要自己在本地打包、运行单元测试，好麻烦啊。搜索发现可以自己搭建一套持续集成系统，用 git push 代码，自动触发构建，运行单元测试，成功后自动 build 然后给你上传到服务器上面。你只需要写代码就可以了。推荐：&b&gogs + drone + docker&/b&。&br&&br&。。。。。。后面还有很多可以玩的&br&&br&曾经有个人私信问我前端入门要多久？要怎么入门？我跟他简单说了一些，然后说如果没有基础，至少要一年的不断学习、挖掘问题、解决总结、做项目锻炼才可以入门。他说：呵呵，我觉得只要三个月就行吧，我还要找工作。如果题主也是这种心态，我建议。。。
从你的描述来看，你只是为了学前端而学，而不是热爱。正确的学习过程应该是：1. 我想做一个个人网站，或者给我们团队或者小组做一些介绍页面。怎么做？搜索发现要学习：HTML、CSS。2. 发现一个网站设计的好漂亮，交互真赞，动画效果真好。我想在我自己网站…
几年前，还是痴迷java的那会儿，我也曾纠结于前端框架的选择。试图找出一套一劳永逸的前端框架继承到项目架构中。搜遍全网得出以下结论：&br&&br&&b&各大前端框架可以按照“封装度”的标准来区分。&/b&&br&&br&设计刚出的一套网页皮肤，封装度为0。层层封装到可以直接用后台语言写页面，封装度为10。那么我是这样来区分前端框架的。&br&&br&&b&&i&1级——纯html+css&/i&&/b&&br&放5年前，基本就是用Dreamweaver刚排出来的页面或者网页查看源代码扒下来的皮肤。不涉及到js，就是纯页面皮肤。&br&--------------------------------&br&&b&&i&2级—— bootstrap系列&/i&&/b&&br&bootstrap的出现是一个里程碑事件。发源于twitter，引入了不少html5/css3的特性。由于它对响应式的支持以及良好的体验，给人一种耳目一新的感觉。其源码，不管是css还是js都值得学习一下，看后经常会有“原来还可以这样做”这种恍然大悟的感觉。不过归根结底是一套ui皮肤+少量js组成的框架，属于封装度偏低的框架。经典页面大概是这样：&br&&img src=&/e74fd323fad008bcea24_b.png& data-rawwidth=&1021& data-rawheight=&840& class=&origin_image zh-lightbox-thumb& width=&1021& data-original=&/e74fd323fad008bcea24_r.png&&&br&--------------------------------&br&&b&&i&3~4级—— metronic/adminLTE系列&/i&&/b&&br&基于bootstrap或者其他1级框架，然后集成了各种jQuery插件、富文本编辑器等js库，组成的一个大杂烩工具包和案例库。皮肤基本是基于bootstrap自定义的一套主题。案例比较详尽，开发的时候找到需要的组件把前端代码复制粘贴，再稍微调试一下就能达到良好的视觉效果。根据集成的第三方库的多少，基本可以划分到3~4级封装度这样的范围。这个级别的框架的代码更多的是属于粘合剂，将各种不同的第三方库的前端代码粘合起来。经典页面大概是这样：&br&&img src=&/4ebc1ffe8fc2_b.jpg& data-rawwidth=&502& data-rawheight=&471& class=&origin_image zh-lightbox-thumb& width=&502& data-original=&/4ebc1ffe8fc2_r.jpg&&&br&--------------------------------&br&&b&&i&5级—— jQuery-ui&/i&&/b&&br&这里要单独把jQuery-ui拿出来讲，并不是因为它的封装度有多高，而是我认为它是一个分界点。jQuery以下级别的框架，代码以css为主，自身的js代码少，框架量级更轻，更灵活，更适合互联网web产品。jQuery以上级别的框架，属于前端的重度封装，通过框架暴露的接口进行开发，开发人员甚至不需要太多前端知识，只需要详细查看框架的开发文档即可。jQuery以上级别的框架更适合传统管理软件的开发。&br&--------------------------------&br&&b&&i&6~7级—— easy-ui/DWZ&/i&&/b&&br&easy-ui基于jQuery-ui，不过具有更丰富的组件库。貌似商业版收费很高。听说某大型国企花了大价钱购买下来使用。DWZ是国产框架中我认为综合表现还不错的，完全免费，有问题可以在他们的QQ群里提。其余的之前还用过金蝶的operamasks-ui，不过现在好像已经不更新了。这一类级别的框架还有一个另外的称呼——“富客户端框架”，意思就是重度js框架。使用起来开发效率很高，当年也是一度百花齐放，框架辈出。经典页面大概是这样：&br&&img src=&/cd589c8d0d7_b.png& data-rawwidth=&709& data-rawheight=&261& class=&origin_image zh-lightbox-thumb& width=&709& data-original=&/cd589c8d0d7_r.png&&--------------------------------&br&&b&&i&8级—— extjs系列&/i&&/b&&br&extjs属于前端框架领域中的庞然大物，封装程度很高，具有自成体系的元素选择引擎和浏览器兼容方案，js写法上也有自己的方式。组件很多很全。只看extjs的官方文档和示例几乎不必学习任何其他的前端知识就可以做出“很漂亮”的前端页面。当然页面很容易“撞衫”。使用时间长了，会对其产生严重依赖，离开extjs，几乎不会写前端页面了。经典页面大概是这样：&br&&img src=&/aec387db3f85bb45e166f9de63f8bd0b_b.png& data-rawwidth=&1439& data-rawheight=&789& class=&origin_image zh-lightbox-thumb& width=&1439& data-original=&/aec387db3f85bb45e166f9de63f8bd0b_r.png&&&br&--------------------------------&br&&b&&i&9级——vaadin/GWT&/i&&/b&&br&最后一级，也是封装度最高的一级，也就是所谓的使用后台语言写前端。如果说之前的八级至少前端和后端还是相对分离的，后台程序在java中写，前台程序在html或者js中写；那么这一级别的框架简直会颠覆你的认知！只需在后台使用java写好了类和对象，并设置好相关的属性，网页的元素是自动通过后台对象生成的。这当然有好处，妈妈再也不用担心我不会写js和css了。然而就学一下html/css/js真的那么难吗？个人认为，尽管GWT有google的这么强悍的背书，但是这种9级封装的本质上把前后台耦合得更紧密。一个人做一个项目还可以考虑，但是一个团队前后台分离、模块化开发的时候，使用这种框架是一种灾难！所以我是极度不建议使用9级封装框架的。&br&--------------------------------&br&&br&综上，针对不同的编程方式，给出以下参考：&br&&br&1
DOP（Deadline Oriented Program，面向截止日期编程）的程序猿们有两种选择：a、努力学习html/css/js，使用2~3级框架；b、看不上前端代码的，6~8级是不错的选择。对于业务优先、老板整天嚷嚷时间有多紧、客户有多急切的项目，你可以直接选b了，我觉得老板是不会给你时间学习html/css/js的。&br&&br&2
EOP（Experience Oriented Program，面向用户体验编程）的程序猿们，大多数做的是追求极致用户体验的互联网产品吧。那果断选1级封装度的框架，可适当借鉴2~4级的框架。&br&&br&3
MOP（Money Oriented Program，面向人民币编程）对于一直做后台，趁过年放假想赚个外快的程序猿们，我知道你们也不想在前端领域有多大发展，搞好后台就足够一辈子衣食无忧了，所以还是选择6~8级吧。&br&&br&此外，需要考虑搜索引擎优化的项目，慎用富客户端或者重ajax应用。&br&&br&什么？你还需要考虑ie6的兼容性？出门左转有一面墙，你可以撞上去了，不送！&br&&br&最后告诉大家，这些都是几年前我为了治疗自己的选择恐惧症而进行的一些分析。&br&&br&现在，答主我已经不再纠结各种前端框架了。因为心中有剑，枝叶、落花皆可为剑。&br&&br&----------------------------------------&br&有朋友提到backbonejs/angularjs/reactjs/vuejs这些新兴框架，感觉很有必要补充完善一下这个答案。&br&&br&大约五六年前，前端还是一个边缘岗位，前端的工作中：css方面的由设计师用dreamveaver等工具顺带就做了；js方面的由后台程序员写写实现了效果就行了。&br&&br&究其原因，主要还是由于当时在html5尚未大面积支持的情况下，浏览器网页端的表现力有限。为增强表现力甚至还需要依靠flash的支持。近几年随着移动端的兴起以及html5/css3等技术的推广，web端表现力日渐丰富，也越来越复杂。&br&&br&计算机这门学科就是这样，&b&当一件事物复杂到一定程度就一定有人抽象出各种框架来提高可维护性与可扩展性。&/b&&br&&br&&br&传输复杂了，有了osi 7层和5层框架；服务器集群复杂了，有了云计算各种框架；乃至销售问题复杂了，也有人总结出《销售技巧xx招》…这种抽象也是人类的一种基本思维方式。&br&&br&前端岗位正是在网页前端复杂性逐渐增加的推动下产生的。说实话，很多老程序员以前是是看不上前端行业的，认为无非是一些奇巧淫技而已。而现在，以javascript为基础的前端技术已经成功逆袭，nodejs的发展更是让js有了扬眉吐气的一天。&br&&br&现在回过头来看backbonejs/angularjs/reactjs/vuejs系列框架，它们其实并不是给后台程序员准备的框架。不要轻信它们官网上的提到的“简单易用快速上手”之类的宣传语，那不是跟后台程序员和js初学者说的。如果你对js原型链、作用域、异步回调的概念还很模糊，用了这些框架只会让自己陷入泥潭难以自拔！&br&&br&&br&虽然你也可以将这些框架简单粗暴得划分到7级封装度左右，但是我并不认为这些“深度前端”框架适合后台开发者。&br&&br&&br&当然啦，事无绝对，如果你像我一样兴趣广泛，喜欢折腾，前后端双修，那你自然清楚该选什么前端框架，也就不会到知乎上来问这个问题了。&br&&br&&br&这就是现在的我，有了一定的前端功力，开源社区的森林里那么多丰富的资源，枝叶、落花都是利刃，也无需在框架上纠结了。
几年前，还是痴迷java的那会儿，我也曾纠结于前端框架的选择。试图找出一套一劳永逸的前端框架继承到项目架构中。搜遍全网得出以下结论：各大前端框架可以按照“封装度”的标准来区分。设计刚出的一套网页皮肤，封装度为0。层层封装到可以直接用后台语言写…
=================================&br&先放上自己的github： &a href=&/?target=https%3A///eisneim& class=&internal&&eisneim (Eisneim Terry) · GitHub&/a& 博客：
&br&&br&作为程序员和新融入新环境或者认识新朋友时总是会被外行人脑中对程序员的固有形象给『被代表』『被归类』，非常不爽。&br&&br&码农作为自己自嘲的称号，时刻提醒这个我自己，the New Digital Era等待着我们这样的人去开拓去辛勤地耕作, 我们自称码农，码畜，屌丝，你还真以为我们就是屌丝了？不过题主来知乎问了，也说明这些自嘲和外行人对程序员的固有印象，打击了年轻人成为程序员的信心。。。&br&&br&&b&希望题主对自己的专业有信心，对自己的未来成为程序员有信心，你不会因为编程而变得萎靡&/b&&br&&b&还有就是专业课学的很多东西只是基础，必须利用空余时间多自学软件工程的设计模式和实用的语言、工具、框架并动手写小项目，不然只学老师教的出了校门任然只是小白&br&&/b&&br&&b&也希望能改变非IT行业从业者对程序员的固有形象&/b&&br&&b&============ 悄悄放上我的程序员搭档，程序员中的吴尊！&/b&&br&&img data-rawheight=&2458& data-rawwidth=&3686& src=&/1da108c4f884c4cee35c6f2_b.jpeg& class=&origin_image zh-lightbox-thumb& width=&3686& data-original=&/1da108c4f884c4cee35c6f2_r.jpeg&&&br&&br&&img data-rawheight=&1448& data-rawwidth=&2172& src=&/c1b5db147c9f1e933e04ab8e390a235a_b.jpeg& class=&origin_image zh-lightbox-thumb& width=&2172& data-original=&/c1b5db147c9f1e933e04ab8e390a235a_r.jpeg&&&br&&br&&br&程序员同事+肌友&br&&img data-rawheight=&3264& data-rawwidth=&2448& src=&/d391ce42bef72e1c94bc9b15e313d401_b.jpeg& class=&origin_image zh-lightbox-thumb& width=&2448& data-original=&/d391ce42bef72e1c94bc9b15e313d401_r.jpeg&&&br&&br&&br&&img data-rawheight=&3048& data-rawwidth=&5408& src=&/f_b.jpeg& class=&origin_image zh-lightbox-thumb& width=&5408& data-original=&/f_r.jpeg&&
=================================先放上自己的github：
博客： 作为程序员和新融入新环境或者认识新朋友时总是会被外行人脑中对程序员的固有形象给『被代表』『被归类』，非常不爽。码农作为自己自嘲的称号，…
因为回答了问题：&a class=&internal& href=&/question//answer/&&你是如何转行的？转行容易吗？ &/a&&br&并且讲述了我自学软件开发的经历：&a class=&internal& href=&/question/&&《折腾》三卷：孕育 （初稿）&/a&&br&所以有一些同学就私信/QQ问我相关的问题，问多了答多了，其实问题就那么几个，翻来覆去的回答好像太无聊了点。所以总结并自问自答如下：&br&&br&1、该不该转行？&br&我自己都迷茫着呢！所以只能给个很不靠谱的答案：&a class=&internal& href=&/question//answer/&&觉得自己不喜欢现在的工作，所以过得不开心，怎么办？&/a&&br&&br&2、IT是个挺大的范畴，究竟是怎么分类的？&br&Good Question. 能问这个说明还真是用了点心思，做了点功课的。我大致的非常粗糙的回答一下：&br&首先，IT分硬件和软件。硬件就是看得见摸得着的这些东西，一般都是工厂生产出来的，比如电脑、路由器、打印机之类的，估计绝大部分同学所说的IT不是这个东西。同学们一般说的IT，其实是指的软件开发，也就是写程序/代码、编程、做程序员。&br&然后，软件开发又分了两类（我自己分的，不严谨，大家只要领会其精神就可以了）：&br&&ul&&li&计算机基础科学：是具有科学研究性质的、底层的、不是解决某个具体需求。按说学了就应该是人工智能，开发芯片、操作系统，发明计算机语言之类。（听着就高大上，是吧？一般人干不了）&/li&&li&软件工程：利用已有的语言、框架等开发面向最终用户的软件系统，比如开发一个网站、做一个APP之类的。（目前我们绝大多数人干的就是这事）&/li&&/ul&&p&最后，我为什么要这么分类呢？和下面的问题有关。&/p&&br&&p&3、我“数学/逻辑思维能力”不行，能学好软件开发技术么？&/p&&p&我只能说：按上面的分类，软件工程不需要很深奥的数学知识。基本上有初中数学基础就够用了。&/p&&p&但是，无论如何，还是需要一定的逻辑思维能力的。通俗的讲，要思路清晰。软件工程里还是有比较复杂的逻辑的。因为里面经常会有：如果……就……；第一个“如果”里，又可能分三种情况；三种情况中又可能细分……&/p&&br&&p&4、软件工程里又有哪些分类？&/p&&p&大致来说，有：&/p&&ul&&li&需求分析（产品经理）：产品经理是个新名称，我不太肯定这是个什么职位，估计和需求分析差不多。就是需要把这个产品/项目究竟怎么做弄清楚弄明白。因为一开始的时候，我们脑海里只有一个大致的想法，需要一步步的具体化，形成很明确的需求，才能开始开发（编程）工作的。&br&&/li&&li&开发：没啥好说的，直接写代码，实现各种功能呗。&br&&/li&&li&测试：一般来说，自己是很难发现自己代码的问题的。所以，由专门的测试人员对开发人员的代码进行测试，是保证软件质量的一个重要步骤。&/li&&li&支持：软件交付使用了，可能还是经常出问题的。我们经常看到的就是网页打不开了、电脑死机了之类的。这些问题，都需要及时的解决。通常这就是支持人员的工作了：用各种办法（比如重启系统，呵呵。但不包括改代码），迅速的恢复系统。&/li&&/ul&&br&&p&5、逻辑能力不行，有哪些选择？&/p&&p&确实有一些女孩子，碰到一些复杂的逻辑就开始发晕。但你们还是有希望的，上面四种分类，除了开发，你都可以试试。而且这些都挺适合女孩子的，细心周到才是重点。&/p&&br&&p&6、（程序）开发里面又有哪些细分？&/p&&p&这个分类的方法就太多了。我按所需要的特长技能，大致分类如下（以下“专业”特指计算机基础和原理）：&/p&&ul&&li&专业性极强的。比如人脸识别技术、工业机器人程控技术、所谓的“单片机”开发……反正一般人的脑袋凭常识是想不明白的。&/li&&li&需要一定的专业能力，但同时也需要其他的一些能力。比如做个网站、或者一个普通的APP，以淘宝为例：对数据进行录入统计（发布并显示一个商品信息，对多个商品按一定规则排序），进行的是一些简单的加减乘除运算（统计购物车总价，或者打个折扣之类的）。这是我所从事的领域，稍后将详细讲解。&/li&&li&不怎么需要专业能力的，更多的需要其他能力。典型的就是美工，人家也是开发人员啊！做个效果图，然后把效果图弄成html页面。干这活，最需要的就是美感强用户感强，做出来的界面才好看好用。或者项目经理，对外和客户“勾兑”，把需求弄清楚，把项目给验收合格；对内把进度理顺，保证按期交付。&/li&&/ul&&br&&i&接下来就主要针对上述第二种展开讨论。&br&&br&&/i&7、除了专业能力，我还需要哪些能力？&br&&ul&&li&自学能力。这个大家都应该能够理解，软件开发这个行当，各种新技术新工具层出不穷，什么都想要学校“教”，肯定是不行的。&br&&/li&&li&英语。至少在很长一段时间吧，程序都还是得用英语写，最前沿的技术都是用英语发布交流。所以，你要是不会英语，只能等着国内有翻译才能跟上，始终是慢人一步差人一步。但好消息是，入门阶段英语不是必须的。&/li&&li&“整洁清晰”的能力。我以前以为这只是一个“意识”的问题。后来我发现一些同学，无论怎样要求，他们写的代码我就是看不懂理不清，但确实是“对”的——感觉他们的大脑更接近于电脑而不是人脑一样？我觉得是有这么一批人，你可以观察，那些做数学题不写解题过程的同学，大概就是了：他瞬间就能知道答案，但让他说清楚这个过程，他却很痛苦。这种同学，逻辑能力是非常强的，适合于做上面第一种，或者干脆是计算机基础性研究；但确实不适合于做软件工程：一是浪费了天赋，二是代码是写给人看的，别人看不懂没法和你合作啊！&/li&&/ul&&br&8、我要不要考研？&br&这个怎么说呢？多一个研究生的学历肯定不是坏事，但要花上三年的时间和学费，国内的研究生教学质量，包括还要花时间学政治之类的，呵呵……自己权衡吧。&br&我只能说：只要有本事，没人在乎你的学历；没本事，再高的学历也吃不开（除非在高校或者政府机关）。&br&&br&9、我是该自学还是参加培训班？&br&第一、看你的时间紧不紧。&br&&ul&&li&如果你急着找工作，当然参加培训要学得快一些，可以少走一些“弯路”。但这就和喂饲料的“速成鸡”一样（看我这比喻用的），根基其实并不扎实。&/li&&li&如果你还在大一大二，有一大堆的时间可以挥霍，当然可以慢慢的专研琢磨，这个不断碰壁的过程其实也是一种能力的锻炼。&/li&&/ul&第二、看你的学习能力强不强。&br&最简单的测试，整一本入门教材，跟着学跟着做，能不能最后弄出个东西来？比如一个小网站，一个小APP。能行，你就有这个能力；不行，两眼一抹黑，连怎么配环境都搞不定，那你还是花点钱交学费吧。&br&&br&10、我自学的话，从哪里开始入手？&br&我是不主张从二进制、或者什么算法数据结构之类入手的，而是应该从“实践”直接开始。我一直强调：软件工程是一门实践科学。编程语言，我们称其为“语言”，语言就是拿来说拿来用的，有输入有输出，才能不断的形成反馈和激励，越走越远。&br&我们现在的大学课程设置得很有问题。&br&我一个侄女，学的是计算机专业，现在大三了，估计他们班上没几个最后能学出来。当然他们学校也不好，但同样不好的生源，进培训机构，两年过后大部分人都能上手工作啊？&br&一个很重要的问题，就是大学的课程设置太呆板太落伍太反人性了。我侄女大一的时候，还是很认真学习的，一打电话就是在图书馆。我问她你在学什么？&br&“C语言。”&br&“哦？现在图书馆都有计算机了？”&br&“没有啊！”&br&“那你怎么学C语言？”&br&“看书啊！”&br&“怎么看？”我奇了怪了。&br&原来她每天就捧着一本C语言的书在图书馆，一本书上画满了横线、波浪线、三角形圆形，然后就开始打瞌睡……&br&学了一学期的C语言，独立的打一个三角形都打不出来。&br&码这么多字，就是特别强调：编程不是这样学的！特别是一些女生，切记切记！！！&br&其他的参考：&a class=&internal& href=&/question//answer/&&如何自学成为程序猿？&/a&&br&&br&11、如何找到第一份工作？&br&学到一定的时候，肯定是要找工作的。我个人觉得，越早找到工作越好，毕竟在工作中学，要比自己摸索快得多。&br&很多同学心里害怕：我没有文凭没有学历……&br&其实呢，这只是你自以为。通常只有很好很好的单位，才会有意识的招一些很有名气的大学应届毕业生。一般的大学毕业文凭，没什么用的，作用基本上等同于你的身份证。&br&为什么很多同学都怕呢？可能主要还是心虚招聘启事上第一条就写着的要求：计算机专业本科以上学历。这都是HR按惯例整上去的东西，就像入团/党要写的那些……一样。&br&我投简历的时候根本不看这些东西！有这个时间我还不如多投几份简历呢。&br&当然，第一份工作肯定比较难。但心态要好：这是你转行的代价啊！就准备好三个月六个月，一直投简历，一直面下去，每次面了回来就总结，迟早修炼成“面霸”，这个过程一样有助于能力的提高。&br&万事开头难，第一份工作可以“将就”一点。自己憋足气，不断提高，第二份工作就可以“嚣张”了——那时候，人家看的就是你的工作经验了。&br&&br&这里有一个小问题：需要“伪造”学历么？&br&首先，我觉得没必要。&br&当然你实在觉得没有学历这个“敲门砖”连面试机会都没有，在投简历的时候伪造一下也可以，因为HR不懂这些。但面试结束（最好是开始）的时候一定要如实的向面试你的技术负责人说明情况。一般的技术人员都能够理解，他不理解就不理解了——此处不留爷自有留爷处！&br&&br&12、真实的程序猿/攻城狮/IT民工生活是怎样的？&br&首先，这些都是“自黑”。就像“人民公仆”一样——好像我哪里说错了？&br&其次，任何一个行业，都有很多讨厌自己本职工作的人。哦，你自己都已经要转行了，想来我也不用多说了。&br&然后，这肯定是一个“朝阳行业”。伴随着“万众创业”的口号，程序员的身价这几年猛涨。你看，到处都是“只差一个程序员”了。当然，三十年河东三十年河西，小心泡沫吹破了。&br&最后，这个行业还是有几点“不好”的地方：&br&&ul&&li&没办法投机取巧。行就行，不行就不行！“我爸是李刚”也不管用。&br&&/li&&li&知识更新快，需要不断学习。工作肯定会有积累，但不能一直吃老本。&/li&&li&对着电脑的时间远远大于对着人的时间。会被人家认为古怪或者“宅”。&/li&&li&会被亲戚朋友经常叫去装机修电脑。&br&&/li&&/ul&其他的，大家可以参考：&a class=&internal& href=&/question//answer/&&独居的作家或其他SOHO如何满足日常健康的社交需求？&/a&&br&&br&13、以后的发展方向？&br&这个问题经常被问，但确实很难回答。可能和这个问题交相辉映的，就是：&a class=&internal& href=&/question//answer/&&迷惘的30多岁的程序员如何考虑自己的未来？&/a&&br&其实我觉得呢，与其不断凭空焦虑，不如踏踏实实的静下心来做事。&br&焦虑什么呢？这其实是我最近才想明白的一个道理，还是怕走弯路：我学了这个有没有用，我选的那个究竟有没有前途……&br&但真的有捷径么？那些真的都是弯路吗？难说得很。&br&不说看路边的风景，就说最后的结果。人这一辈子，真的得讲究积累。很多时候，成功只是水到渠成的结果而已。&br&&br&&br&&i&码了这么多，16个关注2个赞，那些只看不点赞的同学，o(￣ヘ￣o#)。&br&看什么看，说的就是你……&br&&br&&br&++++++++++++++++++&br&应 &a class=&member_mention& href=&///people/ecadec1128& data-hash=&ecadec1128& data-hovercard=&p$b$ecadec1128&&@一仰一铁&/a& 要求，将其建议补充如下：&br&&br&&/i&做事要有投资，学开发的话建议报个班，随便一个就行，不用看价钱，这行的培训质量都差不太多，但是包就业的更好（此处包就业不是真的包就业，只是包推荐，其实推荐也没有什么用，只是帮你投简历，通知你面试，但还是有用，请看后面细说）。 不要小看机构的力量，&br&1：你一个人没有战友，很容易就细小的点卡住，丧失学习信心。并且你一个人容易迷失方向，不知道学什么好，怎么学好，有一群同学在一起，会受益很多，少走弯路。&br&2：
机构帮忙推荐看似不靠谱，实则有很大的价值，一般机构是无限包推荐，基本在一年内，可以推荐给你很多面试的机会，面试机会比你自己投要大一些。并且机构虽
然都是骗钱的家伙，但一行有一行的行规，做的太差的早被市场淘汰掉了，剩下的机构一般也多少有一些资源，有资源包括两种，一种是合作关系，有些单位会和培
训机构长期合作，有一些实习啊，初级的工程师等职位需求，有机构的脸帮忙，你会比一个人多许多胜算，经常是一招就三五个。另外一种就厉害了，算是职场的福
利，机构一般和优秀学员会保持一段时间的联系，这些以前的学员可以直接推荐进公司，有时候都不需要面试，当然有许多是做外包的，但这个不重要，再等我细
说。&br&3：参加培训还有一层优势就跟上学是一样的---可以认识许多同地区的同学。这些同学会让你入职，换工作更加便利，多个朋友多条路，都是拼搏的年轻人，都很好相处的，这些资源真的很宝贵，说不准你们以后会合伙创业。&br&&br&&br&然
后我再说一下，转行最最最重要的就是第一次工作机会，如果这个机会到来的太晚，你不免会转行失败。所以要抓住一切可能，在培训内容的基础上努力的抓住第一
次机会（意思就是你学的啥就找什么样的工作，不要轻易接受其它岗位，如开发转测试）。只要你有了第一次工作经验，这行你算是站稳了一多半了，第二次找工作
会轻松得多的多。&br&&br&以上是针对开发岗的建议，其它岗也可借鉴。目前不管是什么工作的人，我都非常有兴趣安利他们转程序员。这一行除了加班严重，实在是钱多又比其它行业有趣的多。会给你想要的自由的。&br&&br&为了第一次工作经验，什么外包啊，外派啊，低薪啊，这些都不重要。只要是干的这一行，是个正经的工作非骗子，就是要上，有了第一次经验，跳槽是分分钟的事，加油噢。
因为回答了问题：并且讲述了我自学软件开发的经历：所以有一些同学就私信/QQ问我相关的问题，问多了答多了，其实问题就那么几个，翻来覆去的回答好像太无聊了点。所以总结并自问自答如下：1、该不…
/**更新，CSS书写顺序推荐（全部）**/&br&&br&Nicholas C.Zakas (《JavaScript高级程序设计》的作者，&a href=&///?target=https%3A//www.nczonline.net/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&NCZOnline - The official website of Nicholas C. Zakas&i class=&icon-external&&&/i&&/a&)说过，要想全面理解和掌握JavaScript，关键在于弄清楚它的历史、本质和局限性。对CSS同样适用。&br&&br&&b&历史&/b&&br&
混沌未分天地乱，CSS的诞生就是为了终结当时由推动Web世界繁荣的首功之臣HTML引发的混乱局面。在年Web世界还处于一片荒芜的时候，HTML这个勤劳而艰难生存的族群带着描述段落、标题、超链接等结构性内容（后来这些成员荣升HTML国的贵族，经过几次战乱并一直生活到现在）的技能给Web世界带来了生机。而后 Mosaic（早期的一款浏览器）的出现让文字和图片可以一起显示出来，也一夜之间让Web威名远扬，这里充满魔力与神奇。无数的站点冒了出来，无数的站点吸引无数的人，无数的人带来无数的新功能，我要字体能变色，我要字体能加粗，各种样式要求不断增加。HTML为了满足人们不断膨胀的欲望和要求努力扩充技能树，最后弄得自己苦不堪言，一大堆描述样式的标签（现在还有的&i&&em&等）搞得开发乱七八糟。&br&&br&结构化标记语言就这样变成了一坨一坨的字符串。&br&&br& 刚成立的Web世界联合国W3C并没有坐视不管，而是在积极的寻找与焦急的等待。终于他们找到了CSS。CSS在现在Web开发中可谓平淡无奇，写CSS是很自然的事情因为它就属于开发的一部分，但在当时却是绝无仅有的。它最初由&a href=&///?target=https%3A//en.wikipedia.org/wiki/H%25C3%25A5kon_Wium_Lie& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&H??kon Wium Lie&i class=&icon-external&&&/i&&/a&&br&&img src=&/49a7c8c7b744bed92138_b.jpg& data-rawwidth=&940& data-rawheight=&529& class=&origin_image zh-lightbox-thumb& width=&940& data-original=&/49a7c8c7b744bed92138_r.jpg&&于（他当时是&a href=&///?target=https%3A//en.wikipedia.org/wiki/Tim_Berners-Lee& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Tim Berners-Lee&i class=&icon-external&&&/i&&/a&在CERN的同事，Lee发明了万维网）提出来，由&a href=&///?target=https%3A//en.wikipedia.org/wiki/Bert_Bos& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Bert Bos&i class=&icon-external&&&/i&&/a&建议，经过W3C的公开和内部讨论最终在1996年底推出CSS1，并使之成为标准被推荐，很快浏览器厂商也争相在自家产品中实现以占领市场。这中间也并非一帆风顺，比如网景公司就提交了一种新语言JSSS来实现样式，但最终并没有被接受（这种开发标准之争一直存在，包括后来的JavaScript，以及现在开发中的很多新技术都是这样）。&br&&br&CSS接过了HTML手中的样式表现接力棒，也开始了自己的传奇之旅。&br&&br&&b&本质&/b&&br&CSS的本质可以分为宏观与微观两方面。
宏观上它的存在就是为了控制页面的显示样式。包括布局，颜色，字体等。微观上则是实现这种控制功能的各种属性的定义和工作原理。&br&&br&了解定义就能干活，知道原理才能把活干好。&br&&br&题主说属性太多，其实CSS就是去控制样式而已，网页样式是借鉴于传统的报纸等印刷品的排版。你随便在身边找一份报纸或者杂志的一页，用CSS尽可能的还原出来。整体布局还原出来问题应该不大，但是具体到细节的时候可能会有很多问题，比如出来的效果总是跟想的不一样。这个时候就该去看看单个属性的工作原理，比如margin是用来控制外边距的但是用%的时候它是怎么计算的最终值呢？当发现出乎意料的时候就去&a href=&///?target=https%3A//www.w3.org/TR/2011/REC-CSS2-/indexlist.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Index&i class=&icon-external&&&/i&&/a&
查一下属性的定义和值的计算方法。&br&常用基础样式：&br&&img src=&/b9f7bbc3ba_b.png& data-rawwidth=&665& data-rawheight=&2092& class=&origin_image zh-lightbox-thumb& width=&665& data-original=&/b9f7bbc3ba_r.png&&&br&Tips：&ul&&li&常用CSS属性margin和padding的%取值是基于包含块（离元素最近的块级祖先元素）的宽,注意是宽。&/li&&li&行内元素相关的内容区、行内框、基线这几个概念很重要。&/li&&li& inline-block是，内部被解析为块级元素，自身被解析为行内元素。&/li&&li& background-image可以同时为一个元素设置多个背景图配合background-position可以组合出神奇的效果。&/li&&li&浮动的元素会消除外边距重合，浮动的元素会被解析为块级元素。&/li&&li&top,right,bottom,left,z-index这些属性只有用在定位元素(除了position为static值)上才有效。&/li&&li&overflow的值设置为scroll，在移动端可以做横向滑动效果。&/li&&li&除了做表格不要用table布局。&/li&&li& 选择器都很简单，只说一类。结构伪类选择器，原理可以理解为先找到符合条件的元素后，向上找到其父元素然后验证规则。&br&&/li&&/ul&&b&局限性&/b&&br& 更新中...&br&&b&番外篇&/b&&br&&ol&&li&CSS推荐书写顺序（完整版）&br&&/li&&/ol&&a href=&///?target=http%3A//fe4han.github.io/demo/css/order_your_css.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CSS属性推荐书写顺序&i class=&icon-external&&&/i&&/a&
/**更新，CSS书写顺序推荐（全部）**/Nicholas C.Zakas (《JavaScript高级程序设计》的作者，)说过，要想全面理解和掌握JavaScript，关键在于弄清楚它的历史、本质和局限性。对CSS同样适用。…
已有帐号？
无法登录？
社交帐号登录
460 人关注
3779 人关注
113 个回答
131 人关注
111 个回答
15806 人关注
401 个回答
2298 人关注
115 个回答