租房家具清单的一些事我弄不清了
点击联系发帖人
时间：2017-10-01 15:28
如何拿链家网的租房数据做些有意思的事情？a year ago校正经纬度之后，数据为问题就已经解决了，下面就开始进入统计分析阶段。首先放上的就是标题上的图片，南京的租房房源数量与房价之间的分布图片。红色越深代表当前区域的平均租房房价越低，蓝色越深代表当前渔区的平均租房房价越高。白色区域的租价在3500/月左右，取了最低值1200元/月，最高值10000元/月。圆圈越大代表当前趋于的房源越多，越小代表房源越少。图上的大体分布基本上也是符合南京的房价状况的，中心地段普遍租价较高，而在桥北等地方租房房价普遍偏低并且房源数量较多。这样的图片看的还是不怎么清晰，为了让图片更加的通俗易懂，这里，我分别提取了平均房租高于10000的点。好，先看看这个颜色最深的点，不出意外，看位置在新街口附近，接下来去验证。这个经纬度下找到了民族大厦，但是对于这个最高点，我充满疑惑。很显然在新街口，这个民族大厦并不是最好的位置，但是为什么周边却没有高出民族大厦房租的其他 小区呢？我想到的第一个原因是，在此片区域，链家上并没有其他相关的租房信息，于是我去赶集网查看了一下此片区域的租房情况。我们按照关键词新街口地铁口搜索：，在赶集上我也没有找到比这个更高的房租，我又查阅了其他几个网站同样没有。第二个原因：链家网上的信息可能有误，很多网站会存在这种虚假信息，于是我去找到了此房源：没有一张图片，也没有任何说明，同时发现发布时间为一年之前，我猜测可能为虚假信息，但是并不能这么轻易的下结论，也是为了发现正确信息，为此我查找了一些资料，发现了以下的图片，很显然民族大厦的租价不可能打到40000元/月，因此判断为虚假信息。那么，到底最高的租房房价在哪里呢？我们继续找刚刚的第二个点。按照以上的思路分析，得到最高租价房源为：2、根据据离地铁的远近，我们来画一个地铁线吧！这个应该比较有意思呢！我们抓出来的数据中有房源距离地铁的远近，那我突然就有个想法。如果我把这些距离较小的点都集中了，那是不是就能简单绘出地铁线吗？这真是很有趣，当然如果每一个距离地铁的距离能加上几号线可能绘图会更加准确，但是这里我只保留了距离地铁的距离，所以这里画出的地铁线会不区分几号线。画出下图：圆圈大小代表离地铁的远近，越小离地铁越近。我有一个大胆的想法，把这些小点连起来不就是我们想要的地铁线路吗？图片出来，ok，用一下美图秀秀~电脑上没有ps！如下因为图片过大，这里只能画市区以及南部地区的路线图，桥北的无法再现！把所有的小圆圈链接起来即可，很显然，这个图是有很大问题的，那么如何解决这个问题呢？在对抓下来的数据处理过程中，一定要保留是哪一号线地铁，这样在连线的过程中有更加有针对性，并且图像会更加准确！期待大家的作品。3、南京市的高层建筑在哪里？从上图中会很好的发现，低层建筑很多，同时低层建筑中包围了很多的中高层建筑，我认为随着发展，原先的很多低层建筑在发展过程中逐渐被中高层取代掉~这些现象在市区附近最为明显。但是在桥北等地区，不是很明显。在桥北地区，一个很明显的发展现象是：西南方向的中高层建筑越来越多，这是不是意味着桥北地区的一个发展趋势呢？第二部分：Talk is cheap，Show me your CODE.很多次在公众号收到这样的回复，那么今天就稍微解释一下链家网的爬虫，其实是很简单的。一部分是抓取，每一页面上的房源链接另一部分是解析这个房源链接上的内容大概就是这样！代码不全，请自行脑补。赞赏7 人赞赏746收藏分享举报文章被以下专栏收录莫道君行早，更有早行人。全心敲代码，天道自酬勤。{&debug&:false,&apiRoot&:&&,&paySDK&:&https:\u002F\u002Fpay.zhihu.com\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&:&微信公众号：一个程序员的日常\n\n莫道君行早，更有早行人。\n全心敲代码，天道自酬勤。&,&permission&:&COLUMN_PUBLIC&,&memberId&:,&contributePermission&:&COLUMN_PUBLIC&,&translatedCommentPermission&:&all&,&canManage&:true,&intro&:&莫道君行早，更有早行人。全心敲代码，天道自酬勤。&,&urlToken&:&passer&,&id&:16638,&imagePath&:&a778fbfce5ddb4ff441662.jpeg&,&slug&:&passer&,&applyReason&:&0&,&name&:&学习编程&,&title&:&学习编程&,&url&:&https:\u002F\u002Fzhuanlan.zhihu.com\u002Fpasser&,&commentPermission&:&COLUMN_ALL_CAN_COMMENT&,&canPost&:true,&created&:,&state&:&COLUMN_NORMAL&,&followers&:125748,&avatar&:{&id&:&a778fbfce5ddb4ff441662&,&template&:&https:\u002F\u002Fpic2.zhimg.com\u002F{id}_{size}.jpg&},&activateAuthorRequested&:false,&following&:false,&imageUrl&:&https:\u002F\u002Fpic2.zhimg.com\u002Fa778fbfce5ddb4ff441662_l.jpg&,&articlesCount&:141},&state&:&accepted&,&targetPost&:{&titleImage&:&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-7389bdfeda2e_r.jpg&,&lastUpdated&:,&imagePath&:&v2-7389bdfeda2e.png&,&permission&:&ARTICLE_PUBLIC&,&topics&:[707,],&summary&:&周末周六两天，做了链家网的爬虫，可能有很多朋友做过，当然很多人只是练爬虫，但没有对爬取数据进行一些可视化去发现一些比较有意思的东西，今天想要通过抓取的数据进行一些比较有趣的统计分析。如果你想要这份数据：关注公众号：（\u003Cb\u003E一个程序员的日常\u003C\u002Fb\u003E），回…&,©Permission&:&ARTICLE_COPYABLE&,&translatedCommentPermission&:&all&,&likes&:0,&origAuthorId&:0,&publishedTime&:&T07:59:47+08:00&,&sourceUrl&:&&,&urlToken&:,&id&:2008313,&withContent&:false,&slug&:,&bigTitleImage&:true,&title&:&如何拿链家网的租房数据做些有意思的事情？&,&url&:&\u002Fp\u002F&,&commentPermission&:&ARTICLE_ALL_CAN_COMMENT&,&snapshotUrl&:&&,&created&:,&comments&:0,&columnId&:16638,&content&:&&,&parentId&:0,&state&:&ARTICLE_PUBLISHED&,&imageUrl&:&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-7389bdfeda2e_r.jpg&,&author&:{&bio&:&喜欢用数据讲故事\n微信公众号：一个程序员的日常&,&isFollowing&:false,&hash&:&eaf435b228ce0b038a4afe&,&uid&:243500,&isOrg&:false,&slug&:&sgai&,&isFollowed&:false,&description&:&有关于我的工作和生活都在微信公众号：一个程序员的日常，微信号：smcode2016&,&name&:&路人甲&,&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fsgai&,&avatar&:{&id&:&958a18f3216805bed269d158fb83325a&,&template&:&https:\u002F\u002Fpic3.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},&memberId&:,&excerptTitle&:&&,&voteType&:&ARTICLE_VOTE_CLEAR&},&id&:507712}],&title&:&如何拿链家网的租房数据做些有意思的事情？&,&author&:&sgai&,&content&:&周末周六两天，做了链家网的爬虫，可能有很多朋友做过，当然很多人只是练爬虫，但没有对爬取数据进行一些可视化去发现一些比较有意思的东西，今天想要通过抓取的数据进行一些比较有趣的统计分析。\u003Cp\u003E如果你想要这份数据：关注公众号：（\u003Cb\u003E一个程序员的日常\u003C\u002Fb\u003E），回复（\u003Cb\u003E链家数据\u003C\u002Fb\u003E）\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E今天文章分成两大部分\u003C\u002Fp\u003E\u003Cul\u003E\u003Cli\u003E对链家网的租房信息数据进行一些简单统计分析\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Col\u003E\u003Cli\u003E探索最高租价房源\u003C\u002Fli\u003E\u003Cli\u003E利用距离模拟画出南京市地铁路线图\u003C\u002Fli\u003E\u003Cli\u003E南京市的高层建筑在哪里？\u003C\u002Fli\u003E\u003C\u002Fol\u003E\u003Cbr\u003E\u003Cul\u003E\u003Cli\u003E解释链家网爬虫代码的重要部分\u003C\u002Fli\u003E\u003Cli\u003E最后链家数据的获取方式\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cp\u003E\u003Cb\u003E第一大部分：对链家的数据进行一些简单统计分析\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cu\u003E1、探索最高租价房源\u003C\u002Fu\u003E\u003C\u002Fp\u003E\u003Cp\u003E首先我此次分析的主题是\u003Cb\u003E南京的租房状况\u003C\u002Fb\u003E，所以这里我先抓取了南京的租房的信息，数据出来之后放入表格中的样子是这样的，包含：小区名、租价、经度、维度、房屋面积、室厅卫、是否整租、楼层高度、房屋方向、到最近地铁的距离。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-7bf16db9cd2c98a7dbb85d_b.jpg\& data-rawwidth=\&1241\& data-rawheight=\&845\& class=\&origin_image zh-lightbox-thumb\& width=\&1241\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-7bf16db9cd2c98a7dbb85d_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1241'%20height='845'&&\u002Fsvg&\& data-rawwidth=\&1241\& data-rawheight=\&845\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1241\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-7bf16db9cd2c98a7dbb85d_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-7bf16db9cd2c98a7dbb85d_b.jpg\&\u003E\u003C\u002Ffigure\u003E对于以上的数据，刚拿到我就开心的扔到了tableau里面，发现有点问题。一开始没意识到的问题，链家中的地理位置信息使用的是百度地图的，百度地图经纬度有所偏移。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-cae87fae252dfa778991_b.jpg\& data-rawwidth=\&899\& data-rawheight=\&444\& class=\&origin_image zh-lightbox-thumb\& width=\&899\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-cae87fae252dfa778991_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='899'%20height='444'&&\u002Fsvg&\& data-rawwidth=\&899\& data-rawheight=\&444\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&899\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-cae87fae252dfa778991_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-cae87fae252dfa778991_b.jpg\&\u003E\u003C\u002Ffigure\u003E好在，百度提供了这个接口\u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Flbsyun.baidu.com\u002Findex.php%3Ftitle%3Dwebapi\u002Fguide\u002Fchangeposition\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003Ewebapi\u002Fguide\u002Fchangeposition - Wiki\u003C\u002Fa\u003E ，可以通过这个把经纬度转成正确的经纬度坐标。有同学有兴趣的话可以尝试写一个批量转换的脚本，这里十分期待你们的脚本。同时，一种偷懒的解决方法：计算出经纬度的校正值，这边我使用的经纬度校正值是：\u003C\u002Fp\u003E\u003Cdiv class=\&highlight\&\u003E\u003Cpre\u003E\u003Ccode class=\&language-text\&\u003E\u003Cspan\u003E\u003C\u002Fspan\u003E经度：0.\n维度：0.12\n\u003C\u002Fcode\u003E\u003C\u002Fpre\u003E\u003C\u002Fdiv\u003E\u003Cp\u003E校正经纬度之后，数据为问题就已经解决了，下面就开始进入统计分析阶段。首先放上的就是标题上的图片，南京的租房房源数量与房价之间的分布图片。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-52e664d4a9cba30ae6842d_b.jpg\& data-rawwidth=\&1527\& data-rawheight=\&845\& class=\&origin_image zh-lightbox-thumb\& width=\&1527\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-52e664d4a9cba30ae6842d_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1527'%20height='845'&&\u002Fsvg&\& data-rawwidth=\&1527\& data-rawheight=\&845\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1527\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-52e664d4a9cba30ae6842d_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-52e664d4a9cba30ae6842d_b.jpg\&\u003E\u003C\u002Ffigure\u003E红色越深代表当前区域的平均租房房价越低，蓝色越深代表当前渔区的平均租房房价越高。白色区域的租价在F月左右，取了最低值1200元\u002F月，最高值10000元\u002F月。\u003C\u002Fp\u003E\u003Cp\u003E圆圈越大代表当前趋于的房源越多，越小代表房源越少。\u003C\u002Fp\u003E\u003Cp\u003E图上的大体分布基本上也是符合南京的房价状况的，中心地段普遍租价较高，而在桥北等地方租房房价普遍偏低并且房源数量较多。这样的图片看的还是不怎么清晰，为了让图片更加的通俗易懂，这里，我分别提取了平均房租高于10000的点。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-ca99eebd34ef2d066fb590cbd1e92084_b.jpg\& data-rawwidth=\&1377\& data-rawheight=\&820\& class=\&origin_image zh-lightbox-thumb\& width=\&1377\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-ca99eebd34ef2d066fb590cbd1e92084_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1377'%20height='820'&&\u002Fsvg&\& data-rawwidth=\&1377\& data-rawheight=\&820\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1377\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-ca99eebd34ef2d066fb590cbd1e92084_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-ca99eebd34ef2d066fb590cbd1e92084_b.jpg\&\u003E\u003C\u002Ffigure\u003E好，先看看这个颜色最深的点，不出意外，看位置在新街口附近，接下来去验证。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-a63b27ceb91e3aadd961f741_b.jpg\& data-rawwidth=\&987\& data-rawheight=\&725\& class=\&origin_image zh-lightbox-thumb\& width=\&987\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-a63b27ceb91e3aadd961f741_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='987'%20height='725'&&\u002Fsvg&\& data-rawwidth=\&987\& data-rawheight=\&725\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&987\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-a63b27ceb91e3aadd961f741_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-a63b27ceb91e3aadd961f741_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-d81c8dbfa181e0f106c30_b.jpg\& data-rawwidth=\&811\& data-rawheight=\&601\& class=\&origin_image zh-lightbox-thumb\& width=\&811\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-d81c8dbfa181e0f106c30_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='811'%20height='601'&&\u002Fsvg&\& data-rawwidth=\&811\& data-rawheight=\&601\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&811\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-d81c8dbfa181e0f106c30_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-d81c8dbfa181e0f106c30_b.jpg\&\u003E\u003C\u002Ffigure\u003E这个经纬度下找到了民族大厦，但是对于这个最高点，我充满疑惑。很显然在新街口，这个民族大厦并不是最好的位置，但是为什么周边却没有高出民族大厦房租的其他 小区呢？我想到的第一个原因是，在此片区域，链家上并没有其他相关的租房信息，于是我去赶集网查看了一下此片区域的租房情况。\u003C\u002Fp\u003E\u003Cp\u003E我们按照关键词新街口地铁口搜索：\u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fnj.ganji.com\u002Ffang1\u002Fp8\u002F_%25E6%%25E8%25A1%%258F%25A3%25E5%259C%25B0%25E9%\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E【南京新街口地铁租房信息】南京租房网站-南京赶集网\u003C\u002Fa\u003E，在赶集上我也没有找到比这个更高的房租，我又查阅了其他几个网站同样没有。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E第二个原因：链家网上的信息可能有误，很多网站会存在这种虚假信息，于是我去找到了此房源：\u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fnj.lianjia.com\u002Fzufang\u002F.html\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E民族大厦 1室1厅1卫 527平米 40000元\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-0bc8f15f66eab93282ed_b.jpg\& data-rawwidth=\&989\& data-rawheight=\&647\& class=\&origin_image zh-lightbox-thumb\& width=\&989\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-0bc8f15f66eab93282ed_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='989'%20height='647'&&\u002Fsvg&\& data-rawwidth=\&989\& data-rawheight=\&647\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&989\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-0bc8f15f66eab93282ed_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-0bc8f15f66eab93282ed_b.jpg\&\u003E\u003C\u002Ffigure\u003E没有一张图片，也没有任何说明，同时发现发布时间为一年之前，我猜测可能为虚假信息，但是并不能这么轻易的下结论，也是为了发现正确信息，为此我查找了一些资料，发现了以下的图片，很显然民族大厦的租价不可能打到40000元\u002F月，因此判断为虚假信息。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-a3a7c0d9207ffbdf5e045a_b.jpg\& data-rawwidth=\&815\& data-rawheight=\&426\& class=\&origin_image zh-lightbox-thumb\& width=\&815\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-a3a7c0d9207ffbdf5e045a_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='815'%20height='426'&&\u002Fsvg&\& data-rawwidth=\&815\& data-rawheight=\&426\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&815\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-a3a7c0d9207ffbdf5e045a_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-a3a7c0d9207ffbdf5e045a_b.jpg\&\u003E\u003C\u002Ffigure\u003E那么，到底最高的租房房价在哪里呢？我们继续找刚刚的第二个点。按照以上的思路分析，得到最高租价房源为：\u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fnj.lianjia.com\u002Fzufang\u002F.html\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E涟城 2室0厅0卫 191平米 35000元\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cu\u003E2、根据据离地铁的远近，我们来画一个地铁线吧！\u003C\u002Fu\u003E\u003C\u002Fp\u003E\u003Cp\u003E这个应该比较有意思呢！我们抓出来的数据中有房源距离地铁的远近，那我突然就有个想法。如果我把这些距离较小的点都集中了，那是不是就能简单绘出地铁线吗？这真是很有趣，当然如果每一个距离地铁的距离能加上几号线可能绘图会更加准确，但是这里我只保留了距离地铁的距离，所以这里画出的地铁线会不区分几号线。\u003C\u002Fp\u003E\u003Cp\u003E画出下图：圆圈大小代表离地铁的远近，越小离地铁越近。我有一个大胆的想法，把这些小点连起来不就是我们想要的地铁线路吗？\u003C\u002Fp\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-edb6d69d0f_b.jpg\& data-rawwidth=\&1377\& data-rawheight=\&820\& class=\&origin_image zh-lightbox-thumb\& width=\&1377\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-edb6d69d0f_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1377'%20height='820'&&\u002Fsvg&\& data-rawwidth=\&1377\& data-rawheight=\&820\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1377\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-edb6d69d0f_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-edb6d69d0f_b.jpg\&\u003E\u003C\u002Ffigure\u003E图片出来，ok，用一下美图秀秀~电脑上没有ps！如下因为图片过大，这里只能画市区以及南部地区的路线图，桥北的无法再现！\u003C\u002Fp\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-21e1b16d257ead61f7402d8dda4d5a0d_b.jpg\& data-rawwidth=\&1377\& data-rawheight=\&820\& class=\&origin_image zh-lightbox-thumb\& width=\&1377\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-21e1b16d257ead61f7402d8dda4d5a0d_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1377'%20height='820'&&\u002Fsvg&\& data-rawwidth=\&1377\& data-rawheight=\&820\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1377\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-21e1b16d257ead61f7402d8dda4d5a0d_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-21e1b16d257ead61f7402d8dda4d5a0d_b.jpg\&\u003E\u003C\u002Ffigure\u003E把所有的小圆圈链接起来即可，很显然，这个图是有很大问题的，那么如何解决这个问题呢？在对抓下来的数据处理过程中，一定要保留是哪一号线地铁，这样在连线的过程中有更加有针对性，并且图像会更加准确！期待大家的作品。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cu\u003E3、南京市的高层建筑在哪里？\u003C\u002Fu\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-75c90a449f4be13424a5b_b.jpg\& data-rawwidth=\&1527\& data-rawheight=\&820\& class=\&origin_image zh-lightbox-thumb\& width=\&1527\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-75c90a449f4be13424a5b_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1527'%20height='820'&&\u002Fsvg&\& data-rawwidth=\&1527\& data-rawheight=\&820\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1527\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-75c90a449f4be13424a5b_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-75c90a449f4be13424a5b_b.jpg\&\u003E\u003C\u002Ffigure\u003E从上图中会很好的发现，低层建筑很多，同时低层建筑中包围了很多的中高层建筑，我认为随着发展，原先的很多低层建筑在发展过程中逐渐被中高层取代掉~这些现象在市区附近最为明显。但是在桥北等地区，不是很明显。\u003C\u002Fp\u003E\u003Cp\u003E在桥北地区，一个很明显的发展现象是：西南方向的中高层建筑越来越多，这是不是意味着桥北地区的一个发展趋势呢？\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E第二部分：Talk is cheap，Show me your CODE.\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E很多次在公众号收到这样的回复，那么今天就稍微解释一下链家网的爬虫，其实是很简单的。\u003C\u002Fp\u003E\u003Cp\u003E一部分是抓取，每一页面上的房源链接\u003C\u002Fp\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-4bdffacfc469b_b.jpg\& data-rawwidth=\&901\& data-rawheight=\&601\& class=\&origin_image zh-lightbox-thumb\& width=\&901\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-4bdffacfc469b_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='901'%20height='601'&&\u002Fsvg&\& data-rawwidth=\&901\& data-rawheight=\&601\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&901\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-4bdffacfc469b_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-4bdffacfc469b_b.jpg\&\u003E\u003C\u002Ffigure\u003E另一部分是解析这个房源链接上的内容\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-ef5abed287c_b.jpg\& data-rawwidth=\&782\& data-rawheight=\&857\& class=\&origin_image zh-lightbox-thumb\& width=\&782\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-ef5abed287c_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='782'%20height='857'&&\u002Fsvg&\& data-rawwidth=\&782\& data-rawheight=\&857\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&782\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-ef5abed287c_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-ef5abed287c_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E大概就是这样！代码不全，请自行脑补。\u003C\u002Fp\u003E&,&updated&:new Date(&T23:59:47.000Z&),&canComment&:false,&commentPermission&:&anyone&,&commentCount&:83,&collapsedCount&:0,&likeCount&:746,&state&:&published&,&isLiked&:false,&slug&:&&,&lastestTipjarors&:[{&isFollowed&:false,&name&:&深深&,&headline&:&商业地产资深从业者，社区商业营销及招商运营专家，人像及建筑摄影爱好者。&,&avatarUrl&:&https:\u002F\u002Fpic1.zhimg.com\u002Fc82e29a2ee28e896c49ef56_s.jpg&,&isFollowing&:false,&type&:&people&,&slug&:&shen-shen-87-97&,&bio&:&一起来创富！微信：社区商业研习社&,&hash&:&217ef7b1c7ae3cae7065e&,&uid&:426400,&isOrg&:false,&description&:&商业地产资深从业者，社区商业营销及招商运营专家，人像及建筑摄影爱好者。&,&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fshen-shen-87-97&,&avatar&:{&id&:&c82e29a2ee28e896c49ef56&,&template&:&https:\u002F\u002Fpic1.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},{&isFollowed&:false,&name&:&Cherry Chen&,&headline&:&一个无趣的白羊座，某乎万年潜水专业户。&,&avatarUrl&:&https:\u002F\u002Fpic1.zhimg.com\u002Fd74ddc2fd_s.jpg&,&isFollowing&:false,&type&:&people&,&slug&:&cherry-chen-52&,&bio&:&旅行 看书 聊天&,&hash&:&ab7fbd69d6cff80b3fea7&,&uid&:68,&isOrg&:false,&description&:&一个无趣的白羊座，某乎万年潜水专业户。&,&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fcherry-chen-52&,&avatar&:{&id&:&d74ddc2fd&,&template&:&https:\u002F\u002Fpic1.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},{&isFollowed&:false,&avatarUrl&:&&,&isFollowing&:false,&type&:&people&,&slug&:&0&},{&isFollowed&:false,&name&:&任易&,&headline&:&但行好事，莫问前程&,&avatarUrl&:&https:\u002F\u002Fpic2.zhimg.com\u002Fe0dedd644_s.jpg&,&isFollowing&:false,&type&:&people&,&slug&:&ren-yi-8&,&bio&:&公众号「任易」，只写对工作有用的&,&hash&:&9edb9c41daba15ecb6f4cc&,&uid&:72,&isOrg&:false,&description&:&但行好事，莫问前程&,&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fren-yi-8&,&avatar&:{&id&:&e0dedd644&,&template&:&https:\u002F\u002Fpic2.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},{&isFollowed&:false,&name&:&黄之昊&,&headline&:&曾就职腾讯、阿里，目前在B站。 对B站感兴趣的前端同学可以联系我&,&avatarUrl&:&https:\u002F\u002Fpic4.zhimg.com\u002Fad2a69933_s.jpg&,&isFollowing&:false,&type&:&people&,&slug&:&heavenhuang&,&bio&:&手艺人\u002F前端&,&hash&:&e06fbfb72a0dee6da92082&,&uid&:68,&isOrg&:false,&description&:&曾就职腾讯、阿里，目前在B站。 对B站感兴趣的前端同学可以联系我&,&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fheavenhuang&,&avatar&:{&id&:&ad2a69933&,&template&:&https:\u002F\u002Fpic4.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},{&isFollowed&:false,&name&:&Brian Way&,&headline&:&个人博客：http:\u002F\u002Fbrianway.github.io ｜ GitHub: http:\u002F\u002Fgithub.com\u002Fbrianway\n\n《炉石传说》国家二级运动员水平（巅峰时期），狼人杀 2.5 阶\n尊重平台，只赞干货和我认同的价值观，不给抖机灵和故事会点赞&,&avatarUrl&:&https:\u002F\u002Fpic4.zhimg.com\u002F13d5f59c19d58ae2302d4edd4585e86c_s.jpg&,&isFollowing&:false,&type&:&people&,&slug&:&brianway&,&bio&:&developer, student, bachelordom&,&hash&:&cfee851f300ce11d3d74f072bca43ec9&,&uid&:40,&isOrg&:false,&description&:&个人博客：http:\u002F\u002Fbrianway.github.io ｜ GitHub: http:\u002F\u002Fgithub.com\u002Fbrianway\n\n《炉石传说》国家二级运动员水平（巅峰时期），狼人杀 2.5 阶\n尊重平台，只赞干货和我认同的价值观，不给抖机灵和故事会点赞&,&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fbrianway&,&avatar&:{&id&:&13d5f59c19d58ae2302d4edd4585e86c&,&template&:&https:\u002F\u002Fpic4.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},{&isFollowed&:false,&name&:&椛开椛落&,&headline&:&&,&avatarUrl&:&https:\u002F\u002Fpic1.zhimg.com\u002Fed37ed4ff0_s.jpg&,&isFollowing&:false,&type&:&people&,&slug&:&momiji-kai-momiji-luo&,&bio&:null,&hash&:&b31ee6c2876&,&uid&:038000,&isOrg&:false,&description&:&&,&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fmomiji-kai-momiji-luo&,&avatar&:{&id&:&ed37ed4ff0&,&template&:&https:\u002F\u002Fpic1.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false}],&isTitleImageFullScreen&:true,&rating&:&none&,&titleImage&:&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-7389bdfeda2e_r.jpg&,&links&:{&comments&:&\u002Fapi\u002Fposts\u002F2Fcomments&},&reviewers&:[],&topics&:[{&url&:&https:\u002F\u002Fwww.zhihu.com\u002Ftopic\u002F&,&id&:&&,&name&:&程序员&},{&url&:&https:\u002F\u002Fwww.zhihu.com\u002Ftopic\u002F&,&id&:&&,&name&:&南京&},{&url&:&https:\u002F\u002Fwww.zhihu.com\u002Ftopic\u002F&,&id&:&&,&name&:&编程&}],&adminClosedComment&:false,&titleImageSize&:{&width&:1377,&height&:820},&href&:&\u002Fapi\u002Fposts\u002F&,&excerptTitle&:&&,&column&:{&slug&:&passer&,&name&:&学习编程&},&tipjarState&:&activated&,&tipjarTagLine&:&真诚赞赏，手留余香&,&sourceUrl&:&&,&pageCommentsCount&:83,&tipjarorCount&:7,&annotationAction&:[],&hasPublishingDraft&:false,&snapshotUrl&:&&,&publishedTime&:&T07:59:47+08:00&,&url&:&\u002Fp\u002F&,&lastestLikers&:[{&bio&:&erlang后端开发&,&isFollowing&:false,&hash&:&b3d514bb4d286f650bbff26e&,&uid&:863200,&isOrg&:false,&slug&:&you-ming-82-24&,&isFollowed&:false,&description&:&&,&name&:&幽冥&,&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fyou-ming-82-24&,&avatar&:{&id&:&da8e974dc&,&template&:&https:\u002F\u002Fpic4.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},{&bio&:&信仰自由，尊重科学。&,&isFollowing&:false,&hash&:&565d78eb87d9c07de65ada052539fdf2&,&uid&:80,&isOrg&:false,&slug&:&tutu-hu-9&,&isFollowed&:false,&description&:&七七八八的都懂一点&,&name&:&Just&,&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Ftutu-hu-9&,&avatar&:{&id&:&d5928cf23&,&template&:&https:\u002F\u002Fpic2.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},{&bio&:&干上纺织的数字化小白&,&isFollowing&:false,&hash&:&d9c93a3d9f21bf4ed167e0c1a8beae84&,&uid&:498400,&isOrg&:false,&slug&:&zhang-wen-jun-85-27&,&isFollowed&:false,&description&:&&,&name&:&张文俊&,&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fzhang-wen-jun-85-27&,&avatar&:{&id&:&v2-634bfce83ae3d5&,&template&:&https:\u002F\u002Fpic2.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},{&bio&:&有些事情不能看的太透，说的太透。。。&,&isFollowing&:false,&hash&:&cef73c490f1f9c&,&uid&:96,&isOrg&:false,&slug&:&li-xiao-zhuang-57&,&isFollowed&:false,&description&:&no no
no no no...&,&name&:&李小装&,&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fli-xiao-zhuang-57&,&avatar&:{&id&:&e84f2c136&,&template&:&https:\u002F\u002Fpic4.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},{&bio&:&&,&isFollowing&:false,&hash&:&cb5ef9761bece0c4d582226&,&uid&:32,&isOrg&:false,&slug&:&wang-chi-65&,&isFollowed&:false,&description&:&&,&name&:&王离&,&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fwang-chi-65&,&avatar&:{&id&:&1deba00fa48&,&template&:&https:\u002F\u002Fpic2.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false}],&summary&:&\u003Cimg src=\&http:\u002F\u002Fpic1.zhimg.com\u002Fv2-ef5abed287c_200x112.png\& data-rawwidth=\&782\& data-rawheight=\&857\& class=\&origin_image inline-img zh-lightbox-thumb\& data-original=\&http:\u002F\u002Fpic1.zhimg.com\u002Fv2-ef5abed287c_r.png\&\u003E周末周六两天，做了链家网的爬虫，可能有很多朋友做过，当然很多人只是练爬虫，但没有对爬取数据进行一些可视化去发现一些比较有意思的东西，今天想要通过抓取的数据进行一些比较有趣的统计分析。如果你想要这份数据：关注公众号：（\u003Cb\u003E一个程序员的日常\u003C\u002Fb\u003E），回…&,&reviewingCommentsCount&:0,&meta&:{&previous&:{&isTitleImageFullScreen&:false,&rating&:&none&,&titleImage&:&https:\u002F\u002Fpic2.zhimg.com\u002F50\u002Fv2-24c40cf7caa499_xl.jpg&,&links&:{&comments&:&\u002Fapi\u002Fposts\u002F2Fcomments&},&topics&:[{&url&:&https:\u002F\u002Fwww.zhihu.com\u002Ftopic\u002F&,&id&:&&,&name&:&程序员&},{&url&:&https:\u002F\u002Fwww.zhihu.com\u002Ftopic\u002F&,&id&:&&,&name&:&设计&},{&url&:&https:\u002F\u002Fwww.zhihu.com\u002Ftopic\u002F&,&id&:&&,&name&:&编程&}],&adminClosedComment&:false,&href&:&\u002Fapi\u002Fposts\u002F&,&excerptTitle&:&&,&author&:{&bio&:&喜欢用数据讲故事\n微信公众号：一个程序员的日常&,&isFollowing&:false,&hash&:&eaf435b228ce0b038a4afe&,&uid&:243500,&isOrg&:false,&slug&:&sgai&,&isFollowed&:false,&description&:&有关于我的工作和生活都在微信公众号：一个程序员的日常，微信号：smcode2016&,&name&:&路人甲&,&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fsgai&,&avatar&:{&id&:&958a18f3216805bed269d158fb83325a&,&template&:&https:\u002F\u002Fpic3.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},&column&:{&slug&:&passer&,&name&:&学习编程&},&content&:&\u003Cp\u003E“小路，我想做一个这种图片，你会吗?”\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E“So easy！当然会！并且不用代码！”\u003C\u002Fp\u003E\u003Cp\u003E来来来，首先给你科普一下\u003C\u002Fp\u003E\u003Cp\u003E这图是有专业术语的：\u003Cstrong\u003E词云\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cblockquote\u003E“词云”就是对网络文本中出现频率较高的“关键词”予以视觉上的突出，形成“关键词云层”或“关键词渲染”，从而过滤掉大量的文本信息，使浏览网页者只要一眼扫过文本就可以领略文本的主旨。\u003C\u002Fblockquote\u003E\u003Cfigure\u003E\u003Cimg src=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-9cddee319b17ec8e4a99f0c2b0be5119_b.jpg\& data-rawwidth=\&695\& data-rawheight=\&220\& class=\&origin_image zh-lightbox-thumb\& width=\&695\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-9cddee319b17ec8e4a99f0c2b0be5119_r.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E&下面的每一个推荐我举例&\u003C\u002Fp\u003E\u003Cp\u003E下面的所有中文词云基于的数据是：我抓取了网易云音乐：晴天这首单曲下面评论被点赞超过100的所有的评论，下面我们看看这些评论有什么共同特点，让我们去写一条会火的评论！\u003C\u002Fp\u003E\u003Cp\u003E所有的英文词云基础：《我有一个梦想》——马丁·路德·金演讲稿原稿，让我们切身体会一下这个有关于黑人民族平等的演讲！\u003C\u002Fp\u003E\u003Ch2\u003E\u003Cb\u003E1、图悦\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cp\u003E国内（中文可用）\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E网址：\u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fwww.picdata.cn\u002F%3Fwinzoom%3D1\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E图悦-在线词频分析工具-词云图制作软件\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cimg src=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-7e29da210e24c535b8399fcce7d7ebe9_b.jpg\& data-rawwidth=\&971\& data-rawheight=\&551\& class=\&origin_image zh-lightbox-thumb\& width=\&971\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-7e29da210e24c535b8399fcce7d7ebe9_r.jpg\&\u003E\u003C\u002Ffigure\u003E你可以很傻瓜式的使用该网页，只要把你需要分析的文本放到左边的输入框，点击分析图片就可以出图如右边所示，如果你想要使用自己定制的形状，你需要自己做一张PNG图片，并且上传到该网站即可定制。同时导航栏最右边的导出Excle可以把各个词的词频比重等导出到本地！\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E两个缺点\u003C\u002Fp\u003E\u003Cp\u003E其一：生成的词云有水印\u003C\u002Fp\u003E\u003Cp\u003E其二：颜色等样式选择较少\u003C\u002Fp\u003E\u003Ch2\u003E\u003Cb\u003E 2 、wordle\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cp\u003E国外（只可用英文）\u003C\u002Fp\u003E\u003Cp\u003E网址：\u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fwww.wordle.net\u002F\& class=\& external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E\u003Cspan class=\&invisible\&\u003Ehttp:\u002F\u002Fwww.\u003C\u002Fspan\u003E\u003Cspan class=\&visible\&\u003Ewordle.net\u002F\u003C\u002Fspan\u003E\u003Cspan class=\&invisible\&\u003E\u003C\u002Fspan\u003E\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cimg src=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-eda25b1a81f66fbdc5a93b_b.jpg\& data-rawwidth=\&871\& data-rawheight=\&756\& class=\&origin_image zh-lightbox-thumb\& width=\&871\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-eda25b1a81f66fbdc5a93b_r.jpg\&\u003E\u003C\u002Ffigure\u003E最强大的词云工具，没有之一！在这里，上传你的文字，你可以尽情的选择你喜欢的字体颜色等等，当然如果你不喜欢当前的图形，你可以不停的选择点击randomize随机不同的图形配色方案等等，并且可以报错没有水印的词云png。\u003C\u002Fp\u003E\u003Cp\u003E有两个缺点\u003C\u002Fp\u003E\u003Cp\u003E其一：只支持英文词云\u003C\u002Fp\u003E\u003Cp\u003E其二：需Java插件，无法在Chrome浏览器使用\u003C\u002Fp\u003E\u003Ch2\u003E\u003Cb\u003E3、tagul\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cp\u003E国外（只可用英文）\u003C\u002Fp\u003E\u003Cp\u003E网址：\u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Ftagul.com\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ETagul - Word Cloud Art\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cimg src=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-abc41f59eeb9fc1fde19d_b.jpg\& data-rawwidth=\&906\& data-rawheight=\&690\& class=\&origin_image zh-lightbox-thumb\& width=\&906\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-abc41f59eeb9fc1fde19d_r.jpg\&\u003E\u003C\u002Ffigure\u003E如果只给我一个词云工具的话，我只推荐这个！不管你是什么数据，甚至只是一个网页，他都能帮你解析出数据来。他可以帮助你排除掉一些常用无意义单词，你可以使用任意的图形，各种图案、字体颜色等等应有尽有。你可以随便保存分享给你的朋友！\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E缺点：\u003C\u002Fp\u003E\u003Cul\u003E\u003Cli\u003E不支持中文词云\u003Cbr\u003E\u003C\u002Fli\u003E\u003Cli\u003E在Chrome浏览器无法运行\u003Cbr\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cbr\u003E\u003Ch2\u003E\u003Cb\u003E4、ToCloud\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cp\u003E国外（中文英文可用）\u003C\u002Fp\u003E\u003Cp\u003E网址：\u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Ftocloud.com\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EFree Word Clouds\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-cedb497f9c9c43b57e8fade7_b.jpg\& data-rawwidth=\&1692\& data-rawheight=\&699\& class=\&origin_image zh-lightbox-thumb\& width=\&1692\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-cedb497f9c9c43b57e8fade7_r.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cfigure\u003E\u003Cimg src=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-a9b95f2f36b026d558a1ecdf_b.jpg\& data-rawwidth=\&1694\& data-rawheight=\&922\& class=\&origin_image zh-lightbox-thumb\& width=\&1694\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-a9b95f2f36b026d558a1ecdf_r.jpg\&\u003E\u003C\u002Ffigure\u003E以上分别用了中文和英文做实例，ToCloud，将会把你的文本按照原来的文字顺序进行排序，会在较高的词频词语进行标注，这样让你很方便的看清楚全文，同时一张图就可以让你给一个陌生人知道这张词云准确的想表达什么。优点：可以同时支持中文和英文文本。可以对于以上的词云起到不错的填补作用！\u003Cbr\u003E\u003C\u002Fp\u003E\u003Ch2\u003E\u003Cb\u003E5、一个开源项目\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cp\u003E国外（中英可用）\u003C\u002Fp\u003E\u003Cp\u003E网址：\u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=https%3A\u002F\u002Fwww.jasondavies.com\u002Fwordcloud\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EWord Cloud Generator\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-4bb9eed2cfed6_b.jpg\& data-rawwidth=\&1036\& data-rawheight=\&617\& class=\&origin_image zh-lightbox-thumb\& width=\&1036\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-4bb9eed2cfed6_r.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cfigure\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-3c8cf4c6d77db28c33966_b.jpg\& data-rawwidth=\&1032\& data-rawheight=\&614\& class=\&origin_image zh-lightbox-thumb\& width=\&1032\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-3c8cf4c6d77db28c33966_r.jpg\&\u003E\u003C\u002Ffigure\u003E前几次写文章过程中，我经常用到这个网站，缺点显而易见对于中文来说，几乎没有分词，所以效果很差，一般适合会有高重复的句子。对于英文词云来说效果还是很棒的！喜欢这个样式的朋友可以自己去试试。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-d7da9cfa17df7_b.jpg\& data-rawwidth=\&695\& data-rawheight=\&551\& class=\&origin_image zh-lightbox-thumb\& width=\&695\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-d7da9cfa17df7_r.jpg\&\u003E\u003C\u002Ffigure\u003E搜索关注公众号：“\u003Cb\u003E\u003Cu\u003E一个程序员的日常\u003C\u002Fu\u003E\u003C\u002Fb\u003E”，后台回复：“\u003Cb\u003E\u003Cu\u003E词云数据\u003C\u002Fu\u003E\u003C\u002Fb\u003E”即可获得数据。（文末有公众号的二维码，可扫码关注！）\u003Cfigure\u003E\u003Cimg src=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-d18c427b1b0d2bbb17da_b.jpg\& data-rawwidth=\&551\& data-rawheight=\&306\& class=\&origin_image zh-lightbox-thumb\& width=\&551\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-d18c427b1b0d2bbb17da_r.jpg\&\u003E\u003C\u002Ffigure\u003E\u003C\u002Fp\u003E\u003Cp\u003E当然，当你最后动手做的时候，一定要考虑清楚这个问题\u003C\u002Fp\u003E\u003Cp\u003E你为什么需要制作个性化词云，是艺术品还是研究分析内容的一种表现方式，是文本挖掘技术的可视化，还是为了传播更方便。形式大于内容，在有内容的前提下，可视化也是一种分析！当然我更倾向文本挖掘后的内容可视化。当然，我也不反对纯粹为了表现或者玩玩的可视化，玩也是一种学习。\u003Cfigure\u003E\u003Cimg src=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-2eabca585e938a_b.jpg\& data-rawwidth=\&1023\& data-rawheight=\&424\& class=\&origin_image zh-lightbox-thumb\& width=\&1023\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-2eabca585e938a_r.jpg\&\u003E\u003C\u002Ffigure\u003E\u003C\u002Fp\u003E&,&state&:&published&,&sourceUrl&:&&,&pageCommentsCount&:0,&canComment&:false,&snapshotUrl&:&&,&slug&:,&publishedTime&:&T08:11:04+08:00&,&url&:&\u002Fp\u002F&,&title&:&我想用代码做一张这样的图片。&,&summary&:&“小路，我想做一个这种图片，你会吗?” “So easy！当然会！并且不用代码！”来来来，首先给你科普一下这图是有专业术语的：\u003Cstrong\u003E词云\u003C\u002Fstrong\u003E“词云”就是对网络文本中出现频率较高的“关键词”予以视觉上的突出，形成“关键词云层”或“关键词渲染”，从而过滤掉大量…&,&reviewingCommentsCount&:0,&meta&:{&previous&:null,&next&:null},&commentPermission&:&anyone&,&commentsCount&:72,&likesCount&:1915},&next&:{&isTitleImageFullScreen&:true,&rating&:&none&,&titleImage&:&https:\u002F\u002Fpic1.zhimg.com\u002F50\u002Fv2-abe8d7e0948d27daee1aa_xl.jpg&,&links&:{&comments&:&\u002Fapi\u002Fposts\u002F2Fcomments&},&topics&:[{&url&:&https:\u002F\u002Fwww.zhihu.com\u002Ftopic\u002F&,&id&:&&,&name&:&GitHub&},{&url&:&https:\u002F\u002Fwww.zhihu.com\u002Ftopic\u002F&,&id&:&&,&name&:&编程&},{&url&:&https:\u002F\u002Fwww.zhihu.com\u002Ftopic\u002F&,&id&:&&,&name&:&程序员&}],&adminClosedComment&:false,&href&:&\u002Fapi\u002Fposts\u002F&,&excerptTitle&:&&,&author&:{&bio&:&喜欢用数据讲故事\n微信公众号：一个程序员的日常&,&isFollowing&:false,&hash&:&eaf435b228ce0b038a4afe&,&uid&:243500,&isOrg&:false,&slug&:&sgai&,&isFollowed&:false,&description&:&有关于我的工作和生活都在微信公众号：一个程序员的日常，微信号：smcode2016&,&name&:&路人甲&,&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fsgai&,&avatar&:{&id&:&958a18f3216805bed269d158fb83325a&,&template&:&https:\u002F\u002Fpic3.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},&column&:{&slug&:&passer&,&name&:&学习编程&},&content&:&\u003Cblockquote\u003E2016年接近尾声，在最近的几篇文章中，会整理总结一些2016年度开源项目。今天整理的是：2016年度GitHub最受欢迎的开源项目总榜。\u003C\u002Fblockquote\u003E\u003Cp\u003E在过去的2016年里面，GitHub最受欢迎、Stars最多的项目分别是哪些呢？赶紧来，看看文章跟着这些伟大的项目学习起来。\u003C\u002Fp\u003E\u003Ch2\u003E\u003Cb\u003E\u003Cu\u003E1、\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=https%3A\u002F\u002Fgithub.com\u002FFreeCodeCamp\u002FFreeCodeCamp\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EFreeCodeCamp\u002FFreeCodeCamp\u003C\u002Fa\u003E\u003C\u002Fu\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cul\u003E\u003Cli\u003E\u003Ci\u003E\u003Cu\u003E语言：JavaScript\u003Cbr\u003E\u003C\u002Fu\u003E\u003C\u002Fi\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Ci\u003E\u003Cu\u003EStars：3C\u002Fu\u003E\u003C\u002Fi\u003E\u003Cbr\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cbr\u003E\u003Cfigure\u003E\u003Cimg src=\&http:\u002F\u002Fpic1.zhimg.com\u002Fv2-30cc8baa18f2b3cea35db33bce793de8_b.png\& data-rawwidth=\&1920\& data-rawheight=\&950\& class=\&origin_image zh-lightbox-thumb\& width=\&1920\& data-original=\&http:\u002F\u002Fpic1.zhimg.com\u002Fv2-30cc8baa18f2b3cea35db33bce793de8_r.png\&\u003E\u003C\u002Ffigure\u003E\u003Cbr\u003E\u003Cp\u003EFreeCodeCamp 是一个基于 MEAN 架构的开源社区，它可以帮助人们学习编程以及构建他们的非盈利项目，内容以前端为主。\u003C\u002Fp\u003E\u003Cp\u003E如此神奇的一个开源项目，到底有哪些优势呢？\u003C\u002Fp\u003E\u003Col\u003E\u003Cli\u003E学习编程技能，比如HTML5、CSS3、JavaScript、数据库、Git、Node.js、Angular.js和敏捷开发\u003Cbr\u003E\u003C\u002Fli\u003E\u003Cli\u003E从事自由和开源项目\u003Cbr\u003E\u003C\u002Fli\u003E\u003Cli\u003E获得实时帮助\u003Cbr\u003E\u003C\u002Fli\u003E\u003C\u002Fol\u003E\u003Cbr\u003E\u003Ch2\u003E\u003Cb\u003E\u003Cu\u003E2、\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=https%3A\u002F\u002Fgithub.com\u002Ftwbs\u002Fbootstrap\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003Etwbs\u002Fbootstrap\u003C\u002Fa\u003E\u003C\u002Fu\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cul\u003E\u003Cli\u003E\u003Cu\u003E\u003Ci\u003E语言：JavaScript\u003Cbr\u003E\u003C\u002Fi\u003E\u003C\u002Fu\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Cu\u003E\u003Ci\u003EStars：3C\u002Fi\u003E\u003C\u002Fu\u003E\u003Cbr\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cbr\u003E\u003Cfigure\u003E\u003Cimg src=\&http:\u002F\u002Fpic1.zhimg.com\u002Fv2-e92bf784a569dc720a7cee4_b.png\& data-rawwidth=\&1920\& data-rawheight=\&950\& class=\&origin_image zh-lightbox-thumb\& width=\&1920\& data-original=\&http:\u002F\u002Fpic1.zhimg.com\u002Fv2-e92bf784a569dc720a7cee4_r.png\&\u003E\u003C\u002Ffigure\u003E\u003Cbr\u003E\u003Cp\u003EBootstrap来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得Web 开发更加快捷。\u003C\u002Fp\u003E\u003Ch2\u003E\u003Cb\u003E\u003Cu\u003E3、\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=https%3A\u002F\u002Fgithub.com\u002Fvhf\u002Ffree-programming-books\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003Evhf\u002Ffree-programming-books\u003C\u002Fa\u003E\u003C\u002Fu\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cul\u003E\u003Cli\u003E\u003Ci\u003E\u003Cu\u003EStars：7C\u002Fu\u003E\u003C\u002Fi\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cfigure\u003E\u003Cimg src=\&http:\u002F\u002Fpic1.zhimg.com\u002Fv2-b2c891f610fcb5acad3d8_b.png\& data-rawwidth=\&997\& data-rawheight=\&942\& class=\&origin_image zh-lightbox-thumb\& width=\&997\& data-original=\&http:\u002F\u002Fpic1.zhimg.com\u002Fv2-b2c891f610fcb5acad3d8_r.png\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E项目如同名称，该项目整理了所能整理到的网络上的关于编程方面免费的书籍资源，几乎涵盖所有语言，以后有需要编程电子书等教学资源的，请不要再在百度到处乱找了。是的，如果你英语不好，这儿甚至有中文版本的：\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=https%3A\u002F\u002Fgithub.com\u002Fvhf\u002Ffree-programming-books\u002Fblob\u002Fmaster\u002Ffree-programming-books-zh.md\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003Evhf\u002Ffree-programming-books\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cdiv class=\&highlight\&\u003E\u003Cpre\u003E\u003Ccode class=\&language-text\&\u003E\u003Cspan\u003E\u003C\u002Fspan\u003E函数式概念、分布式系统、在线教育、大数据、操作系统、数据库、智能系统、正则表达式、版本控制、程序员杂谈、管理和监控、编程艺术、编译原理、编辑器、计算机图形学、设计模式、软件开发方法、C、C#、C++、iOS、Java、JavaScript、LaTeX、LISP、Lua、Markdown、Node.js、Perl、PHP、Python、R...等等\n\u003C\u002Fcode\u003E\u003C\u002Fpre\u003E\u003C\u002Fdiv\u003E\u003Cbr\u003E\u003Ch2\u003E\u003Cb\u003E\u003Cu\u003E4、\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=https%3A\u002F\u002Fgithub.com\u002Fd3\u002Fd3\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003Ed3\u002Fd3\u003C\u002Fa\u003E\u003C\u002Fu\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cul\u003E\u003Cli\u003E\u003Ci\u003E\u003Cu\u003E语言：JavaScript\u003C\u002Fu\u003E\u003C\u002Fi\u003E\u003Cbr\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Ci\u003E\u003Cu\u003EStars：5C\u002Fu\u003E\u003C\u002Fi\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cimg src=\&http:\u002F\u002Fpic3.zhimg.com\u002Fv2-decdb46ef9cf656b_b.png\& data-rawwidth=\&1920\& data-rawheight=\&950\& class=\&origin_image zh-lightbox-thumb\& width=\&1920\& data-original=\&http:\u002F\u002Fpic3.zhimg.com\u002Fv2-decdb46ef9cf656b_r.png\&\u003E\u003C\u002Ffigure\u003ED3 是最流行的可视化库之一，它被很多其他的表格插件所使用。它允许绑定任意数据到DOM，然后将数据驱动转换应用到Document中。你可以使用它用一个数组创建基本的HTML表格，或是利用它的流体过度和交互，用相似的数据创建惊人的SVG条形图。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Ch2\u003E\u003Cb\u003E\u003Cu\u003E5、\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=https%3A\u002F\u002Fgithub.com\u002Ffacebook\u002Freact\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003Efacebook\u002Freact\u003C\u002Fa\u003E\u003C\u002Fu\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cul\u003E\u003Cli\u003E\u003Cu\u003E\u003Ci\u003E语言：JavaScript\u003Cbr\u003E\u003C\u002Fi\u003E\u003C\u002Fu\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Cu\u003E\u003Ci\u003EStars：5C\u002Fi\u003E\u003C\u002Fu\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cimg src=\&http:\u002F\u002Fpic1.zhimg.com\u002Fv2-c6f98daf44ac_b.png\& data-rawwidth=\&1920\& data-rawheight=\&950\& class=\&origin_image zh-lightbox-thumb\& width=\&1920\& data-original=\&http:\u002F\u002Fpic1.zhimg.com\u002Fv2-c6f98daf44ac_r.png\&\u003E\u003C\u002Ffigure\u003EReact是Facebook开源的JavaScript库，用于构建UI。你可以在React里传递多种类型的参数，如声明代码，帮助你渲染出UI、也可以是静态的HTMLDOM元素、也可以传递动态变量、甚至是可交互的应用组件。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E声明式设计：React采用声明范式，你可以轻松描述你的应用\u003C\u002Fp\u003E\u003Cp\u003E高效：Reeact通过对DOM的模拟表现，最大限度地较少与DOM的交互。\u003C\u002Fp\u003E\u003Cp\u003E灵活：React可以与你所知道的库或框架很好地工作。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Ch2\u003E\u003Cb\u003E\u003Cu\u003E6、\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=https%3A\u002F\u002Fgithub.com\u002Fangular\u002Fangular.js\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003Eangular.js\u003C\u002Fa\u003E\u003C\u002Fu\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cul\u003E\u003Cli\u003E\u003Cu\u003E\u003Ci\u003E语言：JavaScript\u003C\u002Fi\u003E\u003C\u002Fu\u003E\u003Cbr\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Cu\u003E\u003Ci\u003EStars：5C\u002Fi\u003E\u003C\u002Fu\u003E\u003Cbr\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cimg src=\&http:\u002F\u002Fpic2.zhimg.com\u002Fv2-d6530dbe2a1ae91ee84f97f979a0bf59_b.png\& data-rawwidth=\&1920\& data-rawheight=\&950\& class=\&origin_image zh-lightbox-thumb\& width=\&1920\& data-original=\&http:\u002F\u002Fpic2.zhimg.com\u002Fv2-d6530dbe2a1ae91ee84f97f979a0bf59_r.png\&\u003E\u003C\u002Ffigure\u003EAngular JS (Angular.JS) 是一组用来开发 Web 页面的框架、模板以及数据绑定和丰富 UI 组件。它支持整个开发进程，提供 Web 应用的架构，无需进行手工 DOM 操作。 AngularJS 很小，只有 60K，兼容主流浏览器，与 jQuery 配合良好。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E数据绑定可能是 AngularJS 最酷最实用的特性。它能够帮助你避免书写大量的初始代码从而节约开发时间。一个典型的 Web 应用可能包含了 80% 的代码用来处理，查询和监听 DOM。数据绑定使得代码更少，你可以专注于你的应用。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Ch2\u003E\u003Cb\u003E\u003Cu\u003E7、\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=https%3A\u002F\u002Fgithub.com\u002Fsindresorhus\u002Fawesome\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003Esindresorhus\u002Fawesome\u003C\u002Fa\u003E\u003C\u002Fu\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cul\u003E\u003Cli\u003E\u003Ci\u003E\u003Cu\u003EStars：4C\u002Fu\u003E\u003C\u002Fi\u003E\u003Cbr\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cbr\u003E\u003Cp\u003E在Github，有很多人在想，这里有啥好项目，所以就有了 AWESOME项目，这是个高能的项目！有很多你想要的资源。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Ch2\u003E\u003Cb\u003E\u003Cu\u003E8、\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=https%3A\u002F\u002Fgithub.com\u002Fgetify\u002FYou-Dont-Know-JS\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003Egetify\u002FYou-Dont-Know-JS\u003C\u002Fa\u003E\u003C\u002Fu\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cul\u003E\u003Cli\u003E\u003Ci\u003E\u003Cu\u003EStars：4C\u002Fu\u003E\u003C\u002Fi\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cimg src=\&http:\u002F\u002Fpic1.zhimg.com\u002Fv2-892d7ea65a8d2c470f4d573af9705140_b.png\& data-rawwidth=\&1920\& data-rawheight=\&950\& class=\&origin_image zh-lightbox-thumb\& width=\&1920\& data-original=\&http:\u002F\u002Fpic1.zhimg.com\u002Fv2-892d7ea65a8d2c470f4d573af9705140_r.png\&\u003E\u003C\u002Ffigure\u003E这个项目是一系列从浅入深的介绍JavaScript的书籍。你可以免费的阅读它，当然你也可以选择购买而支持他们。\u003C\u002Fp\u003E\u003Cp\u003E引用\u003Ca class=\&internal\& href=\&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fzeke\&\u003E赵望野\u003C\u002Fa\u003E老师的评价\u003C\u002Fp\u003E\u003Cblockquote\u003E总体来说这个系列书籍真的是非常出色的，出色到什么地步呢？无论你做了多久 JavaScript 相关的开发，几乎都能在这个系列书籍中找到一些自己遗漏掉的知识点。\u003Cbr\u003E\u003C\u002Fblockquote\u003E\u003Cbr\u003E\u003Ch2\u003E\u003Cb\u003E\u003Cu\u003E9、\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=https%3A\u002F\u002Fgithub.com\u002FFortAwesome\u002FFont-Awesome\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EFortAwesome\u002FFont-Awesome\u003C\u002Fa\u003E\u003C\u002Fu\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cul\u003E\u003Cli\u003E语言：HTML\u003C\u002Fli\u003E\u003Cli\u003EStars：4C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cfigure\u003E\u003Cimg src=\&http:\u002F\u002Fpic1.zhimg.com\u002Fv2-abe8d7e0948d27daee1aa_b.png\& data-rawwidth=\&1920\& data-rawheight=\&950\& class=\&origin_image zh-lightbox-thumb\& width=\&1920\& data-original=\&http:\u002F\u002Fpic1.zhimg.com\u002Fv2-abe8d7e0948d27daee1aa_r.png\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003EFont Awesome为您提供可缩放的矢量图标，您可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cbr\u003E\u003Ch2\u003E\u003Cb\u003E\u003Cu\u003E10、\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=https%3A\u002F\u002Fgithub.com\u002Frobbyrussell\u002Foh-my-zsh\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003Erobbyrussell\u002Foh-my-zsh\u003C\u002Fa\u003E\u003C\u002Fu\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cul\u003E\u003Cli\u003E\u003Ci\u003E\u003Cu\u003E语言：Shell\u003C\u002Fu\u003E\u003C\u002Fi\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Ci\u003E\u003Cu\u003EStars：4C\u002Fu\u003E\u003C\u002Fi\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cimg src=\&http:\u002F\u002Fpic1.zhimg.com\u002Fv2-2ab46b47e46a0beb5ffcb95921abe6f8_b.png\& data-rawwidth=\&1920\& data-rawheight=\&950\& class=\&origin_image zh-lightbox-thumb\& width=\&1920\& data-original=\&http:\u002F\u002Fpic1.zhimg.com\u002Fv2-2ab46b47e46a0beb5ffcb95921abe6f8_r.png\&\u003E\u003C\u002Ffigure\u003Eoh-my-zsh是基于zsh的功能做了一个扩展，方便的插件管理、主题自定义，以及漂亮的自动完成效果。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E今天就到这里，还有很多，但是我们会发现很多都是\u003Cb\u003EJavaScript\u003C\u002Fb\u003E的项目，当然这也是JavaScript的发展趋势，早些时候GitHub的年度报告中Js就已经成为了最流行的语言。\u003C\u002Fp\u003E\u003Cp\u003E另一种就是学习编程资源整合的项目，这个不难理解，每个人都喜欢整合资源，这样对于我们这些懒人来说，学习起来就相对的很轻松。下面的文章中将会按照部分去整理：\u003C\u002Fp\u003E\u003Cul\u003E\u003Cli\u003EPython最受欢迎的项目\u003Cbr\u003E\u003C\u002Fli\u003E\u003Cli\u003EJava最受欢迎的项目等等\u003Cbr\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cbr\u003E\u003Cp\u003E当然，如果你想第一时间知道这些项目，可以关注公众号（\u003Cb\u003E一个程序员的日常\u003C\u002Fb\u003E）\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cimg src=\&http:\u002F\u002Fpic2.zhimg.com\u002Fv2-2eabca585e938a_b.jpg\& data-rawwidth=\&1023\& data-rawheight=\&424\& class=\&origin_image zh-lightbox-thumb\& width=\&1023\& data-original=\&http:\u002F\u002Fpic2.zhimg.com\u002Fv2-2eabca585e938a_r.jpg\&\u003E\u003C\u002Ffigure\u003E&,&state&:&published&,&sourceUrl&:&&,&pageCommentsCount&:0,&canComment&:false,&snapshotUrl&:&&,&slug&:,&publishedTime&:&T07:54:24+08:00&,&url&:&\u002Fp\u002F&,&title&:&2016年度GitHub上Stars最多的10个项目&,&summary&:&2016年接近尾声，在最近的几篇文章中，会整理总结一些2016年度开源项目。今天整理的是：2016年度GitHub最受欢迎的开源项目总榜。在过去的2016年里面，GitHub最受欢迎、Stars最多的项目分别是哪些呢？赶紧来，看看文章跟着这些伟大的项目学习起来。\u003Cb\u003E\u003Cu\u003E1、\u003Ca href=\&https:\u002F\u002Fgithub.com\u002FFreeCodeCamp\u002FFreeCodeCamp\& class=\&\& data-editable=\&true\& data-title=\&FreeCodeCamp\u002FFreeCodeCamp\&\u003EFreeCo…\u003C\u002Fa\u003E\u003C\u002Fu\u003E\u003C\u002Fb\u003E&,&reviewingCommentsCount&:0,&meta&:{&previous&:null,&next&:null},&commentPermission&:&anyone&,&commentsCount&:66,&likesCount&:1572}},&annotationDetail&:null,&commentsCount&:83,&likesCount&:746,&FULLINFO&:true}},&User&:{&sgai&:{&isFollowed&:false,&name&:&路人甲&,&headline&:&有关于我的工作和生活都在微信公众号：一个程序员的日常，微信号：smcode2016&,&avatarUrl&:&https:\u002F\u002Fpic3.zhimg.com\u002F958a18f3216805bed269d158fb83325a_s.jpg&,&isFollowing&:false,&type&:&people&,&slug&:&sgai&,&bio&:&喜欢用数据讲故事\n微信公众号：一个程序员的日常&,&hash&:&eaf435b228ce0b038a4afe&,&uid&:243500,&isOrg&:false,&description&:&有关于我的工作和生活都在微信公众号：一个程序员的日常，微信号：smcode2016&,&badge&:{&identity&:null,&bestAnswerer&:null},&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fsgai&,&avatar&:{&id&:&958a18f3216805bed269d158fb83325a&,&template&:&https:\u002F\u002Fpic3.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false}},&Comment&:{},&favlists&:{}},&me&:{},&global&:{&experimentFeatures&:{&ge3&:&ge3_9&,&ge2&:&ge2_1&,&navi&:&1&,&growthSearch&:&s2&,&nwebQAGrowth&:&experiment&,&qawebRelatedReadingsContentControl&:&close&,&liveStore&:&ls_a2_b2_c1_f2&,&nwebSearch&:&nweb_search_heifetz&,&vdlc&:&e&,&rt&:&y&,&isOffice&:&false&,&enableTtsPlay&:&post&,&newLiveFeedMediacard&:&new&,&newMobileAppHeader&:&true&,&androidPassThroughPush&:&all&,&hybridZhmoreVideo&:&yes&,&nwebGrowthPeople&:&default&,&nwebSearchSuggest&:&default&,&qrcodeLogin&:&qrcode&,&enableVoteDownReasonMenu&:&enable&,&play&:&0&,&isShowUnicomFreeEntry&:&unicom_free_entry_off&,&growthBanner&:&default&,&newMobileColumnAppheader&:&new_header&,&androidDbRecommendAction&:&open&,&biu&:&1&,&info&:&1&,&androidDbFeedHashTagStyle&:&button&,&appStoreRateDialog&:&close&,&default&:&None&,&isNewNotiPanel&:&no&,&biua&:&1&,&zcmLighting&:&zcm&,&adR&:&b&,&wechatShareModal&:&wechat_share_modal_show&,&uRe&:&0&,&androidProfilePanel&:&panel_b&}},&columns&:{&next&:{},&passer&:{&following&:false,&canManage&:false,&href&:&\u002Fapi\u002Fcolumns\u002Fpasser&,&name&:&学习编程&,&creator&:{&slug&:&sgai&},&url&:&\u002Fpasser&,&slug&:&passer&,&avatar&:{&id&:&a778fbfce5ddb4ff441662&,&template&:&https:\u002F\u002Fpic2.zhimg.com\u002F{id}_{size}.jpg&}}},&columnPosts&:{},&columnSettings&:{&colomnAuthor&:[],&uploadAvatarDetails&:&&,&contributeRequests&:[],&contributeRequestsTotalCount&:0,&inviteAuthor&:&&},&postComments&:{},&postReviewComments&:{&comments&:[],&newComments&:[],&hasMore&:true},&favlistsByUser&:{},&favlistRelations&:{},&promotions&:{},&switches&:{&couldSetPoster&:false},&draft&:{&titleImage&:&&,&titleImageSize&:{},&isTitleImageFullScreen&:false,&canTitleImageFullScreen&:false,&title&:&&,&titleImageUploading&:false,&error&:&&,&content&:&&,&draftLoading&:false,&updating&: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}}}
no no no...&,&name&:&李小装&,&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fli-xiao-zhuang-57&,&avatar&:{&id&:&e84f2c136&,&template&:&https:\u002F\u002Fpic4.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},{&bio&:&&,&isFollowing&:false,&hash&:&cb5ef9761bece0c4d582226&,&uid&:32,&isOrg&:false,&slug&:&wang-chi-65&,&isFollowed&:false,&description&:&&,&name&:&王离&,&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fwang-chi-65&,&avatar&:{&id&:&1deba00fa48&,&template&:&https:\u002F\u002Fpic2.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false}],&summary&:&\u003Cimg src=\&http:\u002F\u002Fpic1.zhimg.com\u002Fv2-ef5abed287c_200x112.png\& data-rawwidth=\&782\& data-rawheight=\&857\& class=\&origin_image inline-img zh-lightbox-thumb\& data-original=\&http:\u002F\u002Fpic1.zhimg.com\u002Fv2-ef5abed287c_r.png\&\u003E周末周六两天，做了链家网的爬虫，可能有很多朋友做过，当然很多人只是练爬虫，但没有对爬取数据进行一些可视化去发现一些比较有意思的东西，今天想要通过抓取的数据进行一些比较有趣的统计分析。如果你想要这份数据：关注公众号：（\u003Cb\u003E一个程序员的日常\u003C\u002Fb\u003E），回…&,&reviewingCommentsCount&:0,&meta&:{&previous&:{&isTitleImageFullScreen&:false,&rating&:&none&,&titleImage&:&https:\u002F\u002Fpic2.zhimg.com\u002F50\u002Fv2-24c40cf7caa499_xl.jpg&,&links&:{&comments&:&\u002Fapi\u002Fposts\u002F2Fcomments&},&topics&:[{&url&:&https:\u002F\u002Fwww.zhihu.com\u002Ftopic\u002F&,&id&:&&,&name&:&程序员&},{&url&:&https:\u002F\u002Fwww.zhihu.com\u002Ftopic\u002F&,&id&:&&,&name&:&设计&},{&url&:&https:\u002F\u002Fwww.zhihu.com\u002Ftopic\u002F&,&id&:&&,&name&:&编程&}],&adminClosedComment&:false,&href&:&\u002Fapi\u002Fposts\u002F&,&excerptTitle&:&&,&author&:{&bio&:&喜欢用数据讲故事\n微信公众号：一个程序员的日常&,&isFollowing&:false,&hash&:&eaf435b228ce0b038a4afe&,&uid&:243500,&isOrg&:false,&slug&:&sgai&,&isFollowed&:false,&description&:&有关于我的工作和生活都在微信公众号：一个程序员的日常，微信号：smcode2016&,&name&:&路人甲&,&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fsgai&,&avatar&:{&id&:&958a18f3216805bed269d158fb83325a&,&template&:&https:\u002F\u002Fpic3.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},&column&:{&slug&:&passer&,&name&:&学习编程&},&content&:&\u003Cp\u003E“小路，我想做一个这种图片，你会吗?”\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E“So easy！当然会！并且不用代码！”\u003C\u002Fp\u003E\u003Cp\u003E来来来，首先给你科普一下\u003C\u002Fp\u003E\u003Cp\u003E这图是有专业术语的：\u003Cstrong\u003E词云\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cblockquote\u003E“词云”就是对网络文本中出现频率较高的“关键词”予以视觉上的突出，形成“关键词云层”或“关键词渲染”，从而过滤掉大量的文本信息，使浏览网页者只要一眼扫过文本就可以领略文本的主旨。\u003C\u002Fblockquote\u003E\u003Cfigure\u003E\u003Cimg src=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-9cddee319b17ec8e4a99f0c2b0be5119_b.jpg\& data-rawwidth=\&695\& data-rawheight=\&220\& class=\&origin_image zh-lightbox-thumb\& width=\&695\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-9cddee319b17ec8e4a99f0c2b0be5119_r.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E&下面的每一个推荐我举例&\u003C\u002Fp\u003E\u003Cp\u003E下面的所有中文词云基于的数据是：我抓取了网易云音乐：晴天这首单曲下面评论被点赞超过100的所有的评论，下面我们看看这些评论有什么共同特点，让我们去写一条会火的评论！\u003C\u002Fp\u003E\u003Cp\u003E所有的英文词云基础：《我有一个梦想》——马丁·路德·金演讲稿原稿，让我们切身体会一下这个有关于黑人民族平等的演讲！\u003C\u002Fp\u003E\u003Ch2\u003E\u003Cb\u003E1、图悦\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cp\u003E国内（中文可用）\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E网址：\u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fwww.picdata.cn\u002F%3Fwinzoom%3D1\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E图悦-在线词频分析工具-词云图制作软件\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cimg src=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-7e29da210e24c535b8399fcce7d7ebe9_b.jpg\& data-rawwidth=\&971\& data-rawheight=\&551\& class=\&origin_image zh-lightbox-thumb\& width=\&971\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-7e29da210e24c535b8399fcce7d7ebe9_r.jpg\&\u003E\u003C\u002Ffigure\u003E你可以很傻瓜式的使用该网页，只要把你需要分析的文本放到左边的输入框，点击分析图片就可以出图如右边所示，如果你想要使用自己定制的形状，你需要自己做一张PNG图片，并且上传到该网站即可定制。同时导航栏最右边的导出Excle可以把各个词的词频比重等导出到本地！\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E两个缺点\u003C\u002Fp\u003E\u003Cp\u003E其一：生成的词云有水印\u003C\u002Fp\u003E\u003Cp\u003E其二：颜色等样式选择较少\u003C\u002Fp\u003E\u003Ch2\u003E\u003Cb\u003E 2 、wordle\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cp\u003E国外（只可用英文）\u003C\u002Fp\u003E\u003Cp\u003E网址：\u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fwww.wordle.net\u002F\& class=\& external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E\u003Cspan class=\&invisible\&\u003Ehttp:\u002F\u002Fwww.\u003C\u002Fspan\u003E\u003Cspan class=\&visible\&\u003Ewordle.net\u002F\u003C\u002Fspan\u003E\u003Cspan class=\&invisible\&\u003E\u003C\u002Fspan\u003E\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cimg src=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-eda25b1a81f66fbdc5a93b_b.jpg\& data-rawwidth=\&871\& data-rawheight=\&756\& class=\&origin_image zh-lightbox-thumb\& width=\&871\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-eda25b1a81f66fbdc5a93b_r.jpg\&\u003E\u003C\u002Ffigure\u003E最强大的词云工具，没有之一！在这里，上传你的文字，你可以尽情的选择你喜欢的字体颜色等等，当然如果你不喜欢当前的图形，你可以不停的选择点击randomize随机不同的图形配色方案等等，并且可以报错没有水印的词云png。\u003C\u002Fp\u003E\u003Cp\u003E有两个缺点\u003C\u002Fp\u003E\u003Cp\u003E其一：只支持英文词云\u003C\u002Fp\u003E\u003Cp\u003E其二：需Java插件，无法在Chrome浏览器使用\u003C\u002Fp\u003E\u003Ch2\u003E\u003Cb\u003E3、tagul\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cp\u003E国外（只可用英文）\u003C\u002Fp\u003E\u003Cp\u003E网址：\u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Ftagul.com\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ETagul - Word Cloud Art\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cimg src=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-abc41f59eeb9fc1fde19d_b.jpg\& data-rawwidth=\&906\& data-rawheight=\&690\& class=\&origin_image zh-lightbox-thumb\& width=\&906\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-abc41f59eeb9fc1fde19d_r.jpg\&\u003E\u003C\u002Ffigure\u003E如果只给我一个词云工具的话，我只推荐这个！不管你是什么数据，甚至只是一个网页，他都能帮你解析出数据来。他可以帮助你排除掉一些常用无意义单词，你可以使用任意的图形，各种图案、字体颜色等等应有尽有。你可以随便保存分享给你的朋友！\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E缺点：\u003C\u002Fp\u003E\u003Cul\u003E\u003Cli\u003E不支持中文词云\u003Cbr\u003E\u003C\u002Fli\u003E\u003Cli\u003E在Chrome浏览器无法运行\u003Cbr\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cbr\u003E\u003Ch2\u003E\u003Cb\u003E4、ToCloud\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cp\u003E国外（中文英文可用）\u003C\u002Fp\u003E\u003Cp\u003E网址：\u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Ftocloud.com\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EFree Word Clouds\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-cedb497f9c9c43b57e8fade7_b.jpg\& data-rawwidth=\&1692\& data-rawheight=\&699\& class=\&origin_image zh-lightbox-thumb\& width=\&1692\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-cedb497f9c9c43b57e8fade7_r.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cfigure\u003E\u003Cimg src=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-a9b95f2f36b026d558a1ecdf_b.jpg\& data-rawwidth=\&1694\& data-rawheight=\&922\& class=\&origin_image zh-lightbox-thumb\& width=\&1694\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-a9b95f2f36b026d558a1ecdf_r.jpg\&\u003E\u003C\u002Ffigure\u003E以上分别用了中文和英文做实例，ToCloud，将会把你的文本按照原来的文字顺序进行排序，会在较高的词频词语进行标注，这样让你很方便的看清楚全文，同时一张图就可以让你给一个陌生人知道这张词云准确的想表达什么。优点：可以同时支持中文和英文文本。可以对于以上的词云起到不错的填补作用！\u003Cbr\u003E\u003C\u002Fp\u003E\u003Ch2\u003E\u003Cb\u003E5、一个开源项目\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cp\u003E国外（中英可用）\u003C\u002Fp\u003E\u003Cp\u003E网址：\u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=https%3A\u002F\u002Fwww.jasondavies.com\u002Fwordcloud\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EWord Cloud Generator\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-4bb9eed2cfed6_b.jpg\& data-rawwidth=\&1036\& data-rawheight=\&617\& class=\&origin_image zh-lightbox-thumb\& width=\&1036\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-4bb9eed2cfed6_r.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cfigure\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-3c8cf4c6d77db28c33966_b.jpg\& data-rawwidth=\&1032\& data-rawheight=\&614\& class=\&origin_image zh-lightbox-thumb\& width=\&1032\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-3c8cf4c6d77db28c33966_r.jpg\&\u003E\u003C\u002Ffigure\u003E前几次写文章过程中，我经常用到这个网站，缺点显而易见对于中文来说，几乎没有分词，所以效果很差，一般适合会有高重复的句子。对于英文词云来说效果还是很棒的！喜欢这个样式的朋友可以自己去试试。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-d7da9cfa17df7_b.jpg\& data-rawwidth=\&695\& data-rawheight=\&551\& class=\&origin_image zh-lightbox-thumb\& width=\&695\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-d7da9cfa17df7_r.jpg\&\u003E\u003C\u002Ffigure\u003E搜索关注公众号：“\u003Cb\u003E\u003Cu\u003E一个程序员的日常\u003C\u002Fu\u003E\u003C\u002Fb\u003E”，后台回复：“\u003Cb\u003E\u003Cu\u003E词云数据\u003C\u002Fu\u003E\u003C\u002Fb\u003E”即可获得数据。（文末有公众号的二维码，可扫码关注！）\u003Cfigure\u003E\u003Cimg src=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-d18c427b1b0d2bbb17da_b.jpg\& data-rawwidth=\&551\& data-rawheight=\&306\& class=\&origin_image zh-lightbox-thumb\& width=\&551\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-d18c427b1b0d2bbb17da_r.jpg\&\u003E\u003C\u002Ffigure\u003E\u003C\u002Fp\u003E\u003Cp\u003E当然，当你最后动手做的时候，一定要考虑清楚这个问题\u003C\u002Fp\u003E\u003Cp\u003E你为什么需要制作个性化词云，是艺术品还是研究分析内容的一种表现方式，是文本挖掘技术的可视化，还是为了传播更方便。形式大于内容，在有内容的前提下，可视化也是一种分析！当然我更倾向文本挖掘后的内容可视化。当然，我也不反对纯粹为了表现或者玩玩的可视化，玩也是一种学习。\u003Cfigure\u003E\u003Cimg src=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-2eabca585e938a_b.jpg\& data-rawwidth=\&1023\& data-rawheight=\&424\& class=\&origin_image zh-lightbox-thumb\& width=\&1023\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-2eabca585e938a_r.jpg\&\u003E\u003C\u002Ffigure\u003E\u003C\u002Fp\u003E&,&state&:&published&,&sourceUrl&:&&,&pageCommentsCount&:0,&canComment&:false,&snapshotUrl&:&&,&slug&:,&publishedTime&:&T08:11:04+08:00&,&url&:&\u002Fp\u002F&,&title&:&我想用代码做一张这样的图片。&,&summary&:&“小路，我想做一个这种图片，你会吗?” “So easy！当然会！并且不用代码！”来来来，首先给你科普一下这图是有专业术语的：\u003Cstrong\u003E词云\u003C\u002Fstrong\u003E“词云”就是对网络文本中出现频率较高的“关键词”予以视觉上的突出，形成“关键词云层”或“关键词渲染”，从而过滤掉大量…&,&reviewingCommentsCount&:0,&meta&:{&previous&:null,&next&:null},&commentPermission&:&anyone&,&commentsCount&:72,&likesCount&:1915},&next&:{&isTitleImageFullScreen&:true,&rating&:&none&,&titleImage&:&https:\u002F\u002Fpic1.zhimg.com\u002F50\u002Fv2-abe8d7e0948d27daee1aa_xl.jpg&,&links&:{&comments&:&\u002Fapi\u002Fposts\u002F2Fcomments&},&topics&:[{&url&:&https:\u002F\u002Fwww.zhihu.com\u002Ftopic\u002F&,&id&:&&,&name&:&GitHub&},{&url&:&https:\u002F\u002Fwww.zhihu.com\u002Ftopic\u002F&,&id&:&&,&name&:&编程&},{&url&:&https:\u002F\u002Fwww.zhihu.com\u002Ftopic\u002F&,&id&:&&,&name&:&程序员&}],&adminClosedComment&:false,&href&:&\u002Fapi\u002Fposts\u002F&,&excerptTitle&:&&,&author&:{&bio&:&喜欢用数据讲故事\n微信公众号：一个程序员的日常&,&isFollowing&:false,&hash&:&eaf435b228ce0b038a4afe&,&uid&:243500,&isOrg&:false,&slug&:&sgai&,&isFollowed&:false,&description&:&有关于我的工作和生活都在微信公众号：一个程序员的日常，微信号：smcode2016&,&name&:&路人甲&,&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fsgai&,&avatar&:{&id&:&958a18f3216805bed269d158fb83325a&,&template&:&https:\u002F\u002Fpic3.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},&column&:{&slug&:&passer&,&name&:&学习编程&},&content&:&\u003Cblockquote\u003E2016年接近尾声，在最近的几篇文章中，会整理总结一些2016年度开源项目。今天整理的是：2016年度GitHub最受欢迎的开源项目总榜。\u003C\u002Fblockquote\u003E\u003Cp\u003E在过去的2016年里面，GitHub最受欢迎、Stars最多的项目分别是哪些呢？赶紧来，看看文章跟着这些伟大的项目学习起来。\u003C\u002Fp\u003E\u003Ch2\u003E\u003Cb\u003E\u003Cu\u003E1、\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=https%3A\u002F\u002Fgithub.com\u002FFreeCodeCamp\u002FFreeCodeCamp\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EFreeCodeCamp\u002FFreeCodeCamp\u003C\u002Fa\u003E\u003C\u002Fu\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cul\u003E\u003Cli\u003E\u003Ci\u003E\u003Cu\u003E语言：JavaScript\u003Cbr\u003E\u003C\u002Fu\u003E\u003C\u002Fi\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Ci\u003E\u003Cu\u003EStars：3C\u002Fu\u003E\u003C\u002Fi\u003E\u003Cbr\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cbr\u003E\u003Cfigure\u003E\u003Cimg src=\&http:\u002F\u002Fpic1.zhimg.com\u002Fv2-30cc8baa18f2b3cea35db33bce793de8_b.png\& data-rawwidth=\&1920\& data-rawheight=\&950\& class=\&origin_image zh-lightbox-thumb\& width=\&1920\& data-original=\&http:\u002F\u002Fpic1.zhimg.com\u002Fv2-30cc8baa18f2b3cea35db33bce793de8_r.png\&\u003E\u003C\u002Ffigure\u003E\u003Cbr\u003E\u003Cp\u003EFreeCodeCamp 是一个基于 MEAN 架构的开源社区，它可以帮助人们学习编程以及构建他们的非盈利项目，内容以前端为主。\u003C\u002Fp\u003E\u003Cp\u003E如此神奇的一个开源项目，到底有哪些优势呢？\u003C\u002Fp\u003E\u003Col\u003E\u003Cli\u003E学习编程技能，比如HTML5、CSS3、JavaScript、数据库、Git、Node.js、Angular.js和敏捷开发\u003Cbr\u003E\u003C\u002Fli\u003E\u003Cli\u003E从事自由和开源项目\u003Cbr\u003E\u003C\u002Fli\u003E\u003Cli\u003E获得实时帮助\u003Cbr\u003E\u003C\u002Fli\u003E\u003C\u002Fol\u003E\u003Cbr\u003E\u003Ch2\u003E\u003Cb\u003E\u003Cu\u003E2、\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=https%3A\u002F\u002Fgithub.com\u002Ftwbs\u002Fbootstrap\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003Etwbs\u002Fbootstrap\u003C\u002Fa\u003E\u003C\u002Fu\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cul\u003E\u003Cli\u003E\u003Cu\u003E\u003Ci\u003E语言：JavaScript\u003Cbr\u003E\u003C\u002Fi\u003E\u003C\u002Fu\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Cu\u003E\u003Ci\u003EStars：3C\u002Fi\u003E\u003C\u002Fu\u003E\u003Cbr\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cbr\u003E\u003Cfigure\u003E\u003Cimg src=\&http:\u002F\u002Fpic1.zhimg.com\u002Fv2-e92bf784a569dc720a7cee4_b.png\& data-rawwidth=\&1920\& data-rawheight=\&950\& class=\&origin_image zh-lightbox-thumb\& width=\&1920\& data-original=\&http:\u002F\u002Fpic1.zhimg.com\u002Fv2-e92bf784a569dc720a7cee4_r.png\&\u003E\u003C\u002Ffigure\u003E\u003Cbr\u003E\u003Cp\u003EBootstrap来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得Web 开发更加快捷。\u003C\u002Fp\u003E\u003Ch2\u003E\u003Cb\u003E\u003Cu\u003E3、\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=https%3A\u002F\u002Fgithub.com\u002Fvhf\u002Ffree-programming-books\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003Evhf\u002Ffree-programming-books\u003C\u002Fa\u003E\u003C\u002Fu\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cul\u003E\u003Cli\u003E\u003Ci\u003E\u003Cu\u003EStars：7C\u002Fu\u003E\u003C\u002Fi\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cfigure\u003E\u003Cimg src=\&http:\u002F\u002Fpic1.zhimg.com\u002Fv2-b2c891f610fcb5acad3d8_b.png\& data-rawwidth=\&997\& data-rawheight=\&942\& class=\&origin_image zh-lightbox-thumb\& width=\&997\& data-original=\&http:\u002F\u002Fpic1.zhimg.com\u002Fv2-b2c891f610fcb5acad3d8_r.png\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E项目如同名称，该项目整理了所能整理到的网络上的关于编程方面免费的书籍资源，几乎涵盖所有语言，以后有需要编程电子书等教学资源的，请不要再在百度到处乱找了。是的，如果你英语不好，这儿甚至有中文版本的：\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=https%3A\u002F\u002Fgithub.com\u002Fvhf\u002Ffree-programming-books\u002Fblob\u002Fmaster\u002Ffree-programming-books-zh.md\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003Evhf\u002Ffree-programming-books\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cdiv class=\&highlight\&\u003E\u003Cpre\u003E\u003Ccode class=\&language-text\&\u003E\u003Cspan\u003E\u003C\u002Fspan\u003E函数式概念、分布式系统、在线教育、大数据、操作系统、数据库、智能系统、正则表达式、版本控制、程序员杂谈、管理和监控、编程艺术、编译原理、编辑器、计算机图形学、设计模式、软件开发方法、C、C#、C++、iOS、Java、JavaScript、LaTeX、LISP、Lua、Markdown、Node.js、Perl、PHP、Python、R...等等\n\u003C\u002Fcode\u003E\u003C\u002Fpre\u003E\u003C\u002Fdiv\u003E\u003Cbr\u003E\u003Ch2\u003E\u003Cb\u003E\u003Cu\u003E4、\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=https%3A\u002F\u002Fgithub.com\u002Fd3\u002Fd3\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003Ed3\u002Fd3\u003C\u002Fa\u003E\u003C\u002Fu\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cul\u003E\u003Cli\u003E\u003Ci\u003E\u003Cu\u003E语言：JavaScript\u003C\u002Fu\u003E\u003C\u002Fi\u003E\u003Cbr\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Ci\u003E\u003Cu\u003EStars：5C\u002Fu\u003E\u003C\u002Fi\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cimg src=\&http:\u002F\u002Fpic3.zhimg.com\u002Fv2-decdb46ef9cf656b_b.png\& data-rawwidth=\&1920\& data-rawheight=\&950\& class=\&origin_image zh-lightbox-thumb\& width=\&1920\& data-original=\&http:\u002F\u002Fpic3.zhimg.com\u002Fv2-decdb46ef9cf656b_r.png\&\u003E\u003C\u002Ffigure\u003ED3 是最流行的可视化库之一，它被很多其他的表格插件所使用。它允许绑定任意数据到DOM，然后将数据驱动转换应用到Document中。你可以使用它用一个数组创建基本的HTML表格，或是利用它的流体过度和交互，用相似的数据创建惊人的SVG条形图。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Ch2\u003E\u003Cb\u003E\u003Cu\u003E5、\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=https%3A\u002F\u002Fgithub.com\u002Ffacebook\u002Freact\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003Efacebook\u002Freact\u003C\u002Fa\u003E\u003C\u002Fu\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cul\u003E\u003Cli\u003E\u003Cu\u003E\u003Ci\u003E语言：JavaScript\u003Cbr\u003E\u003C\u002Fi\u003E\u003C\u002Fu\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Cu\u003E\u003Ci\u003EStars：5C\u002Fi\u003E\u003C\u002Fu\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cimg src=\&http:\u002F\u002Fpic1.zhimg.com\u002Fv2-c6f98daf44ac_b.png\& data-rawwidth=\&1920\& data-rawheight=\&950\& class=\&origin_image zh-lightbox-thumb\& width=\&1920\& data-original=\&http:\u002F\u002Fpic1.zhimg.com\u002Fv2-c6f98daf44ac_r.png\&\u003E\u003C\u002Ffigure\u003EReact是Facebook开源的JavaScript库，用于构建UI。你可以在React里传递多种类型的参数，如声明代码，帮助你渲染出UI、也可以是静态的HTMLDOM元素、也可以传递动态变量、甚至是可交互的应用组件。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E声明式设计：React采用声明范式，你可以轻松描述你的应用\u003C\u002Fp\u003E\u003Cp\u003E高效：Reeact通过对DOM的模拟表现，最大限度地较少与DOM的交互。\u003C\u002Fp\u003E\u003Cp\u003E灵活：React可以与你所知道的库或框架很好地工作。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Ch2\u003E\u003Cb\u003E\u003Cu\u003E6、\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=https%3A\u002F\u002Fgithub.com\u002Fangular\u002Fangular.js\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003Eangular.js\u003C\u002Fa\u003E\u003C\u002Fu\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cul\u003E\u003Cli\u003E\u003Cu\u003E\u003Ci\u003E语言：JavaScript\u003C\u002Fi\u003E\u003C\u002Fu\u003E\u003Cbr\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Cu\u003E\u003Ci\u003EStars：5C\u002Fi\u003E\u003C\u002Fu\u003E\u003Cbr\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cimg src=\&http:\u002F\u002Fpic2.zhimg.com\u002Fv2-d6530dbe2a1ae91ee84f97f979a0bf59_b.png\& data-rawwidth=\&1920\& data-rawheight=\&950\& class=\&origin_image zh-lightbox-thumb\& width=\&1920\& data-original=\&http:\u002F\u002Fpic2.zhimg.com\u002Fv2-d6530dbe2a1ae91ee84f97f979a0bf59_r.png\&\u003E\u003C\u002Ffigure\u003EAngular JS (Angular.JS) 是一组用来开发 Web 页面的框架、模板以及数据绑定和丰富 UI 组件。它支持整个开发进程，提供 Web 应用的架构，无需进行手工 DOM 操作。 AngularJS 很小，只有 60K，兼容主流浏览器，与 jQuery 配合良好。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E数据绑定可能是 AngularJS 最酷最实用的特性。它能够帮助你避免书写大量的初始代码从而节约开发时间。一个典型的 Web 应用可能包含了 80% 的代码用来处理，查询和监听 DOM。数据绑定使得代码更少，你可以专注于你的应用。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Ch2\u003E\u003Cb\u003E\u003Cu\u003E7、\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=https%3A\u002F\u002Fgithub.com\u002Fsindresorhus\u002Fawesome\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003Esindresorhus\u002Fawesome\u003C\u002Fa\u003E\u003C\u002Fu\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cul\u003E\u003Cli\u003E\u003Ci\u003E\u003Cu\u003EStars：4C\u002Fu\u003E\u003C\u002Fi\u003E\u003Cbr\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cbr\u003E\u003Cp\u003E在Github，有很多人在想，这里有啥好项目，所以就有了 AWESOME项目，这是个高能的项目！有很多你想要的资源。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Ch2\u003E\u003Cb\u003E\u003Cu\u003E8、\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=https%3A\u002F\u002Fgithub.com\u002Fgetify\u002FYou-Dont-Know-JS\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003Egetify\u002FYou-Dont-Know-JS\u003C\u002Fa\u003E\u003C\u002Fu\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cul\u003E\u003Cli\u003E\u003Ci\u003E\u003Cu\u003EStars：4C\u002Fu\u003E\u003C\u002Fi\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cimg src=\&http:\u002F\u002Fpic1.zhimg.com\u002Fv2-892d7ea65a8d2c470f4d573af9705140_b.png\& data-rawwidth=\&1920\& data-rawheight=\&950\& class=\&origin_image zh-lightbox-thumb\& width=\&1920\& data-original=\&http:\u002F\u002Fpic1.zhimg.com\u002Fv2-892d7ea65a8d2c470f4d573af9705140_r.png\&\u003E\u003C\u002Ffigure\u003E这个项目是一系列从浅入深的介绍JavaScript的书籍。你可以免费的阅读它，当然你也可以选择购买而支持他们。\u003C\u002Fp\u003E\u003Cp\u003E引用\u003Ca class=\&internal\& href=\&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fzeke\&\u003E赵望野\u003C\u002Fa\u003E老师的评价\u003C\u002Fp\u003E\u003Cblockquote\u003E总体来说这个系列书籍真的是非常出色的，出色到什么地步呢？无论你做了多久 JavaScript 相关的开发，几乎都能在这个系列书籍中找到一些自己遗漏掉的知识点。\u003Cbr\u003E\u003C\u002Fblockquote\u003E\u003Cbr\u003E\u003Ch2\u003E\u003Cb\u003E\u003Cu\u003E9、\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=https%3A\u002F\u002Fgithub.com\u002FFortAwesome\u002FFont-Awesome\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EFortAwesome\u002FFont-Awesome\u003C\u002Fa\u003E\u003C\u002Fu\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cul\u003E\u003Cli\u003E语言：HTML\u003C\u002Fli\u003E\u003Cli\u003EStars：4C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cfigure\u003E\u003Cimg src=\&http:\u002F\u002Fpic1.zhimg.com\u002Fv2-abe8d7e0948d27daee1aa_b.png\& data-rawwidth=\&1920\& data-rawheight=\&950\& class=\&origin_image zh-lightbox-thumb\& width=\&1920\& data-original=\&http:\u002F\u002Fpic1.zhimg.com\u002Fv2-abe8d7e0948d27daee1aa_r.png\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003EFont Awesome为您提供可缩放的矢量图标，您可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cbr\u003E\u003Ch2\u003E\u003Cb\u003E\u003Cu\u003E10、\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=https%3A\u002F\u002Fgithub.com\u002Frobbyrussell\u002Foh-my-zsh\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003Erobbyrussell\u002Foh-my-zsh\u003C\u002Fa\u003E\u003C\u002Fu\u003E\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cul\u003E\u003Cli\u003E\u003Ci\u003E\u003Cu\u003E语言：Shell\u003C\u002Fu\u003E\u003C\u002Fi\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Ci\u003E\u003Cu\u003EStars：4C\u002Fu\u003E\u003C\u002Fi\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cp\u003E\u003Cfigure\u003E\u003Cimg src=\&http:\u002F\u002Fpic1.zhimg.com\u002Fv2-2ab46b47e46a0beb5ffcb95921abe6f8_b.png\& data-rawwidth=\&1920\& data-rawheight=\&950\& class=\&origin_image zh-lightbox-thumb\& width=\&1920\& data-original=\&http:\u002F\u002Fpic1.zhimg.com\u002Fv2-2ab46b47e46a0beb5ffcb95921abe6f8_r.png\&\u003E\u003C\u002Ffigure\u003Eoh-my-zsh是基于zsh的功能做了一个扩展，方便的插件管理、主题自定义，以及漂亮的自动完成效果。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E今天就到这里，还有很多，但是我们会发现很多都是\u003Cb\u003EJavaScript\u003C\u002Fb\u003E的项目，当然这也是JavaScript的发展趋势，早些时候GitHub的年度报告中Js就已经成为了最流行的语言。\u003C\u002Fp\u003E\u003Cp\u003E另一种就是学习编程资源整合的项目，这个不难理解，每个人都喜欢整合资源，这样对于我们这些懒人来说，学习起来就相对的很轻松。下面的文章中将会按照部分去整理：\u003C\u002Fp\u003E\u003Cul\u003E\u003Cli\u003EPython最受欢迎的项目\u003Cbr\u003E\u003C\u002Fli\u003E\u003Cli\u003EJava最受欢迎的项目等等\u003Cbr\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cbr\u003E\u003Cp\u003E当然，如果你想第一时间知道这些项目，可以关注公众号（\u003Cb\u003E一个程序员的日常\u003C\u002Fb\u003E）\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cimg src=\&http:\u002F\u002Fpic2.zhimg.com\u002Fv2-2eabca585e938a_b.jpg\& data-rawwidth=\&1023\& data-rawheight=\&424\& class=\&origin_image zh-lightbox-thumb\& width=\&1023\& data-original=\&http:\u002F\u002Fpic2.zhimg.com\u002Fv2-2eabca585e938a_r.jpg\&\u003E\u003C\u002Ffigure\u003E&,&state&:&published&,&sourceUrl&:&&,&pageCommentsCount&:0,&canComment&:false,&snapshotUrl&:&&,&slug&:,&publishedTime&:&T07:54:24+08:00&,&url&:&\u002Fp\u002F&,&title&:&2016年度GitHub上Stars最多的10个项目&,&summary&:&2016年接近尾声，在最近的几篇文章中，会整理总结一些2016年度开源项目。今天整理的是：2016年度GitHub最受欢迎的开源项目总榜。在过去的2016年里面，GitHub最受欢迎、Stars最多的项目分别是哪些呢？赶紧来，看看文章跟着这些伟大的项目学习起来。\u003Cb\u003E\u003Cu\u003E1、\u003Ca href=\&https:\u002F\u002Fgithub.com\u002FFreeCodeCamp\u002FFreeCodeCamp\& class=\&\& data-editable=\&true\& data-title=\&FreeCodeCamp\u002FFreeCodeCamp\&\u003EFreeCo…\u003C\u002Fa\u003E\u003C\u002Fu\u003E\u003C\u002Fb\u003E&,&reviewingCommentsCount&:0,&meta&:{&previous&:null,&next&:null},&commentPermission&:&anyone&,&commentsCount&:66,&likesCount&:1572}},&annotationDetail&:null,&commentsCount&:83,&likesCount&:746,&FULLINFO&:true}},&User&:{&sgai&:{&isFollowed&:false,&name&:&路人甲&,&headline&:&有关于我的工作和生活都在微信公众号：一个程序员的日常，微信号：smcode2016&,&avatarUrl&:&https:\u002F\u002Fpic3.zhimg.com\u002F958a18f3216805bed269d158fb83325a_s.jpg&,&isFollowing&:false,&type&:&people&,&slug&:&sgai&,&bio&:&喜欢用数据讲故事\n微信公众号：一个程序员的日常&,&hash&:&eaf435b228ce0b038a4afe&,&uid&:243500,&isOrg&:false,&description&:&有关于我的工作和生活都在微信公众号：一个程序员的日常，微信号：smcode2016&,&badge&:{&identity&:null,&bestAnswerer&:null},&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fsgai&,&avatar&:{&id&:&958a18f3216805bed269d158fb83325a&,&template&:&https:\u002F\u002Fpic3.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false}},&Comment&:{},&favlists&:{}},&me&:{},&global&:{&experimentFeatures&:{&ge3&:&ge3_9&,&ge2&:&ge2_1&,&navi&:&1&,&growthSearch&:&s2&,&nwebQAGrowth&:&experiment&,&qawebRelatedReadingsContentControl&:&close&,&liveStore&:&ls_a2_b2_c1_f2&,&nwebSearch&:&nweb_search_heifetz&,&vdlc&:&e&,&rt&:&y&,&isOffice&:&false&,&enableTtsPlay&:&post&,&newLiveFeedMediacard&:&new&,&newMobileAppHeader&:&true&,&androidPassThroughPush&:&all&,&hybridZhmoreVideo&:&yes&,&nwebGrowthPeople&:&default&,&nwebSearchSuggest&:&default&,&qrcodeLogin&:&qrcode&,&enableVoteDownReasonMenu&:&enable&,&play&:&0&,&isShowUnicomFreeEntry&:&unicom_free_entry_off&,&growthBanner&:&default&,&newMobileColumnAppheader&:&new_header&,&androidDbRecommendAction&:&open&,&biu&:&1&,&info&:&1&,&androidDbFeedHashTagStyle&:&button&,&appStoreRateDialog&:&close&,&default&:&None&,&isNewNotiPanel&:&no&,&biua&:&1&,&zcmLighting&:&zcm&,&adR&:&b&,&wechatShareModal&:&wechat_share_modal_show&,&uRe&:&0&,&androidProfilePanel&:&panel_b&}},&columns&:{&next&:{},&passer&:{&following&:false,&canManage&:false,&href&:&\u002Fapi\u002Fcolumns\u002Fpasser&,&name&:&学习编程&,&creator&:{&slug&:&sgai&},&url&:&\u002Fpasser&,&slug&:&passer&,&avatar&:{&id&:&a778fbfce5ddb4ff441662&,&template&:&https:\u002F\u002Fpic2.zhimg.com\u002F{id}_{size}.jpg&}}},&columnPosts&:{},&columnSettings&:{&colomnAuthor&:[],&uploadAvatarDetails&:&&,&contributeRequests&:[],&contributeRequestsTotalCount&:0,&inviteAuthor&:&&},&postComments&:{},&postReviewComments&:{&comments&:[],&newComments&:[],&hasMore&:true},&favlistsByUser&:{},&favlistRelations&:{},&promotions&:{},&switches&:{&couldSetPoster&:false},&draft&:{&titleImage&:&&,&titleImageSize&:{},&isTitleImageFullScreen&:false,&canTitleImageFullScreen&:false,&title&:&&,&titleImageUploading&:false,&error&:&&,&content&:&&,&draftLoading&:false,&updating&: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}}}
我要回帖
更多关于 租房物品清单表格 的文章
更多推荐
- ·为什么新疆地下有那么多和田玉籽料和鹅卵石的区别
- ·时间t会不会是一个零向量带个T？
- ·【大学物理问题一问一答，高一】天大的问题，大学物理问题一问一答学的基石在这里，天才的你，快来解释吧！高人助之一臂之力，定能固其基！
- ·绝地求生哪个辅助最稳辅助怎么制作
- ·百家姓列表上，有没有，姓洗的，洗衣服的洗
- ·北京尚品嘉业公司怎么样，做义乌外发加工货哪里拿去拿货要压金钱吗
- ·株洲市房产证查询栗雨村不动房产证什么发到村手中
- ·我姑嫌弃我不是男的，要回来分房产，如果她打官司对房产的分割是怎么样的？
- ·转转里京东网银支付不能跳转支付分期怎么用
- ·2.64米高隔层装修效果图房子可以隔成2层使用吗
- ·上钢是什么中国钢铁企业排名的简称?
- ·巨野县东方虹桥新天地 附近 新房B区新房到手都有什么手续或者文件给业主?
- ·我刚和村里签了2017个人土地承包合同同，镇府说村里程序吃错了，要终止合同。我该怎么办
- ·出租房里，我住一楼经常有起住楼上电动车怎么充电的停住楼上电动车怎么充电停老半天，弄得声音还特别大，特别是跺脚的声音，贱到了极点
- ·天津梅江渔具展2017什么时候开始
- ·做电子商务战略合作协议专业作业，顺便打LOL团战这种游戏不卡顿的求型号
- ·交强险 第三者责任险,车损,不计免赔,第三方责任险50万,怎么能要5800
- ·对于LYNK&CO（领克）科学三大领域是什么免费政策有几
- ·支付宝的借呗之前支付宝可以借钱的现在不可以了
- ·三年前在武汉台北商场光华商场购买的不合格产品还可以向消基会投诉吗?
- ·租房家具清单的一些事我弄不清了
- ·老婆经我妻同学是我老婆相似介绍去投资六万多，在中山地区横栏支行附近。不知道是不是进了传销
- ·钧溢惠商城邯郸是不是骗局。
- ·信德融合g币什么时候上线？找不到家、找不到领路人的有吗？
- ·为什么真实赛车3精英玩家玩不了了
- ·游戏玩到一半媒体音量没声音怎么办 别的程序都有声音
- ·刀剑神域第一季百度云二季资源，谢谢啦！ლ(╹◡╹ლ)
- ·win10创意者无法运行寻仙win10打字乱码
- ·重生女主网游小说说，主角受妹子邀请重新回到游戏并非重生，特点是游戏技能完全自行想象提交后后由系统审定~~~~
- ·dnf剑宗多少剑宗靠物理攻击吗能打震撼c
- ·这怎么办呀！，，CFlol韩服更新慢怎么办的
- ·方舟生存进化物品代码 物品信息 字太小 怎么解？
- ·星盟冲突 辅助蓝图怎么用啊
- ·一个游戏女朋友生日发多少红包给我发33.33红包给我是什么意思？
- ·谁有我的世界怪物大乱斗10整合包带光影的那种，求链接谢谢了
