An internal server error occurred. Please try again later.如何成为全栈增长工程师？a year ago36收藏分享举报文章被以下专栏收录待我代码编成，娶你为妻可好 @花仲马推荐阅读{&debug&:false,&apiRoot&:&&,&paySDK&:&https:\u002F\\u002Fapi\u002Fjs&,&wechatConfigAPI&:&\u002Fapi\u002Fwechat\u002Fjssdkconfig&,&name&:&production&,&instance&:&column&,&tokens&:{&X-XSRF-TOKEN&:null,&X-UDID&:null,&Authorization&:&oauth c3cef7c66aa9e6a1e3160e20&}}{&database&:{&Post&:{&&:{&isPending&:false,&contributes&:[{&sourceColumn&:{&lastUpdated&:,&description&:&待我代码编成，娶你为妻可好 @花仲马&,&permission&:&COLUMN_PUBLIC&,&memberId&:2055680,&contributePermission&:&COLUMN_PUBLIC&,&translatedCommentPermission&:&all&,&canManage&:true,&intro&:&待我代码编成，娶你为妻可好 @花仲马&,&urlToken&:&phodal&,&id&:9221,&imagePath&:&6eaca946f1f2b19b58b2.jpeg&,&slug&:&phodal&,&applyReason&:&&,&name&:&Phodal - 手工艺人&,&title&:&Phodal - 手工艺人&,&url&:&https:\u002F\\u002Fphodal&,&commentPermission&:&COLUMN_ALL_CAN_COMMENT&,&canPost&:true,&created&:,&state&:&COLUMN_NORMAL&,&followers&:10436,&avatar&:{&id&:&6eaca946f1f2b19b58b2&,&template&:&https:\u002F\\u002F{id}_{size}.jpeg&},&activateAuthorRequested&:false,&following&:false,&imageUrl&:&https:\u002F\\u002F6eaca946f1f2b19b58b2_l.jpeg&,&articlesCount&:128},&state&:&accepted&,&targetPost&:{&titleImage&:&https:\u002F\\u002Fcfc62f9af36d_r.jpg&,&lastUpdated&:,&imagePath&:&cfc62f9af36d.jpg&,&permission&:&ARTICLE_PUBLIC&,&topics&:[4,2084],&summary&:&\u003Cb\u003E（文末有惊喜）\u003C\u002Fb\u003E记得我们在《\u003Ca href=\&http:\u002F\u002Fmp.\u002Fs?src=3&timestamp=&ver=1&signature=z1onJvKn4TSrUmXm384CQUF1IZBVsLShsQ4DpmumN6xY0Gm5RR9XKdbf6ELzdRqg-mxdtxceTg-4-KrhYHZQC6wiSEWsP64vh0sl2Je4G16hnS6MsuZaD-u01HAENCSKoMhQiw0tu2y3-tSJsOML0w==\& data-editable=\&true\& data-title=\&RePractise前端篇: 前端演进史\&\u003ERePractise前端篇: 前端演进史\u003C\u002Fa\u003E》中提到技术在最近十几年的飞速发展，当然最主要的就是：技术的复杂度不断地从应用层抽象到了框架层。虽说：技术的复杂度同力一样不会消失，也不会凭空产生，它总是从一个物体转移到另一个物体或一…&,&copyPermission&:&ARTICLE_COPYABLE&,&translatedCommentPermission&:&all&,&likes&:0,&origAuthorId&:0,&publishedTime&:&T22:10:01+08:00&,&sourceUrl&:&&,&urlToken&:,&id&:560389,&withContent&:false,&slug&:,&bigTitleImage&:false,&title&:&如何成为全栈增长工程师？&,&url&:&\u002Fp\u002F&,&commentPermission&:&ARTICLE_ALL_CAN_COMMENT&,&snapshotUrl&:&&,&created&:,&comments&:0,&columnId&:9221,&content&:&&,&parentId&:0,&state&:&ARTICLE_PUBLISHED&,&imageUrl&:&https:\u002F\\u002Fcfc62f9af36d_r.jpg&,&author&:{&bio&:&待我代码编成，娶你为妻可好 @花仲马&,&isFollowing&:false,&hash&:&fea2f801ab1dc87a87f8bdeb6fdb3394&,&uid&:20,&isOrg&:false,&slug&:&phodal&,&isFollowed&:false,&description&:&工程师 \u002F 咨询师 \u002F 作家 \u002F 设计学徒&,&name&:&phodal&,&profileUrl&:&https:\u002F\\u002Fpeople\u002Fphodal&,&avatar&:{&id&:&cebfe26a7aecb4&,&template&:&https:\u002F\\u002F50\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},&memberId&:2055680,&excerptTitle&:&&,&voteType&:&ARTICLE_VOTE_CLEAR&},&id&:365794}],&title&:&如何成为全栈增长工程师？&,&author&:&phodal&,&content&:&\u003Cp\u003E\u003Cb\u003E（文末有惊喜）\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E记得我们在《\u003Ca href=\&http:\u002F\\u002F?target=http%3A\u002F\u002Fmp.\u002Fs%3Fsrc%3D3%26timestamp%3D%26ver%3D1%26signature%3Dz1onJvKn4TSrUmXm384CQUF1IZBVsLShsQ4DpmumN6xY0Gm5RR9XKdbf6ELzdRqg-mxdtxceTg-4-KrhYHZQC6wiSEWsP64vh0sl2Je4G16hnS6MsuZaD-u01HAENCSKoMhQiw0tu2y3-tSJsOML0w%3D%3D\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ERePractise前端篇: 前端演进史\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E》中提到技术在最近十几年的飞速发展，当然最主要的就是：技术的复杂度不断地从应用层抽象到了框架层。虽说：\u003C\u002Fp\u003E\u003Cblockquote\u003E\u003Cp\u003E技术的复杂度同力一样不会消失，也不会凭空产生，它总是从一个物体转移到另一个物体或一种形式转为另一种形式。\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Cp\u003E然而这也意味着成为一个全栈工程师，比以往的任何一个时间要容易得多。这也意味着一个全栈工程师也可以很快地成为一个Growth Hacking（中文：增长黑客）。所以，我们开始谈论如何成为一名全栈增长工程师。\u003C\u002Fp\u003E\u003Ch2\u003E先成为全栈工程师\u003C\u002Fh2\u003E\u003Cp\u003E在电子书《\u003Ca href=\&http:\u002F\\u002F?target=http%3A\u002F\u002Fmp.\u002Fs%3Fsrc%3D3%26timestamp%3D%26ver%3D1%26signature%3Dz1onJvKn4TSrUmXm384CQUF1IZBVsLShsQ4DpmumN6xzPP-WG-vZxJgzeXdGcPSFn9Erm6laV3FgnEMuiqMnHP0TadjpLl4tYHPhFr-yKWi35U%2AtGi-RKIdwGc2ylN9bA2Ph%2AKAl5w5CJRlw2LI9%2Ag%3D%3D\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E全栈增长工程师指南\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E》中，我们提到过成为全栈增长工程师的技术基础，但是没有并没有谈论到如何成为这样的全栈工程师——这是一个漫长的过程。\u003C\u002Fp\u003E\u003Cp\u003E早期，当我们有一个想法的时候，我们会去搭建一个网站——如以WordPress作为CMS，以RoR、Django来开发应用等等。随后，我们将我们的网站推向市场，发现市场有点反应。\u003C\u002Fp\u003E\u003Cp\u003E接着，我们不断地开发出一些新的功能——如CMS的留言、Sitemap等等。在这个过程中，我们会开发一些API来满足我们的需求。\u003C\u002Fp\u003E\u003Cp\u003E在一个新的阶段里，我们开始推出移动应用。基于先前的API，我们不断地构建出了不同的API。或以单体应用的形式出现，或以微服务的形式产生出新的API。\u003C\u002Fp\u003E\u003Cp\u003E然后，我们发现并不是所有的移动用户都愿意去下载我们的API。于是，我们推出了SPA（单页面应用），以此来迎接那些移动设备用户。\u003C\u002Fp\u003E\u003Cp\u003E最后，我们的业务逐渐稳定了下来。我们开始了一些优化工作，或者如Facebook一样优化PHP，推出HHVM。或者如Netflix一样使用微服务解耦系统。又或者，我们使用新的架构对我们的系统进行重新的设计。\u003C\u002Fp\u003E\u003Cp\u003E在整个过程中，我们将学习到如何去做网站后台、移动应用、API设计、前端单页面应用等等。从这种意义上来说，全栈工程师非常match初创企业所需要的技术要求。\u003C\u002Fp\u003E\u003Ch2\u003E再成为增长工程师\u003C\u002Fh2\u003E\u003Cp\u003EGrowth整一个系列：APP、社区、电子书《全栈增长工程师指南》、电子书《全栈增长工程师实战》算是我对Growth Hacking的一个研究。不过，对于一个人来说这工作量还是蛮大的——在完成两本电子书后，我们将继续研究。在这一个过程中，我发现一些很有意思的东西——只有开发出用户想要的东西，这个过程才容易实践起来的。\u003C\u002Fp\u003E\u003Cp\u003E增长可以分为两部分：一个是自身的增长，一个是用户的增长。两者实际上是一种相互促进的关系，当我们的能力增长到一定的程度，我们才能推进用户的增长。相用户增长到一定的程度，也会推进我们的技能增长。\u003C\u002Fp\u003E\u003Cp\u003E只是要在技术、数据分析、用户分析、创新等等有所突破，看上去好像不是一件容易的事。只是对于大部分的全栈工程师来说，实现技术、数据抓取和分析是一件容易的事。要实现对数据的敏感是一种很难的事，但是可视化过后的数据就一样了。对于用户的行为分析也是类似的，只是因为我们缺乏一些有效的练习。\u003C\u002Fp\u003E\u003Cp\u003E更让人惊讶的是创新也是可以练习的，每次我们遇到一个问题的时候，就是我们离创新最近的时候——难道不是吗？当你遇到一个难解的问题，就是你开拓一个新的能力的时候。\u003C\u002Fp\u003E\u003Cp\u003E好好享受这个学习的过程吧！\u003C\u002Fp\u003E\u003Ch2\u003E全栈增长工程师实战\u003C\u002Fh2\u003E\u003Cp\u003E终于来到了我们的主题了——我们很高兴宣布《全栈增长工程师实战》已经可以阅读了，地址：\u003Ca href=\&http:\u002F\\u002F?target=http%3A\u002F\u002Fgrowth-in-\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EGrowth 实战篇 Django版 -\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cp\u003E你将会看到：\u003C\u002Fp\u003E\u003Cul\u003E\u003Cli\u003E如何去开发一个Web应用（博客）\u003C\u002Fli\u003E\u003Cli\u003E如何编写单元测试、功能测试、自动化UI测试\u003C\u002Fli\u003E\u003Cli\u003E搭建并使用持续集成\u003C\u002Fli\u003E\u003Cli\u003E添加SEO支持——Sitemap、站长工具和Google Analytics\u003C\u002Fli\u003E\u003Cli\u003E使用API，制作AutoComplete\u003C\u002Fli\u003E\u003Cli\u003E开发相应的APP及其API——查看文章、用户登录、发表文章\u003C\u002Fli\u003E\u003Cli\u003E制作单页面应用\u003C\u002Fli\u003E\u003Cli\u003E可配置管理\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cp\u003E在这本电子书里，我们将使用Django + Bootstrap，完成我们的桌面版和移动版。\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002F7786aaf26d4b875a76831ed7fce35a4c_b.jpg\& data-rawwidth=\&1440\& data-rawheight=\&495\& class=\&origin_image zh-lightbox-thumb\& width=\&1440\& data-original=\&https:\u002F\\u002F7786aaf26d4b875a76831ed7fce35a4c_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1440'%20height='495'&&\u002Fsvg&\& data-rawwidth=\&1440\& data-rawheight=\&495\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1440\& data-original=\&https:\u002F\\u002F7786aaf26d4b875a76831ed7fce35a4c_r.jpg\& data-actualsrc=\&https:\u002F\\u002F7786aaf26d4b875a76831ed7fce35a4c_b.jpg\&\u003E\u003Cp\u003E不仅仅如此，我们还提供前后端分享的实践——基于Riot.js的单页面移动版：\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fa0aaf4d1cdf0d261a6dc3_b.png\& data-rawwidth=\&300\& data-rawheight=\&532\& class=\&content_image\& width=\&300\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='300'%20height='532'&&\u002Fsvg&\& data-rawwidth=\&300\& data-rawheight=\&532\& class=\&content_image lazy\& width=\&300\& data-actualsrc=\&https:\u002F\\u002Fa0aaf4d1cdf0d261a6dc3_b.png\&\u003E\u003Cbr\u003E\u003Cp\u003E同时，我们还用基于混合应用框架Ionic提供了Android版\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fb0e01e19f4d1f5ae748b5af_b.png\& data-rawwidth=\&300\& data-rawheight=\&532\& class=\&content_image\& width=\&300\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='300'%20height='532'&&\u002Fsvg&\& data-rawwidth=\&300\& data-rawheight=\&532\& class=\&content_image lazy\& width=\&300\& data-actualsrc=\&https:\u002F\\u002Fb0e01e19f4d1f5ae748b5af_b.png\&\u003E\u003Cbr\u003E\u003Cp\u003E还有iOS版，当然也有WP版——只是当前我没有Windows 10的机器。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Ch2\u003EENJOY CREATE & SHARE\u003C\u002Fh2\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002F28ec8184cda57fecd503c79ad5d09fab_b.jpg\& data-rawwidth=\&258\& data-rawheight=\&258\& class=\&content_image\& width=\&258\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='258'%20height='258'&&\u002Fsvg&\& data-rawwidth=\&258\& data-rawheight=\&258\& class=\&content_image lazy\& width=\&258\& data-actualsrc=\&https:\u002F\\u002F28ec8184cda57fecd503c79ad5d09fab_b.jpg\&\u003E\u003Cbr\u003E\u003Cp\u003E地址：\u003Ca href=\&http:\u002F\\u002F?target=https%3A\\u002Fphodal\u002Fgrowth-in-action\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EGitHub - phodal\u002Fgrowth-in-action: 全栈增长工程师实战\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fp\u003E&,&updated&:new Date(&T14:10:01.000Z&),&canComment&:false,&commentPermission&:&anyone&,&commentCount&:3,&collapsedCount&:0,&likeCount&:36,&state&:&published&,&isLiked&:false,&slug&:&&,&isTitleImageFullScreen&:false,&rating&:&none&,&titleImage&:&https:\u002F\\u002Fcfc62f9af36d_r.jpg&,&links&:{&comments&:&\u002Fapi\u002Fposts\u002F2Fcomments&},&reviewers&:[],&topics&:[{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&全栈工程师&},{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&编程&},{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&信息技术（IT）&}],&adminClosedComment&:false,&titleImageSize&:{&width&:1620,&height&:1080},&href&:&\u002Fapi\u002Fposts\u002F&,&excerptTitle&:&&,&column&:{&slug&:&phodal&,&name&:&Phodal - 手工艺人&},&tipjarState&:&inactivated&,&annotationAction&:[],&sourceUrl&:&&,&pageCommentsCount&:3,&hasPublishingDraft&:false,&snapshotUrl&:&&,&publishedTime&:&T22:10:01+08:00&,&url&:&\u002Fp\u002F&,&lastestLikers&:[{&bio&:&阅读\u002F纺织\u002F棋牌\u002F书法\u002F编程\u002F红酒&,&isFollowing&:false,&hash&:&d87c841eb76f3deed213&,&uid&:76,&isOrg&:false,&slug&:&zhang-yi-79-92&,&isFollowed&:false,&description&:&&,&name&:&示韦&,&profileUrl&:&https:\u002F\\u002Fpeople\u002Fzhang-yi-79-92&,&avatar&:{&id&:&efab66dfa5eb408abad83&,&template&:&https:\u002F\\u002F50\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},{&bio&:&汽车制造 \u002F 产品设计师 \u002F 登山爱好者&,&isFollowing&:false,&hash&:&6c17b690e5b310caba082bc&,&uid&:92,&isOrg&:false,&slug&:&sem-wa&,&isFollowed&:false,&description&:&&,&name&:&隔壁 Roy&,&profileUrl&:&https:\u002F\\u002Fpeople\u002Fsem-wa&,&avatar&:{&id&:&da8e974dc&,&template&:&https:\u002F\\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},{&bio&:&&,&isFollowing&:false,&hash&:&2a40a217cd446ba4b0ce06a5abbbf095&,&uid&:40,&isOrg&:false,&slug&:&hu-huo-52&,&isFollowed&:false,&description&:&&,&name&:&掘玉&,&profileUrl&:&https:\u002F\\u002Fpeople\u002Fhu-huo-52&,&avatar&:{&id&:&f15237adf365cf270b928&,&template&:&https:\u002F\\u002F50\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},{&bio&:&电孑工程大一&,&isFollowing&:false,&hash&:&e70b0f46ee9aae8fa4f140&,&uid&:085600,&isOrg&:false,&slug&:&shou-si-jia-dan&,&isFollowed&:false,&description&:&&,&name&:&寿司加蛋&,&profileUrl&:&https:\u002F\\u002Fpeople\u002Fshou-si-jia-dan&,&avatar&:{&id&:&da8e974dc&,&template&:&https:\u002F\\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},{&bio&:&。&,&isFollowing&:false,&hash&:&b4bf019b41&,&uid&:00,&isOrg&:false,&slug&:&gao-yu-11-1&,&isFollowed&:false,&description&:&&,&name&:&高宇&,&profileUrl&:&https:\u002F\\u002Fpeople\u002Fgao-yu-11-1&,&avatar&:{&id&:&a1f795aa2b554&,&template&:&https:\u002F\\u002F50\u002F{id}_{size}.png&},&isOrgWhiteList&:false,&isBanned&:false}],&summary&:&\u003Cimg src=\&https:\u002F\\u002F50\u002F7786aaf26d4b875a76831ed7fce35a4c_200x112.jpg\& data-rawwidth=\&1440\& data-rawheight=\&495\& class=\&origin_image inline-img zh-lightbox-thumb\& data-original=\&https:\u002F\\u002F50\u002F7786aaf26d4b875a76831ed7fce35a4c_r.jpg\&\u003E\u003Cb\u003E（文末有惊喜）\u003C\u002Fb\u003E记得我们在《\u003Ca href=\&http:\u002F\u002Fmp.\u002Fs?src=3&timestamp=&ver=1&signature=z1onJvKn4TSrUmXm384CQUF1IZBVsLShsQ4DpmumN6xY0Gm5RR9XKdbf6ELzdRqg-mxdtxceTg-4-KrhYHZQC6wiSEWsP64vh0sl2Je4G16hnS6MsuZaD-u01HAENCSKoMhQiw0tu2y3-tSJsOML0w==\& data-editable=\&true\& data-title=\&RePractise前端篇: 前端演进史\&\u003ERePractise前端篇: 前端演进史\u003C\u002Fa\u003E》中提到技术在最近十几年的飞速发展，当然最主要的就是：技术的复杂度不断地从应用层抽象到了框架层。虽说：技术的复杂度同力一样不会消失，也不会凭空产生，它总是从一个物体转移到另一个物体或一…&,&reviewingCommentsCount&:0,&meta&:{&previous&:{&isTitleImageFullScreen&:false,&rating&:&none&,&titleImage&:&https:\u002F\\u002F50\u002Ff151e3e04ee7f7aebcfc593_xl.jpg&,&links&:{&comments&:&\u002Fapi\u002Fposts\u002F2Fcomments&},&topics&:[{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&程序员&},{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&编程&},{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&爱情&}],&adminClosedComment&:false,&href&:&\u002Fapi\u002Fposts\u002F&,&excerptTitle&:&&,&author&:{&bio&:&待我代码编成，娶你为妻可好 @花仲马&,&isFollowing&:false,&hash&:&fea2f801ab1dc87a87f8bdeb6fdb3394&,&uid&:20,&isOrg&:false,&slug&:&phodal&,&isFollowed&:false,&description&:&工程师 \u002F 咨询师 \u002F 作家 \u002F 设计学徒&,&name&:&phodal&,&profileUrl&:&https:\u002F\\u002Fpeople\u002Fphodal&,&avatar&:{&id&:&cebfe26a7aecb4&,&template&:&https:\u002F\\u002F50\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},&column&:{&slug&:&phodal&,&name&:&Phodal - 手工艺人&},&content&:&\u003Cp\u003E每个女生都有自己的Mr.Right：\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cfigure\u003E\u003Cimg src=\&http:\u002F\\u002F77c259ceb40c8aee7dec398_b.png\& data-rawwidth=\&318\& data-rawheight=\&159\& class=\&content_image\& width=\&318\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E每个Geek都有自己的GNU：\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cfigure\u003E\u003Cimg src=\&http:\u002F\\u002Fc3e03cb9f68e8fc66eb2644f_b.jpg\& data-rawwidth=\&2320\& data-rawheight=\&1423\& class=\&origin_image zh-lightbox-thumb\& width=\&2320\& data-original=\&http:\u002F\\u002Fc3e03cb9f68e8fc66eb2644f_r.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cbr\u003E\u003Cp\u003E如果这个故事有一个很好的开头，那么应该是这样的。\u003C\u002Fp\u003E\u003Cblockquote\u003E\u003Cp\u003E她是一名文学专业的才女，他是一名资深的极客。\u003C\u002Fp\u003E\u003Cp\u003E从相遇相识到相知相爱，他们爱情的每一步都写满极客世界的传奇。\u003C\u002Fp\u003E\u003Cp\u003E平凡的爱情都是相似的，平凡的爱情也各有各的不同。和一个技术宅男谈恋爱，则更需要满满的战斗力。杀得了木马过得了防火墙不说，更需要斗得过电脑小三，打得过鼠标小强。\u003C\u002Fp\u003E\u003Cp\u003E他们的爱情，就这样开始、并且继续着。\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Cp\u003E这是来自我们家“花仲马”在写的第二个爱情小说——《青春没有bug》。\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cimg src=\&http:\u002F\\u002F61aec15ad335c5cc76edea2_b.png\& data-rawwidth=\&1890\& data-rawheight=\&668\& class=\&origin_image zh-lightbox-thumb\& width=\&1890\& data-original=\&http:\u002F\\u002F61aec15ad335c5cc76edea2_r.png\&\u003E\u003C\u002Ffigure\u003E\u003Cbr\u003E\u003Cp\u003E遗憾的是她已经断更很久很久了，故事大概要从她大一开始，直到她毕业。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E更遗憾的是我不会讲故事，我也讲不了这么长的故事。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Ch2\u003E\u003Cstrong\u003E待我代码编成\u003C\u002Fstrong\u003E\u003C\u002Fh2\u003E\u003Cp\u003E生活是很漫长的旅途，为了到达我们想要去的地方，我们就会多努力。\u003C\u002Fp\u003E\u003Cp\u003E在这个行业里，我们因为不同的原因在编程，或是为了养家糊口，或是为了一份更高的收，或是为了理想，又或者是去改变世界。\u003C\u002Fp\u003E\u003Cp\u003E每天我们都会因为在计算机前多待一分钟，而忽略某些人的存在。\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cimg src=\&http:\u002F\\u002Ff151e3e04ee7f7aebcfc593_b.jpg\& data-rawwidth=\&600\& data-rawheight=\&433\& class=\&origin_image zh-lightbox-thumb\& width=\&600\& data-original=\&http:\u002F\\u002Ff151e3e04ee7f7aebcfc593_r.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E对于绝大多数的人来说，生活是一个很难的抉择：你陪她玩，你就买不起她想要的包包。你赚钱吧，又没有时间去陪她玩。\u003C\u002Fp\u003E\u003Cp\u003E无论是哪个行业都需要长期、持之以恒的练习——虽然你可能已经达到了10000小时，但是也不代表你会成为专家。技术在最近几年里发展得特别迅速，这也意味着需要付诸更多的时间学习，用新的技术替换脑子里旧有的技术。\u003C\u002Fp\u003E\u003Cp\u003E在逛街和写代码间是很难均衡的一件事——除非你不差钱。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E当我们毕业的时候，我们就开始踏入了生活。这不是一件容易的事，很多时候我们想去做的事，由于种种原因我们不能去做。\u003C\u002Fp\u003E\u003Cp\u003E只因为我们需要更好的活下去，所以我们需要去努力。\u003C\u002Fp\u003E\u003Cp\u003E记得知乎上有这样的一个问题：《\u003Cstrong\u003E在Github上保持365天全绿是怎样一种体验？\u003C\u002Fstrong\u003E》，看看点选最高的答案\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cfigure\u003E\u003Cimg src=\&http:\u002F\\u002Fdbe80102bfeb12a444157_b.png\& data-rawwidth=\&1344\& data-rawheight=\&646\& class=\&origin_image zh-lightbox-thumb\& width=\&1344\& data-original=\&http:\u002F\\u002Fdbe80102bfeb12a444157_r.png\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E虽然我也已经590天“全绿了”，不过我们家花仲马宽宏大量，只是让我“多跪了几次键盘——不能打出字的那种”。\u003C\u002Fp\u003E\u003Cp\u003E如果你身边有这么好的人，那么你就娶了吧。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Ch2\u003E\u003Cstrong\u003E娶你为妻可好\u003C\u002Fstrong\u003E\u003C\u002Fh2\u003E\u003Cp\u003E以前，除了我们有着写作这样的共同习惯，还有偶尔可以谈谈的诗词笔墨。现在，我们还可以谈论一些简单的技术问题，\u003Cstrong\u003E从中文跨到技术编辑领域不是一件轻松的事\u003C\u002Fstrong\u003E。因此，我们又有了一些共同的话题。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E我喜欢看你谈论一些成就时，傲娇的表情~。\u003C\u002Fp\u003E\u003Cp\u003E我喜欢看你写作时，认真的样子~。\u003C\u002Fp\u003E\u003Cp\u003E我还喜欢和你窝在看《基本演绎法》时的感觉，\u003Cstrong\u003E就想欺负你笨\u003C\u002Fstrong\u003E。\u003C\u002Fp\u003E\u003Cp\u003E...\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E谢谢你没有因为我的不解风情、不会聊天、邋遢等等而嫌弃我~~~~~~\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E一年多以前写的代码，又可以拿出来秀了~~。\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cimg src=\&http:\u002F\\u002F78d1ddbf3f3af9ce94e70db1be8a6057_b.png\& data-rawwidth=\&1522\& data-rawheight=\&386\& class=\&origin_image zh-lightbox-thumb\& width=\&1522\& data-original=\&http:\u002F\\u002F78d1ddbf3f3af9ce94e70db1be8a6057_r.png\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E代码里有很多读者想知道的答案——所以不要问我什么时候结婚。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cfigure\u003E\u003Cimg src=\&http:\u002F\\u002Fe67af8c572f6706fabcca_b.png\& data-rawwidth=\&1800\& data-rawheight=\&167\& class=\&origin_image zh-lightbox-thumb\& width=\&1800\& data-original=\&http:\u002F\\u002Fe67af8c572f6706fabcca_r.png\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E好了，说了这么多都是没用的，我去给她发红包了。。。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E(未完待续)\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cstrong\u003E如果你的女朋友也不懂极客的心思，不妨向她咨询吧！\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E关注我们家花仲马的微信公众号\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cimg src=\&http:\u002F\\u002Ff23d518bdcc31c2e0d943d983b272845_b.jpg\& data-rawwidth=\&258\& data-rawheight=\&258\& class=\&content_image\& width=\&258\&\u003E\u003C\u002Ffigure\u003E&,&state&:&published&,&sourceUrl&:&&,&pageCommentsCount&:0,&canComment&:false,&snapshotUrl&:&&,&slug&:,&publishedTime&:&T20:11:38+08:00&,&url&:&\u002Fp\u002F&,&title&:&待我代码编成 娶你为妻可好&,&summary&:&每个女生都有自己的Mr.Right： 每个Geek都有自己的GNU： 如果这个故事有一个很好的开头，那么应该是这样的。她是一名文学专业的才女，他是一名资深的极客。从相遇相识到相知相爱，他们爱情的每一步都写满极客世界的传奇。平凡的爱情都是相似的，平凡的爱情…&,&reviewingCommentsCount&:0,&meta&:{&previous&:null,&next&:null},&commentPermission&:&anyone&,&commentsCount&:12,&likesCount&:42},&next&:{&isTitleImageFullScreen&:false,&rating&:&none&,&titleImage&:&https:\u002F\\u002F50\u002F3a0facf2f37_xl.jpg&,&links&:{&comments&:&\u002Fapi\u002Fposts\u002F2Fcomments&},&topics&:[{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&程序员&},{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&前端开发&},{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&前端工程师&}],&adminClosedComment&:false,&href&:&\u002Fapi\u002Fposts\u002F&,&excerptTitle&:&&,&author&:{&bio&:&待我代码编成，娶你为妻可好 @花仲马&,&isFollowing&:false,&hash&:&fea2f801ab1dc87a87f8bdeb6fdb3394&,&uid&:20,&isOrg&:false,&slug&:&phodal&,&isFollowed&:false,&description&:&工程师 \u002F 咨询师 \u002F 作家 \u002F 设计学徒&,&name&:&phodal&,&profileUrl&:&https:\u002F\\u002Fpeople\u002Fphodal&,&avatar&:{&id&:&cebfe26a7aecb4&,&template&:&https:\u002F\\u002F50\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},&column&:{&slug&:&phodal&,&name&:&Phodal - 手工艺人&},&content&:&\u003Cp\u003E之前在那篇《\u003Ca href=\&http:\u002F\\u002F?target=http%3A\u002F\u002Fmp.\u002Fs%3F__biz%3DMjM5Mjg4NDMwMA%3D%3D%26mid%3Didx%3D1%26sn%3D3d4b9edca3c67cdb9d5e8fb1d51de41d%26scene%3D21%23wechat_redirect\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E我的编程之路\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E》里，我讲述过我的编程之路。今天我们就来说说我的前端之路，相信以后还会有一篇《我的全栈之路》。\u003C\u002Fp\u003E\u003Cp\u003E记得在一直有三个主要的发展方向：编程、写作、设计。依据这三个方向来说，\u003Cstrong\u003E前端就是编程和写作的结合体\u003C\u002Fstrong\u003E。\u003C\u002Fp\u003E\u003Ch2\u003E入门\u003C\u002Fh2\u003E\u003Cp\u003E故事要从大一说起：当时在入学前，我和楚非经常在“\u003Cstrong\u003E福(fu)建\u003C\u002Fstrong\u003E老乡群”讨论技术，于是到了大学就勾搭在一起了。\u003Cstrong\u003E他是学美术的，我是学电焊（电子信息工程）的\u003C\u002Fstrong\u003E。在后来的大学期间里我们常常搭档拉一些私活、做一些网站。\u003C\u002Fp\u003E\u003Cp\u003E在我们有了远大的理想之后，我们就开始分前后端——就是谁做前端，谁做后端。这个问题的答案：难道不应该是\u003Cstrong\u003E学美术的用PS做前端，学电信的C写语言的做后端\u003C\u002Fstrong\u003E吗？反正答案大家都知道了：不是。在今天看来有两个原因：一、他是用Python的。二、我想学点设计。\u003C\u002Fp\u003E\u003Cp\u003E于是，我就踏入前端这个坑，后来我就变成了萝卜。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cimg src=\&http:\u002F\\u002Fe0fa02d4ae921a19f215_b.jpg\& data-rawwidth=\&525\& data-rawheight=\&353\& class=\&origin_image zh-lightbox-thumb\& width=\&525\& data-original=\&http:\u002F\\u002Fe0fa02d4ae921a19f215_r.jpg\&\u003E我一直都喜欢实战一个语言、框架、技术等等，所以在最初的时候我只能做出这样的页面——这是我的第一个网站的水平，\u003Cstrong\u003E求不取关\u003C\u002Fstrong\u003E。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cimg src=\&http:\u002F\\u002Fb1d340dfebd1cdf7727da3_b.png\& data-rawwidth=\&800\& data-rawheight=\&525\& class=\&origin_image zh-lightbox-thumb\& width=\&800\& data-original=\&http:\u002F\\u002Fb1d340dfebd1cdf7727da3_r.png\&\u003E并且很多写得比较好看的都不是我写的，就开始了长路漫漫的\u003Cstrong\u003ECookbook\u003C\u002Fstrong\u003E学习了——这就是我为什么我对动物园(O'Reilly)的书好感比较深的原因了。\u003C\u002Fp\u003E\u003Ch2\u003E\u003Cb\u003E切图\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cp\u003E大一暑假时，我就尝试向几家网络公司投了简历，第一个实习机会就是切图，当时这样的网络公司算是比较普遍的，不过我想今天大多数公司也是这样的：\u003C\u002Fp\u003E\u003Cimg src=\&http:\u002F\\u002F336e36a2c6a8b4c73084_b.png\& data-rawwidth=\&1600\& data-rawheight=\&805\& class=\&origin_image zh-lightbox-thumb\& width=\&1600\& data-original=\&http:\u002F\\u002F336e36a2c6a8b4c73084_r.png\&\u003E\u003Cp\u003E当时我只实习了半天就觉得混不下去了，主要是那个电脑太卡了——\u003Cstrong\u003E完全不适合用PS\u003C\u002Fstrong\u003E。那半天做的事情就是这样的：那家公司给了我个静态图片，让我把它切成一个个图层。类似于我们在写CSS + HTML的时候，划分DIV的感觉。\u003C\u002Fp\u003E\u003Cp\u003E接着，很快地我就找到了第二家公司。这家公司要我做的事情：基于一张图片，做出一个静态页面。\u003C\u002Fp\u003E\u003Cp\u003E不过，在今天我都是在做第二件事，除了这个网站不是这样的做的：\u003C\u002Fp\u003E\u003Cimg src=\&http:\u002F\\u002Fb0e2fd44e453ffdb3eb8a8c_b.jpg\& data-rawwidth=\&1440\& data-rawheight=\&747\& class=\&origin_image zh-lightbox-thumb\& width=\&1440\& data-original=\&http:\u002F\\u002Fb0e2fd44e453ffdb3eb8a8c_r.jpg\&\u003E\u003Cp\u003E但是它真的不好看，求UX帮改进。\u003C\u002Fp\u003E\u003Cp\u003E在那之后的很长一段时间里，我觉得前端就是HTML + CSS，外加\u003Cstrong\u003EJavaScript这个小三\u003C\u002Fstrong\u003E来操作HTML和CSS。当时我们面对客户的需求后，要做的第一件就是：找个jQuery插件。\u003C\u002Fp\u003E\u003Cp\u003E后来，我就去学后端、还有“空手”焊电话：\u003C\u002Fp\u003E\u003Cp\u003E\u003Cimg src=\&http:\u002F\\u002Fc22a2cb16b8f60d7d2fb56_b.jpg\& data-rawwidth=\&800\& data-rawheight=\&450\& class=\&origin_image zh-lightbox-thumb\& width=\&800\& data-original=\&http:\u002F\\u002Fc22a2cb16b8f60d7d2fb56_r.jpg\&\u003E幸好，最后焊出来的这个电路是能用的。\u003C\u002Fp\u003E\u003Ch2\u003E前后端分离\u003C\u002Fh2\u003E\u003Cp\u003E某次在闲逛的时候，发现了一个基于jQuery Mobiel的单页面应用，发现原来Web也可以这样做。但是因为是基于jQuery就还觉得好奇了，到了后来都已经是实习的时候。当时项目上在用Backbone，今天已经是微服务 + React了。说是幸运也不好，不幸也好，经历过这么大的爆发。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003EAPP和移动Web的出现改变了系统原先的MVC架构。\u003C\u002Fp\u003E\u003Cimg src=\&http:\u002F\\u002F781a5ca33b31ea84910a_b.png\& data-rawwidth=\&694\& data-rawheight=\&444\& class=\&origin_image zh-lightbox-thumb\& width=\&694\& data-original=\&http:\u002F\\u002F781a5ca33b31ea84910a_r.png\&\u003E\u003Cp\u003E这时候出现了一些微妙的变化，于是我也经历了这些变化。\u003C\u002Fp\u003E\u003Cul\u003E\u003Cli\u003E\u003Cp\u003E逻辑代码不仅仅只在后台出现——同样的逻辑也会出现在前后端\u003C\u002Fp\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Cp\u003E由于前端打交道的是API——人们不得不重新设计API，微服务开始流行\u003C\u002Fp\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Cp\u003E信息安全变成了一个更重要的话题了\u003C\u002Fp\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Cp\u003E混合应用带给了前端新的可能性\u003C\u002Fp\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Cp\u003ENode.js将前端人员引入了后端\u003C\u002Fp\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Cp\u003E人们改进了JavaScript——ES6\u003C\u002Fp\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Cp\u003E等等。。\u003C\u002Fp\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cp\u003E越来越多的网站开始重构自己的系统，让自己的网站更轻量级，更快。当然，更有极端者走向了One JavaScript。\u003C\u002Fp\u003E\u003Ch2\u003EOne JavaScript\u003C\u002Fh2\u003E\u003Cblockquote\u003E\u003Cp\u003E如果说这个世界上有一个语言来解决绝大部分的技术问题，那么只有JavaScript。\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Cp\u003E因为只有JavaScript能在浏览器上运行，即使我们用了其他语言转换成JavaScript，那么它最终也是JavaScript。\u003C\u002Fp\u003E\u003Cp\u003E在那篇《\u003Ca href=\&http:\u002F\\u002F?target=http%3A\u002F\u002Fmp.\u002Fs%3F__biz%3DMjM5Mjg4NDMwMA%3D%3D%26mid%3Didx%3D1%26sn%3D3bc7a9c6afd23ascene%3D21%23wechat_redirect\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E最流行的编程语言JavaScript能做什么？\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E》，实际上就是我对JavaScript的一些尝试：\u003C\u002Fp\u003E\u003Cul\u003E\u003Cli\u003E\u003Cp\u003E数据可视化。我最喜欢的领域之一了，将难以读懂的数据，转换成美秒的图表。\u003C\u002Fp\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Cp\u003E移动应用。无论是Growth还是我现在的项目，我都在尽可能去优化这种快捷地开发方式。\u003C\u002Fp\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Cp\u003E服务端。我在我的物联网项目上，将Node.js用到其中，发现还是很不错的。\u003C\u002Fp\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Cp\u003E桌面应用。Growth的桌面版就是这样的一个尝试，只是这个包太大了。\u003C\u002Fp\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Cp\u003EVR和AR。还记得之前提到过的火星漫游者吗？\u003C\u002Fp\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Cp\u003E硬件。今天除了Tessel、还有Ruff可以做这样的事，未来还会有更多的硬件出现。\u003C\u002Fp\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Cp\u003E物联网。既然前后端都统一了，那么它也将在物联网领域统一。\u003C\u002Fp\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Cp\u003E全平台应用。\u003C\u002Fp\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cp\u003E依照现在的趋势，\u003Cstrong\u003E未来人们只需要有一份代码，就可以运行在桌面、桌面Web、移动Web、移动应用上。\u003C\u002Fstrong\u003E我想这个时间应该就在今年里就可以轻松做到了——已经有了，虽然还不怎么样。\u003C\u002Fp\u003E\u003Cp\u003E但是这一切并没有让人太满意，\u003Cstrong\u003E技术并没有与业务有太好的隔离\u003C\u002Fstrong\u003E。\u003C\u002Fp\u003E\u003Cp\u003EHi，如果你追求技术，热爱前端，如果\u003Cstrong\u003E你也在深圳\u003C\u002Fstrong\u003E，不妨来\u003Cstrong\u003EThoughtWorks深圳\u003C\u002Fstrong\u003E试试。当然，你也可以去ThoughtWorks\u003Cstrong\u003E西安、北京、成都、武汉、上海试试\u003C\u002Fstrong\u003E。我们正在寻找茫茫人海中的你。不仅可以见到我，你还有机会看到Martin Fowler——不要和我说你不认识他。同时，你将体验到国内领先的\u003Cstrong\u003E软件工程实践\u003C\u002Fstrong\u003E，以及结对编程：\u003C\u002Fp\u003E\u003Cimg src=\&http:\u002F\\u002F6c1acd8bd0fb_b.png\& data-rawwidth=\&1396\& data-rawheight=\&574\& class=\&origin_image zh-lightbox-thumb\& width=\&1396\& data-original=\&http:\u002F\\u002F6c1acd8bd0fb_r.png\&\u003E\u003Cp\u003E以及大把的不加班、刷GitHub、刷技术涨经验的时间——我的意思：\u003C\u002Fp\u003E\u003Cimg src=\&http:\u002F\\u002Fc8f19c18eeddee566d9dcb_b.png\& data-rawwidth=\&2008\& data-rawheight=\&1176\& class=\&origin_image zh-lightbox-thumb\& width=\&2008\& data-original=\&http:\u002F\\u002Fc8f19c18eeddee566d9dcb_r.png\&\u003E\u003Cp\u003E\u003Cstrong\u003E把简历给我 ( ) 啊，让我赚点辛苦费——毕竟推荐有奖。\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E&,&state&:&published&,&sourceUrl&:&&,&pageCommentsCount&:0,&canComment&:false,&snapshotUrl&:&&,&slug&:,&publishedTime&:&T22:53:06+08:00&,&url&:&\u002Fp\u002F&,&title&:&我的前端之路：从切图到放弃&,&summary&:&之前在那篇《\u003Ca href=\&http:\u002F\u002Fmp.\u002Fs?__biz=MjM5Mjg4NDMwMA==&mid=&idx=1&sn=3d4b9edca3c67cdb9d5e8fb1d51de41d&scene=21#wechat_redirect\& data-editable=\&true\& data-title=\&我的编程之路\&\u003E我的编程之路\u003C\u002Fa\u003E》里，我讲述过我的编程之路。今天我们就来说说我的前端之路，相信以后还会有一篇《我的全栈之路》。记得在一直有三个主要的发展方向：编程、写作、设计。依据这三个方向来说，\u003Cstrong\u003E前端就是编程和写作的结合体\u003C\u002Fstrong\u003E。入门故事要从大一说起：…&,&reviewingCommentsCount&:0,&meta&:{&previous&:null,&next&:null},&commentPermission&:&anyone&,&commentsCount&:23,&likesCount&:80}},&annotationDetail&:null,&commentsCount&:3,&likesCount&:36,&FULLINFO&:true}},&User&:{&phodal&:{&isFollowed&:false,&name&:&phodal&,&headline&:&工程师 \u002F 咨询师 \u002F 作家 \u002F 设计学徒&,&avatarUrl&:&https:\u002F\\u002F50\u002Fcebfe26a7aecb4_s.jpg&,&isFollowing&:false,&type&:&people&,&slug&:&phodal&,&bio&:&待我代码编成，娶你为妻可好 @花仲马&,&hash&:&fea2f801ab1dc87a87f8bdeb6fdb3394&,&uid&:20,&isOrg&:false,&description&:&工程师 \u002F 咨询师 \u002F 作家 \u002F 设计学徒&,&badge&:{&identity&:null,&bestAnswerer&:{&topics&:[{&type&:&topic&,&id&:&&,&name&:&编程&},{&type&:&topic&,&id&:&&,&name&:&程序员&}],&description&:&优秀回答者&}},&profileUrl&:&https:\u002F\\u002Fpeople\u002Fphodal&,&avatar&:{&id&:&cebfe26a7aecb4&,&template&:&https:\u002F\\u002F50\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false}},&Comment&:{},&favlists&:{}},&me&:{},&global&:{&experimentFeatures&:{&ge3&:&ge3_9&,&ge2&:&ge2_1&,&nwebStickySidebar&:&sticky&,&androidPassThroughPush&:&all&,&newMore&:&new&,&liveReviewBuyBar&:&live_review_buy_bar_2&,&liveStore&:&ls_a2_b2_c1_f2&,&qawebThumbnailAbtest&:&old&,&searchHybridTabs&:&without-tabs&,&isOffice&:&false&,&newLiveFeedMediacard&:&old&,&homeUi2&:&default&,&remixOneKeyPlayButton&:&footerButton&,&recommendationAbtest&:&old&,&marketTab&:&market_tab_old&,&qrcodeLogin&:&qrcode&,&isShowUnicomFreeEntry&:&unicom_free_entry_off&,&newMobileColumnAppheader&:&new_header&,&androidDbRecommendAction&:&open&,&zcmLighting&:&zcm&,&favAct&:&default&,&appStoreRateDialog&:&close&,&mobileQaPageProxyHeifetz&:&m_qa_page_nweb&,&default&:&None&,&wechatShareModal&:&wechat_share_modal_show&,&qaStickySidebar&:&sticky_sidebar&,&androidProfilePanel&:&panel_b&,&nwebWriteAnswer&:&experiment&}},&columns&:{&next&:{},&phodal&:{&following&:false,&canManage&:false,&href&:&\u002Fapi\u002Fcolumns\u002Fphodal&,&name&:&Phodal - 手工艺人&,&creator&:{&slug&:&phodal&},&url&:&\u002Fphodal&,&slug&:&phodal&,&avatar&:{&id&:&6eaca946f1f2b19b58b2&,&template&:&https:\u002F\\u002F{id}_{size}.jpeg&}}},&columnPosts&:{},&columnSettings&:{&colomnAuthor&:[],&uploadAvatarDetails&:&&,&contributeRequests&:[],&contributeRequestsTotalCount&:0,&inviteAuthor&:&&},&postComments&:{},&postReviewComments&:{&comments&:[],&newComments&:[],&hasMore&:true},&favlistsByUser&:{},&favlistRelations&:{},&promotions&:{},&draft&:{&titleImage&:&&,&titleImageSize&:{},&isTitleImageFullScreen&:false,&canTitleImageFullScreen&:false,&title&:&&,&titleImageUploading&:false,&error&:&&,&content&:&&,&draftLoading&:false,&globalLoading&:false,&pendingVideo&:{&resource&:null,&error&:null}},&drafts&:{&draftsList&:[],&next&:{}},&config&:{&userNotBindPhoneTipString&:{}},&recommendPosts&:{&articleRecommendations&:[],&columnRecommendations&:[]},&env&:{&edition&:{&baidu&:false,&yidianzixun&:false,&qqnews&:false},&isAppView&:false,&appViewConfig&:{&content_padding_top&:128,&content_padding_bottom&:56,&content_padding_left&:16,&content_padding_right&:16,&title_font_size&:22,&body_font_size&:16,&is_dark_theme&:false,&can_auto_load_image&:true,&app_info&:&OS=iOS&},&isApp&:false,&userAgent&:{&ua&:&Mozilla\u002F5.0 (compatible, MSIE 11, Windows NT 6.3; Trident\u002F7.0; rv:11.0) like Gecko&,&browser&:{&name&:&IE&,&version&:&11&,&major&:&11&},&engine&:{&version&:&7.0&,&name&:&Trident&},&os&:{&name&:&Windows&,&version&:&8.1&},&device&:{},&cpu&:{}}},&message&:{&newCount&:0},&pushNotification&:{&newCount&:0}}}