<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
<channel>
<title><![CDATA[刘新修]]></title> 
<link>http://pic1.liuxinxiu.com:80/index.php</link> 
<description><![CDATA[刘新修的个人博客 (Liuxinxiu'S Blog)]]></description> 
<language>zh-cn</language> 
<copyright><![CDATA[刘新修]]></copyright>
<item>
<link>http://pic1.liuxinxiu.com:80/front-end_Web_developer/</link>
<title><![CDATA[如何成为一名优秀的前端工程师 (share)]]></title> 
<author>刘新修 &lt;admin@yourname.com&gt;</author>
<category><![CDATA[H5/JS/CSS]]></category>
<pubDate>Wed, 25 Mar 2015 01:28:29 +0000</pubDate> 
<guid>http://pic1.liuxinxiu.com:80/front-end_Web_developer/</guid> 
<description>
<![CDATA[ 
	<p>&nbsp;<strong style="color: rgb(51, 51, 51); font-family: Verdana, Arial, sans-serif, 'Lucida Grande'; font-size: 13.3333330154419px; line-height: 24px;">一、技术的必须的</strong></p><p style="margin: 10px auto; color: rgb(51, 51, 51); font-family: Verdana, Arial, sans-serif, 'Lucida Grande'; font-size: 13.3333330154419px; line-height: 24px;">作为一名最基础的前端工程师你必须掌握HTML、CSS和JavaScript。三者必须同时精通，类似我这样对前端知识一知半解的，一遇到问题就停下工作就四处搜索解决方案的，首先就算不上一个合格的前端人员。像我这样的如果当了前端工程师那工期肯定是不能保证的。合格的前端工程师第一要学会的就是在没有任何外来帮助的情况下（包括搜索引擎），能够完成大多数任务。</p><p style="margin: 10px auto; color: rgb(51, 51, 51); font-family: Verdana, Arial, sans-serif, 'Lucida Grande'; font-size: 13.3333330154419px; line-height: 24px;">以下知识点是作为一个前端工程师必须了解和熟悉的：</p><ul style="margin-left: 45px; color: rgb(51, 51, 51); font-family: Verdana, Arial, sans-serif, 'Lucida Grande'; font-size: 13.3333330154419px; line-height: 24px;"><li style="font-size: 10pt; list-style: inherit !important;"><strong>DOM结构</strong>&mdash;&mdash;两个节点之间可能存在哪些关系以及如何在节点之间任意移动。</li><li style="font-size: 10pt; list-style: inherit !important;"><strong>DOM操作</strong>&mdash;&mdash;怎样添加、移除、移动、复制、创建和查找节点。</li><li style="font-size: 10pt; list-style: inherit !important;"><strong>事件</strong>&mdash;&mdash;怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别。</li><li style="font-size: 10pt; list-style: inherit !important;"><strong>XMLHttpRequest</strong>&mdash;&mdash;这是什么、怎样完整地执行一次GET请求、怎样检测错误。</li><li style="font-size: 10pt; list-style: inherit !important;"><strong>严格模式与混杂模式</strong>&mdash;&mdash;如何触发这两种模式，区分它们有何意义。</li><li style="font-size: 10pt; list-style: inherit !important;"><strong>盒模型</strong>&mdash;&mdash;外边距、内边距和边框之间的关系，IE &lt; 8中的盒模型有什么不同。</li><li style="font-size: 10pt; list-style: inherit !important;"><strong>块级元素与行内元素</strong>&mdash;&mdash;怎么用CSS控制它们、它们怎样影响周围的元素以及你觉得应该如何定义它们的样式。</li><li style="font-size: 10pt; list-style: inherit !important;"><strong>浮动元素</strong>&mdash;&mdash;怎么使用它们、它们有什么问题以及怎么解决这些问题。</li><li style="font-size: 10pt; list-style: inherit !important;"><strong>HTML与XHTML</strong>&mdash;&mdash;二者有什么区别，你觉得应该使用哪一个并说出理由。</li><li style="font-size: 10pt; list-style: inherit !important;"><strong>JSON</strong>&mdash;&mdash;它是什么、为什么应该使用它、到底该怎么使用它，说出实现细节来。</li></ul><p style="margin: 10px auto; color: rgb(51, 51, 51); font-family: Verdana, Arial, sans-serif, 'Lucida Grande'; font-size: 13.3333330154419px; line-height: 24px;">上述这些知识点都应该是你&ldquo;想都不用想&rdquo;就知道的东西。除了上述的前端知识，也还需学会至少一门后端编程语言，让你自己学会如何与后端进行更好的交互。</p><p style="margin: 10px auto; color: rgb(51, 51, 51); font-family: Verdana, Arial, sans-serif, 'Lucida Grande'; font-size: 13.3333330154419px; line-height: 24px;">很多前端工程师对一些库非常的熟悉，jQuery，Bootstrap等，但是对于库的熟悉并不能提现你的优秀，真正优秀的是那些理解库背后的机制，特别是能够徒手写出一个自己的库的人。</p><p style="margin: 10px auto; color: rgb(51, 51, 51); font-family: Verdana, Arial, sans-serif, 'Lucida Grande'; font-size: 13.3333330154419px; line-height: 24px;">真正合格的前端工程师是能实现具体的功能要求，而优秀的前端工程师需要解决的问题是寻找一个最优的解决方案。</p><p style="margin: 10px auto; color: rgb(51, 51, 51); font-family: Verdana, Arial, sans-serif, 'Lucida Grande'; font-size: 13.3333330154419px; line-height: 24px;"><strong>二、沟通很重要</strong></p><p style="margin: 10px auto; color: rgb(51, 51, 51); font-family: Verdana, Arial, sans-serif, 'Lucida Grande'; font-size: 13.3333330154419px; line-height: 24px;">优秀的前端工程师需要具备良好的沟通能力，因为你的工作与很多人的工作息息相关。在任何情况下，前端工程师至少都要满足下列四类客户的需求。</p><ol style="padding-left: 50px; color: rgb(51, 51, 51); font-family: Verdana, Arial, sans-serif, 'Lucida Grande'; font-size: 13.3333330154419px; line-height: 24px;"><li style="font-size: 10pt; list-style-type: decimal;"><strong>产品经理</strong>&mdash;&mdash;这些是负责策划应用程序的一群人。他们能够想象出怎样通过应用程序来满足用户需求，以及怎样通过他们设计的模式赚到钱（但愿如此）。一般来说，这些人追求的是丰富的功能。</li><li style="font-size: 10pt; list-style-type: decimal;"><strong>UI设计师</strong>&mdash;&mdash;这些人负责应用程序的视觉设计和交互模拟。他们关心的是用户对什么敏感、交互的一贯性以及整体的好用性。他们热衷于流畅靓丽但并不容易实现的用户界面。</li><li style="font-size: 10pt; list-style-type: decimal;"><strong>项目经理</strong>&mdash;&mdash;这些人负责实际地运行和维护应用程序。项目管理的主要关注点，无外乎正常运行时间&mdash;&mdash;应用程序始终正常可用的时间、性能和截止日期。项目经理追求的目标往往是尽量保持事情的简单化，以及不在升级更新时引入新问题。</li><li style="font-size: 10pt; list-style-type: decimal;"><strong>最终用户</strong>&mdash;&mdash;当然是应用程序的主要消费者。尽管我们不会经常与最终用户打交道，但他们的反馈意见至关重要；没人想用的应用程序毫无价值。最终用户要求最多的就是对个人有用的功能，以及竞争性产品所具备的功能。</li></ol><p style="margin: 10px auto; color: rgb(51, 51, 51); font-family: Verdana, Arial, sans-serif, 'Lucida Grande'; font-size: 13.3333330154419px; line-height: 24px;">不要在没有作出评估之前就随便接受某项任务。你必须始终记住，一定先搞清楚别人到底想让你干什么，不能简单地接受&ldquo;这个功能有问题&rdquo;之类的大概其的说法。而且，你还要确切地知道这个功能或设计的真正意图何在。&ldquo;加一个按钮&rdquo;之类的任务并不总意味着你最后会加一个按钮。还可能意味着你会找产品经理，问一问这个按钮有什么用处，然后再找UI设计师一块探讨按钮是不是最佳的交互手段。要成为优秀的前端工程师，这种沟通至关重要。</p><p style="margin: 10px auto; color: rgb(51, 51, 51); font-family: Verdana, Arial, sans-serif, 'Lucida Grande'; font-size: 13.3333330154419px; line-height: 24px;">那么，前端工程师应该最关注哪些人的意见呢？答案是所有这四类人。优秀的前端工程师必须知道如何平衡这四类人的需求和预期，然后在此基础上拿出最佳解决方案。由于前端工程师处于与这四类人沟通的交汇点上，因此其沟通能力的重要性不言而喻。如果一个非常酷的新功能因为会影响前端性能，必须删繁就简，你怎么跟产品经理解释？再比如，假设某个设计如果不改回原方案可能会给应用程序造成负面影响，你怎么才能说服UI设计师？作为前端工程师，你必须了解每一类人的想法从何而来，必须能拿出所有各方都能接受的解决方案。从某种意义上说，优秀的前端工程师就像是一位大使，需要时刻抱着外交官的心态来应对每一天的工作。</p><p style="margin: 10px auto; color: rgb(51, 51, 51); font-family: Verdana, Arial, sans-serif, 'Lucida Grande'; font-size: 13.3333330154419px; line-height: 24px;">专业技术可能会引领你进入成为前端工程师的大门，但只有运用该技术创造的应用程序以及你跟他人并肩协同的能力，才会真正让你变得优秀。</p><p style="margin: 10px auto; color: rgb(51, 51, 51); font-family: Verdana, Arial, sans-serif, 'Lucida Grande'; font-size: 13.3333330154419px; line-height: 24px;"><strong>三、提升无止境</strong></p><p style="margin: 10px auto; color: rgb(51, 51, 51); font-family: Verdana, Arial, sans-serif, 'Lucida Grande'; font-size: 13.3333330154419px; line-height: 24px;">优秀的前端工程师应该具备快速学习能力。推动Web发展的技术并不是静止不动的，这些技术几乎每天都在变化，如果没有快速学习能力，你就跟不上Web发展的步伐。你必须不断提升自己，不断学习新技术、新模式；仅仅依靠今天的知识无法适应未来。Web的明天与今天必将有天壤之别，而你的工作就是要搞清楚如何通过自己的Web应用程序来体现这种翻天覆地的变化。</p><p style="margin: 10px auto; color: rgb(51, 51, 51); font-family: Verdana, Arial, sans-serif, 'Lucida Grande'; font-size: 13.3333330154419px; line-height: 24px;"><strong>四、前端开发知识架构</strong></p><ul style="margin-left: 45px; color: rgb(51, 51, 51); font-family: Verdana, Arial, sans-serif, 'Lucida Grande'; font-size: 13.3333330154419px; line-height: 24px;"><li style="font-size: 10pt; list-style: inherit !important;">前端工程师<ul style="list-style-type: disc; margin-left: 45px;"><li style="font-size: 10pt; list-style: inherit !important;">浏览器<ul style="list-style-type: disc; margin-left: 45px;"><li style="font-size: 10pt; list-style: inherit !important;">IE6/<a href="http://www.microsoft.com/zh-cn/download/details.aspx?id=2" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">7</a>/<a href="http://windows.microsoft.com/zh-CN/internet-explorer/downloads/ie-8" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">8</a>/<a href="http://windows.microsoft.com/zh-CN/internet-explorer/downloads/ie-9/worldwide-languages" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">9</a></li><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://www.mozilla.org/en-US/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Firefox</a></li><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://www.google.com/chrome" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Chrome</a>/<a href="http://www.apple.com/safari/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Safari</a>/<a href="http://www.opera.com/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Opera</a></li></ul></li><li style="font-size: 10pt; list-style: inherit !important;">编程语言<ul style="list-style-type: disc; margin-left: 45px;"><li style="font-size: 10pt; list-style: inherit !important;"><a href="https://developer.mozilla.org/en-US/docs/JavaScript" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">JavaScript</a>/<a href="http://nodejs.org/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Node.js</a></li><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://book.douban.com/subject/3590768/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">JavaScript语言精粹</a></li></ul></li><li style="font-size: 10pt; list-style: inherit !important;">切页面<ul style="list-style-type: disc; margin-left: 45px;"><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://www.w3.org/html/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">HTML</a>/HTML5</li><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://www.w3.org/Style/CSS/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">CSS</a>/CSS3</li><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://www.photoshop.com/products/photoshop" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">PhotoShop</a>/<a href="http://www.getpaint.net/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Paint.net</a></li></ul></li><li style="font-size: 10pt; list-style: inherit !important;">开发工具<ul style="list-style-type: disc; margin-left: 45px;"><li style="font-size: 10pt; list-style: inherit !important;">IDE<ul style="list-style-type: disc; margin-left: 45px;"><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://www.vim.org/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">VIM</a>/<a href="http://www.sublimetext.com/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Sublime Text2</a></li><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://notepad-plus-plus.org/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Notepad++</a>/<a href="http://www.editplus.com/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">EditPlus</a></li><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://www.jetbrains.com/webstorm/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">WebStorm</a></li></ul></li><li style="font-size: 10pt; list-style: inherit !important;">调试工具<ul style="list-style-type: disc; margin-left: 45px;"><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://getfirebug.com/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Firebug</a>/<a href="https://addons.mozilla.org/en-US/firefox/addon/firecookie/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Firecookie</a></li><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://developer.yahoo.com/yslow/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">YSlow</a></li><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://www.microsoft.com/en-us/download/details.aspx?id=18359" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">IEDeveloperToolbar</a>/<a href="http://www.my-debugbar.com/wiki/IETester/HomePage" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">IETester</a></li><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://www.fiddler2.com/fiddler2/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Fiddler</a></li></ul></li><li style="font-size: 10pt; list-style: inherit !important;">版本管理<ul style="list-style-type: disc; margin-left: 45px;"><li style="font-size: 10pt; list-style: inherit !important;"><a href="https://github.com/JacksonTian/fks/blob/master/git-scm.com/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Git</a>/<a href="http://subversion.apache.org/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">SVN</a></li><li style="font-size: 10pt; list-style: inherit !important;"><a href="https://github.com/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Github</a>/<a href="https://bitbucket.org/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Bitbucket</a>/<a href="http://code.google.com/hosting/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Google Code</a></li></ul></li></ul></li><li style="font-size: 10pt; list-style: inherit !important;">代码质量<ul style="list-style-type: disc; margin-left: 45px;"><li style="font-size: 10pt; list-style: inherit !important;">Coding style<ul style="list-style-type: disc; margin-left: 45px;"><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://www.jslint.com/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">JSLint</a>/<a href="http://www.jshint.com/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">JSHint</a></li><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://csslint.net/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">CSSLint</a></li><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://validator.w3.org/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Markup Validation Service</a></li></ul></li><li style="font-size: 10pt; list-style: inherit !important;">单元测试<ul style="list-style-type: disc; margin-left: 45px;"><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://qunitjs.com/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">QUnit</a>/<a href="http://pivotal.github.com/jasmine/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Jasmine</a></li><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://visionmedia.github.com/mocha/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Mocha</a>/<a href="https://github.com/visionmedia/should.js/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Should</a>/<a href="http://chaijs.com/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Chai</a></li></ul></li><li style="font-size: 10pt; list-style: inherit !important;">自动化测试<ul style="list-style-type: disc; margin-left: 45px;"><li style="font-size: 10pt; list-style: inherit !important;">WebDriver</li></ul></li></ul></li><li style="font-size: 10pt; list-style: inherit !important;">前端库/框架<ul style="list-style-type: disc; margin-left: 45px;"><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://jquery.com/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">jQuery</a>/<a href="http://underscorejs.org/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Underscore</a>/<a href="http://mootools.net/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Mootools</a>/<a href="http://www.prototypejs.org/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Prototype.js</a></li><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://yuilibrary.com/projects/yui3/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">YUI3</a>/<a href="http://dojotoolkit.org/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Dojo</a>/<a href="http://www.sencha.com/products/extjs" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">ExtJS</a></li><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://backbonejs.org/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Backbone</a>/<a href="http://knockoutjs.com/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">KnockoutJS</a>/<a href="http://emberjs.com/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Emberjs</a></li></ul></li><li style="font-size: 10pt; list-style: inherit !important;">前端标准/规范<ul style="list-style-type: disc; margin-left: 45px;"><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://www.w3.org/Protocols/rfc2616/rfc2616.html" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">HTTP1.1</a></li><li style="font-size: 10pt; list-style: inherit !important;">ECMAScript3/5</li><li style="font-size: 10pt; list-style: inherit !important;">W3C/DOM/BOM/XHTML/XML/JSON/JSONP</li><li style="font-size: 10pt; list-style: inherit !important;">CommonJS/AMD</li><li style="font-size: 10pt; list-style: inherit !important;">HTML5/CSS3</li></ul></li><li style="font-size: 10pt; list-style: inherit !important;">性能<ul style="list-style-type: disc; margin-left: 45px;"><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://jsperf.com/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">JSPerf</a></li><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://developer.yahoo.com/performance/rules.html" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">YSlow 35 rules</a></li><li style="font-size: 10pt; list-style: inherit !important;"><a href="https://developers.google.com/speed/pagespeed/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">PageSpeed</a></li><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://www.httpwatch.com/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">HTTPWatch</a></li><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://www.compuware.com/application-performance-management/dynatrace-ajax-download.html" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">DynaTrace&rsquo;s Ajax</a></li><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://book.douban.com/subject/5362856/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">高性能JavaScript</a></li></ul></li><li style="font-size: 10pt; list-style: inherit !important;">编程知识储备<ul style="list-style-type: disc; margin-left: 45px;"><li style="font-size: 10pt; list-style: inherit !important;">数据结构</li><li style="font-size: 10pt; list-style: inherit !important;">OOP/AOP</li><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://net.tutsplus.com/tutorials/javascript-ajax/prototypes-in-javascript-what-you-need-to-know/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">原型链</a>/作用域链</li><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://www.jibbering.com/faq/notes/closures/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">闭包</a></li><li style="font-size: 10pt; list-style: inherit !important;">函数式编程</li><li style="font-size: 10pt; list-style: inherit !important;">设计模式</li><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://sanshi.me/articles/JavaScript-Garden-CN/html/index.html" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Javascript Tips</a></li></ul></li><li style="font-size: 10pt; list-style: inherit !important;">部署流程<ul style="list-style-type: disc; margin-left: 45px;"><li style="font-size: 10pt; list-style: inherit !important;">压缩合并<ul style="list-style-type: disc; margin-left: 45px;"><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://developer.yahoo.com/yui/compressor/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">YUI Compressor</a></li><li style="font-size: 10pt; list-style: inherit !important;"><a href="https://developers.google.com/closure/compiler/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Google Clousure Complier</a></li><li style="font-size: 10pt; list-style: inherit !important;"><a href="https://github.com/GoalSmashers/clean-css" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">CleanCSS</a>/<a href="https://github.com/mishoo/UglifyJS" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">UglifyJS</a></li></ul></li><li style="font-size: 10pt; list-style: inherit !important;">文档输出<ul style="list-style-type: disc; margin-left: 45px;"><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">JSDoc</a></li><li style="font-size: 10pt; list-style: inherit !important;"><a href="https://github.com/visionmedia/dox" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Dox</a>/<a href="https://github.com/JacksonTian/doxmate" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Doxmate</a></li></ul></li><li style="font-size: 10pt; list-style: inherit !important;">项目构建工具<ul style="list-style-type: disc; margin-left: 45px;"><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://www.gnu.org/software/make/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">make</a>/<a href="http://ant.apache.org/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Ant</a></li><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://code.google.com/p/gyp/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">GYP</a></li><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://gruntjs.com/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Grunt</a></li><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://yeoman.io/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Yeoman</a></li></ul></li></ul></li><li style="font-size: 10pt; list-style: inherit !important;">代码组织<ul style="list-style-type: disc; margin-left: 45px;"><li style="font-size: 10pt; list-style: inherit !important;">类库模块化<ul style="list-style-type: disc; margin-left: 45px;"><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://www.commonjs.org/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">CommonJS</a>/AMD</li><li style="font-size: 10pt; list-style: inherit !important;">YUI3模块</li></ul></li><li style="font-size: 10pt; list-style: inherit !important;">业务逻辑模块化</li><li style="font-size: 10pt; list-style: inherit !important;">文件加载<ul style="list-style-type: disc; margin-left: 45px;"><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://labjs.com/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">LABjs</a></li><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://seajs.org/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">SeaJS</a>/<a href="http://requirejs.org/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Require.js</a></li></ul></li></ul></li><li style="font-size: 10pt; list-style: inherit !important;">安全<ul style="list-style-type: disc; margin-left: 45px;"><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://en.wikipedia.org/wiki/Cross-site_request_forgery" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">CSRF</a>/<a href="http://en.wikipedia.org/wiki/Cross-site_scripting" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">XSS</a></li><li style="font-size: 10pt; list-style: inherit !important;">ADsafe/Caja/Sandbox</li></ul></li><li style="font-size: 10pt; list-style: inherit !important;">移动Web<ul style="list-style-type: disc; margin-left: 45px;"><li style="font-size: 10pt; list-style: inherit !important;">HTML5/CSS3</li><li style="font-size: 10pt; list-style: inherit !important;">响应式设计</li><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://zeptojs.com/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Zeptojs</a>/<a href="http://cubiq.org/iscroll" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">iScroll</a></li><li style="font-size: 10pt; list-style: inherit !important;">V5/<a href="http://www.sencha.com/products/touch" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Sencha Touch</a></li><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://phonegap.com/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">PhoneGap</a></li><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://jquerymobile.com/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">jQuery Mobile</a></li></ul></li><li style="font-size: 10pt; list-style: inherit !important;">JavaScript生态<ul style="list-style-type: disc; margin-left: 45px;"><li style="font-size: 10pt; list-style: inherit !important;">MongoDB/CouchDB</li></ul></li><li style="font-size: 10pt; list-style: inherit !important;">前沿技术社区/会议<ul style="list-style-type: disc; margin-left: 45px;"><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://d2forum.org/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">D2</a>/<a href="http://www.webrebuild.org/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">WebRebuild</a></li><li style="font-size: 10pt; list-style: inherit !important;">NodeParty/<a href="http://w3ctech.com/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">W3CTech</a>/<a href="http://www.html5dw.com/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">HTML5梦工厂</a></li><li style="font-size: 10pt; list-style: inherit !important;">JSConf/<a href="http://jsconf.cn/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">沪JS(JSConf.cn)</a></li><li style="font-size: 10pt; list-style: inherit !important;">QCon/Velocity/SDCC</li><li style="font-size: 10pt; list-style: inherit !important;">JSConf/NodeConf</li><li style="font-size: 10pt; list-style: inherit !important;">YDN/YUIConf</li></ul></li><li style="font-size: 10pt; list-style: inherit !important;">计算机知识储备<ul style="list-style-type: disc; margin-left: 45px;"><li style="font-size: 10pt; list-style: inherit !important;">编译原理</li><li style="font-size: 10pt; list-style: inherit !important;">计算机网络</li><li style="font-size: 10pt; list-style: inherit !important;">操作系统</li><li style="font-size: 10pt; list-style: inherit !important;">算法原理</li><li style="font-size: 10pt; list-style: inherit !important;">软件工程/软件测试原理</li></ul></li><li style="font-size: 10pt; list-style: inherit !important;">软技能<ul style="list-style-type: disc; margin-left: 45px;"><li style="font-size: 10pt; list-style: inherit !important;">知识管理/总结分享</li><li style="font-size: 10pt; list-style: inherit !important;">沟通技巧/团队协作</li><li style="font-size: 10pt; list-style: inherit !important;">需求管理/PM</li><li style="font-size: 10pt; list-style: inherit !important;">交互设计/可用性/可访问性知识</li></ul></li><li style="font-size: 10pt; list-style: inherit !important;">可视化<ul style="list-style-type: disc; margin-left: 45px;"><li style="font-size: 10pt; list-style: inherit !important;">SVG/Canvas/VML</li><li style="font-size: 10pt; list-style: inherit !important;"><a href="http://d3js.org/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">D3</a>/<a href="http://raphaeljs.com/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">Rapha&euml;l</a>/<a href="http://datavlab.org/datavjs/" target="_blank" style="font-size: 14px; color: rgb(0, 102, 255); text-decoration: none;">DataV</a></li></ul></li></ul></li><li style="font-size: 10pt; list-style: inherit !important;">后端工程师<ul style="list-style-type: disc; margin-left: 45px;"><li style="font-size: 10pt; list-style: inherit !important;">编程语言<ul style="list-style-type: disc; margin-left: 45px;"><li style="font-size: 10pt; list-style: inherit !important;">C/C++/Java/PHP/Ruby/Python/&hellip;</li></ul></li><li style="font-size: 10pt; list-style: inherit !important;">数据库<ul style="list-style-type: disc; margin-left: 45px;"><li style="font-size: 10pt; list-style: inherit !important;">SQL</li><li style="font-size: 10pt; list-style: inherit !important;">MySQL/MongoDB/Oracle</li></ul></li><li style="font-size: 10pt; list-style: inherit !important;">操作系统<ul style="list-style-type: disc; margin-left: 45px;"><li style="font-size: 10pt; list-style: inherit !important;">Unix/Linux/OS X/Windows</li></ul></li><li style="font-size: 10pt; list-style: inherit !important;">数据结构</li></ul></li></ul>
]]>
</description>
</item><item>
<link>http://pic1.liuxinxiu.com:80/front-end_Web_developer/#blogcomment</link>
<title><![CDATA[[评论] 如何成为一名优秀的前端工程师 (share)]]></title> 
<author> &lt;user@domain.com&gt;</author>
<category><![CDATA[评论]]></category>
<pubDate>Thu, 01 Jan 1970 00:00:00 +0000</pubDate> 
<guid>http://pic1.liuxinxiu.com:80/front-end_Web_developer/#blogcomment</guid> 
<description>
<![CDATA[ 
	
]]>
</description>
</item>
</channel>
</rss>