spider_project/ajax/segmentfault/example.ipynb

{
 "cells": [
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## 初始化我们需要的工具"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 53,
   "metadata": {},
   "outputs": [],
   "source": [
    "import requests\n",
    "from requests.exceptions import HTTPError"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### 获取首页数据"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 4,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "'\\n<!DOCTYPE HTML><html lang=\"zh-CN\"><head><meta charset=\"UTF-8\"/><meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge, chrome=1\"/><meta name=\"renderer\" content=\"webkit\"/><meta property=\"qc:admins\" content=\"15317273575564615446375\"/><meta property=\"og:image\" content=\"https://static.segmentfault.com/v-5c8b4d77/global/img/touch-icon.png\"/><meta name=\"viewport\"\\n              content=\"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no\"/><meta name=\"alexaVerifyID\" content=\"LkzCRJ7rPEUwt6fVey2vhxiw1vQ\"/><meta name=\"apple-itunes-app\" content=\"app-id=958101793, app-argument=\"><title>SegmentFault 思否</title><meta name=\"description\" content=\"SegmentFault 思否 为开发者提供问答、学习与交流编程知识的平台，创造属于开发者的时代！\"/><meta name=\"keywords\" content=\"SegmentFault,思否,javascript,php,python,java,mysql,ios,android,vue.js,node.js,html,css,ruby,git,docker,前端\"/><link rel=\"search\" type=\"application/opensearchdescription+xml\" href=\"/opensearch.xml\" title=\"SegmentFault\"/><link rel=\"shortcut icon\" href=\"https://static.segmentfault.com/v-5c8b4d77/global/img/favicon.ico\"/><link rel=\"apple-touch-icon\" href=\"https://static.segmentfault.com/v-5c8b4d77/global/img/touch-icon.png\"><meta name=\"msapplication-TileColor\" content=\"#009a61\"/><meta name=\"msapplication-square150x150logo\" content=\"https://static.segmentfault.com/v-5c8b4d77/global/img/touch-icon.png\"/><meta name=\"baidu_union_verify\" content=\"bcf7fd80dca60d53d46d5b46e1b990ca\"><link rel=\"alternate\" type=\"application/atom+xml\" title=\"SegmentFault 最新问题\" href=\"/feeds/questions\"><link rel=\"alternate\" type=\"application/atom+xml\" title=\"SegmentFault 最新文章\" href=\"/feeds/blogs\"><link rel=\"stylesheet\" href=\"https://static.segmentfault.com/v-5c8b4d77/global/css/global.css\"/><link rel=\"stylesheet\" href=\"https://static.segmentfault.com/v-5c8b4d77/index/css/index.css\"/><link rel=\"stylesheet\" href=\"https://static.segmentfault.com/v-5c8b4d77/global/css/responsive.css\"/><script type=\\'text/javascript\\' src=\\'https://sponsor.segmentfault.com/spcjs.php?id=1&block=1&repu=0\\'></script><script async src=\"//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js\"></script><script>\\n        (adsbygoogle = window.adsbygoogle || []).push({\\n            google_ad_client: \"ca-pub-6330872677300335\",\\n            enable_page_level_ads: true\\n        });\\n    </script></head><body data-mod=\"index\"\\n    class=\"index-index \"><!--[if lt IE 9]><div class=\"alert alert-danger topframe\" role=\"alert\">你的浏览器实在<strong>太太太太太太旧了</strong>，放学别走，升级完浏览器再说 <a target=\"_blank\" class=\"alert-link\" href=\"http://browsehappy.com\">立即升级</a></div><![endif]--><img id=\"icon4weChat\" style=\"height: 0;width: 0;\" data-src=\"https://static.segmentfault.com/v-5c8b4d77/global/img/touch-icon-512.png\"><div id=\"gridMapHoverBox\" style=\"position:absolute; border: 1px solid #009a61; z-index:99; font-size: 10px; background:#fff\"></div><div class=\"global-nav sf-header sf-header--index\"><div class=\"bottom-nav visible-xs visible-sm \"><div class=\"opts\"><a class=\"opts-group active\" href=\"/\"><i class=\"fa fa-home\" aria-hidden=\"true\"></i><span>首页</span></a><a class=\"opts-group \" href=\"/questions\"><i class=\"fa fa-comments\" aria-hidden=\"true\"></i><span>问答</span></a><a class=\"opts-group \" href=\"/blogs\"><i class=\"fa fa-pencil-square\" aria-hidden=\"true\"></i><span>专栏</span></a><a class=\"opts-group \" href=\"/lives\"><i class=\"fa fa-play-circle\" aria-hidden=\"true\"></i><span>讲堂</span></a><div class=\"opts-group\"><div class=\"btn-group dropup\"><i class=\"fa fa-bars dropdown hoverDropdown\" data-toggle=\"dropdown\" aria-hidden=\"true\"><span>更多</span></i><ul class=\"dropdown-menu\"><li><a href=\"/jobs\">职位</a></li><li><a href=\"/events\">活动</a></li><li><a href=\"/tags\">标签</a></li><li><a href=\"/badges\">徽章</a></li></ul></div></div></div></div><nav class=\"container nav\"><div class=\"visible-xs visible-sm header-response\"><a href=\"/search\" style=\"display:block\"><i class=\"fa fa-search\" aria-hidden=\"true\"></i></a><div class=\"sf-header__logo sf-header__logo--response\"><h1><a href=\"/\" style=\"height:24px; background-size: auto 24px;\"></a></h1></div><a href=\"/user/login\" class=\"pull-right login-btn\"><i class=\"fa fa-user\" aria-hidden=\"true\"></i></a></div><script>\\nmobileScroll(\\n    function(direction) { \\n        try {\\n            if (direction === \\'down\\') {\\n                document.querySelector(\\'.bottom-nav\\').classList.add(\\'hidden\\')\\n            } else {\\n                document.querySelector(\\'.bottom-nav\\').classList.remove(\\'hidden\\')\\n            }\\n        } catch(err) {}\\n    }\\n);    \\nfunction mobileScroll( fn ) {\\n    var beforeScrollTop = document.documentElement.scrollTop || document.body.scrollTop,\\n        fn = fn || function() {};\\n    window.addEventListener(\"scroll\", function() {\\n        var afterScrollTop = document.documentElement.scrollTop || document.body.scrollTop,\\n            delta = afterScrollTop - beforeScrollTop;\\n        if( delta === 0 ) return false;\\n        fn( delta > 0 ? \"down\" : \"up\" );\\n        beforeScrollTop = afterScrollTop;\\n    }, false);\\n}\\n</script><div class=\"row hidden-xs hidden-sm\"><div class=\"col-sm-8 col-md-9 col-lg-9\"><div class=\"sf-header__logo\"><h1><a href=\"/\">SegmentFault</a></h1></div><div><ul class=\"menu list-inline pull-left hidden-xs\"><li class=\"menu__item\"><a href=\"/\" class=\"active-nav\">首页</a></li><li class=\"menu__item\"><a href=\"/questions\" class=\"\">问答</a></li><li class=\"menu__item\"><a href=\"/blogs\" class=\"\">专栏</a></li><li class=\"menu__item\"><a class=\" \" href=\"/lives\" class=\"\">讲堂</a></li><li class=\"menu__item\"><a href=\"/groups\" class=\"\">圈子</a></li><li class=\"menu__item menu__item--more dropdown\"><a href=\"##\" class=\"dropdown-toggle dropdownBtn\" data-toggle=\"dropdown\">\\n                                        发现<i class=\"fa fa-caret-down\" style=\"font-size: 14px;margin-left: 5px;\" aria-hidden=\"true\"></i></a><div class=\"dropdown-block hidden\"><ul class=\"dropdown-content-menu\"><li><a href=\"/events\">活动</a></li><li><a href=\"/tags\">标签</a></li><li><a href=\"/groups?tab=jobs\">酷工作</a></li><li><a href=\"/users\">排行榜</a></li><li><a href=\"/badges\">徽章</a></li><li><a href=\"/notes\">笔记</a></li><li><a href=\"https://docs.segmentfault.com\" target=\"_blank\">开发手册<i style=\"line-height: 20px;font-size: 12px;color: #F5A623;\" class=\"ml10 fa fa-external-link-square\"></i></a></li><li><a href=\"https://business.segmentfault.com/ads?utm_source=sf-header\" target=\"_blank\">广告投放<i style=\"line-height: 20px;font-size: 12px;color: #F5A623;\" class=\"ml10 fa fa-external-link-square\"></i></a></li></ul></div></li><li class=\"menu__item visible-sm-inline-block\"><a href=\"/search\"><span class=\"glyphicon glyphicon-search\" style=\"vertical-align: middle;\"></span></a></li></ul><form action=\"/search\" class=\"header-search  hidden-sm hidden-xs pull-right\" ><button class=\"btn btn-link\"><span class=\"sr-only\">搜索</span><span class=\"glyphicon glyphicon-search\"></span></button><input id=\"searchBox\" name=\"q\" type=\"text\"  placeholder=\"搜索问题或关键字\" class=\"form-control\" value=\"\" /></form></div></div><div class=\"col-sm-4 col-md-3 col-lg-3 text-right\"><ul class=\"opts list-inline hidden-xs\"><li class=\"opts__item\"><a href=\"/user/login\" class=\"SFRegister btn-signin\" style=\"margin-bottom:2px;\">立即登录</a><a href=\"/user/register\" class=\"SFLogin ml10 btn-signup\"\\n                                       onClick=\"_gaq.push([\\'_trackEvent\\', \\'Button\\', \\'Click\\', \\'Login\\']);\">免费注册</a></li></ul></div></div></nav></div>\\n<div class=\"wrapper\">\\n      <div id=\"loginBanner\"  class=\"hidden-sm hidden-xs loginBanner\">\\n    <div class=\"container\">\\n        <div class=\"row\">\\n            <div class=\"col-lg-6 col-md-7\">\\n                <h1 class=\"title\">在 SegmentFault，学习技能、解决问题</h1>\\n                <p class=\"desc\">每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。</p>\\n            </div>\\n            <div class=\"col-lg-3 col-lg-offset-3 col-md-4 col-md-offset-1\">\\n                <form class=\"register-form clearfix\" action=\"/api/user/phone/register\">\\n\\n                    \\n                    <a href=\"/user/register\" class=\"SFLogin btn btn-lg btn-primary mr15\">免费注册</a>\\n                    <a href=\"/user/login\" class=\"SFRegister btn btn-lg btn-primary\">立即登录</a>\\n                </form>\\n            </div>\\n        </div>\\n    </div>\\n        <i class=\"fa fa-times-circle\" aria-hidden=\"true\"></i>\\n    </div>\\n\\n    <div class=\"container mt30\">\\n    <div class=\"row\">\\n      <div class=\"col-md-2 left\">\\n        <div class=\"router-box\">\\n          <a class=\"router-box-item active\" href=\"/\">\\n            <i class=\"fa fa-newspaper-o\" aria-hidden=\"true\"></i>\\n            <span class=\"name\">为你推荐</span>\\n          </a>\\n          <a class=\"router-box-item \" href=\"/hottest\">\\n            <i class=\"fa fa-thumbs-o-up\" aria-hidden=\"true\"></i>\\n            <span class=\"name\">近期热门</span>\\n          </a>\\n          <a class=\"router-box-item \" href=\"/newest\">\\n            <i class=\"fa fa-globe\" aria-hidden=\"true\"></i>\\n            <span class=\"name\">最新内容</span>\\n          </a>\\n          <a class=\"router-box-item showChannels visible-xs-block\" href=\"/\">\\n            <i class=\"fa fa-server\" aria-hidden=\"true\"></i>\\n            <span class=\"name\">技术频道</span>\\n          </a>\\n        </div>\\n        <div class=\"tech-square hidden-xs\">\\n          <h5 class=\"tech-square-title mt0 mb15\">技术频道</h5>\\n        </div>\\n      </div>\\n\\n      <div class=\"col-md-7 middle\">\\n        \\n        <div class=\"ad-wrapper\" id=\"mm_124884735_33830642_184038395\">\\n          <div class=\"loading\">\\n            <i class=\"fa fa-spinner fa-spin fa-2x\" aria-hidden=\"true\"></i>\\n          </div>\\n          <div id=\"carousel-example-generic\" class=\"carousel slide mb5\" data-ride=\"carousel\">\\n            <div id=\"carousel-example-generic\" class=\"carousel slide\" data-ride=\"carousel\">\\n              <ol class=\"carousel-indicators\">\\n              </ol>\\n              <div class=\"carousel-inner\" role=\"listbox\">\\n              </div>\\n            </div>\\n            <div class=\"mask\"></div>\\n          </div>\\n        </div>\\n        \\n        \\n                    <div class=\"feed-option\">\\n                <h5>为你推荐</h5>\\n            </div>\\n        \\n        <div class=\"alert alert-info mt15 mb0 hidden\" role=\"alert\" id=\"notice-update\"></div>\\n\\n                <div class=\"news-list\"><div class=\"news-item stream__item clearfix mt15\" data-id=\"1190000018944634\"><div class=\"news__item-info clearfix\"><a href=\"/a/1190000018944634\" class=\"news-img\" style=\"background-image:url(https://segmentfault.com/img/remote/1460000018944637)\"></a><a target=\"_blank\" href=\"/a/1190000018944634\"><div class=\"mb5 mt5\"><h4 class=\"news__item-title mt0\">基于socket.io快速实现一个实时通讯应用</h4></div><div class=\"article-excerpt\">\\n                      随着web技术的发展，使用场景和需求也越来越复杂，客户端不再满足于简单的请求得到状态的需求。实时通讯越来越多应用于各个领域。\\n                    </div></a><div class=\"news__item-meta\"><span class=\"pr20 votes-operation \" data-id=\"1190000018944634\" data-type=\"article\"><span class=\"wrap\"><i class=\"fa fa-thumbs-up hot\"></i></span><span class=\"votes-num hot \">58</span><span class=\"dot \">·</span><span class=\"votes-word\">赞</span></span><span class=\"bookmark-operation pr20 hidden\" data-id=\"1190000018944634\" data-type=\"article\"><i class=\"fa fa-bookmark pr5\"></i><span class=\"bookmark-word\">收藏</span></span><span class=\"author pr20\"><a href=\"/u/boohee\">薄荷前端</a><span class=\"dot\">·</span>1 天前</span></div></div></div><div class=\"news-item stream__item clearfix mt15\" data-id=\"1190000018941250\"><div class=\"news__item-info clearfix\"><a target=\"_blank\" href=\"/a/1190000018941250\"><div class=\"mb5 mt5\"><h4 class=\"news__item-title mt0\">【译】如何在 JavaScript 中使用对象的方法</h4></div><div class=\"article-excerpt\">\\n                      JavaScript 中，对象是 键/值 对的集合。值可以包含属性和方法，并且可以包含所有其他 JavaScript 数据类型，例如字符串，数字和布尔值。\\n                    </div></a><div class=\"news__item-meta\"><span class=\"pr20 votes-operation \" data-id=\"1190000018941250\" data-type=\"article\"><span class=\"wrap\"><i class=\"fa fa-thumbs-up \"></i></span><span class=\"votes-num  \">12</span><span class=\"dot \">·</span><span class=\"votes-word\">赞</span></span><span class=\"bookmark-operation pr20 hidden\" data-id=\"1190000018941250\" data-type=\"article\"><i class=\"fa fa-bookmark pr5\"></i><span class=\"bookmark-word\">收藏</span></span><span class=\"author pr20\"><a href=\"/u/json_zhang\">joking_zhang</a><span class=\"dot\">·</span>1 天前</span></div></div></div><div class=\"news-item stream__item clearfix mt15\" data-id=\"1190000018922732\"><div class=\"news__item-info clearfix\"><a href=\"/a/1190000018922732\" class=\"news-img\" style=\"background-image:url(https://segmentfault.com/img/bVbryyf?w=130&amp;amp;h=134)\"></a><a target=\"_blank\" href=\"/a/1190000018922732\"><div class=\"mb5 mt5\"><h4 class=\"news__item-title mt0\">45个值得收藏的 CSS 形状</h4></div><div class=\"article-excerpt\">\\n                      CSS能够生成各种形状。正方形和矩形很容易，因为它们是 web 的自然形状。添加宽度和高度，就得到了所需的精确大小的矩形。添加边框半径，你就可以把这个形状变成圆形，足够多的边框半径，你就可以把这些矩形变成...\\n                    </div></a><div class=\"news__item-meta\"><span class=\"pr20 votes-operation \" data-id=\"1190000018922732\" data-type=\"article\"><span class=\"wrap\"><i class=\"fa fa-thumbs-up hot\"></i></span><span class=\"votes-num hot \">245</span><span class=\"dot \">·</span><span class=\"votes-word\">赞</span></span><span class=\"bookmark-operation pr20 hidden\" data-id=\"1190000018922732\" data-type=\"article\"><i class=\"fa fa-bookmark pr5\"></i><span class=\"bookmark-word\">收藏</span></span><span class=\"author pr20\"><a href=\"/u/minnanitkong\">前端小智</a><span class=\"dot\">·</span>2 天前</span></div></div></div><div class=\"news-item stream__item clearfix mt15\" data-id=\"1190000018933462\"><div class=\"news__item-info clearfix\"><a href=\"/a/1190000018933462\" class=\"news-img\" style=\"background-image:url(https://segmentfault.com/img/bVbrBCu?w=1268&amp;amp;h=822)\"></a><a target=\"_blank\" href=\"/a/1190000018933462\"><div class=\"mb5 mt5\"><h4 class=\"news__item-title mt0\">CQRS &amp; Event Sourcing — 解决检索应用程序状态问题的一剂良方</h4></div><div class=\"article-excerpt\">\\n                      现在，每个开发人员都很熟悉MVC标准体系结构设计模式。大多数的应用程序都是基于这种体系结构进行创建的。它允许我们创建可扩展的大型企业应用程序，但近期我们还听到了另外的一些有关于CQRS/ES的相关信息。这些...\\n                    </div></a><div class=\"news__item-meta\"><span class=\"pr20 votes-operation \" data-id=\"1190000018933462\" data-type=\"article\"><span class=\"wrap\"><i class=\"fa fa-thumbs-up \"></i></span><span class=\"votes-num  \">3</span><span class=\"dot \">·</span><span class=\"votes-word\">赞</span></span><span class=\"bookmark-operation pr20 hidden\" data-id=\"1190000018933462\" data-type=\"article\"><i class=\"fa fa-bookmark pr5\"></i><span class=\"bookmark-word\">收藏</span></span><span class=\"author pr20\"><a href=\"/u/ramostear\">谭朝红</a><span class=\"dot\">·</span>2 天前</span></div></div></div><div class=\"news-item stream__item clearfix mt15\" data-id=\"1190000018930829\"><div class=\"news__item-info clearfix\"><a target=\"_blank\" href=\"/a/1190000018930829\"><div class=\"mb5 mt5\"><h4 class=\"news__item-title mt0\">服务端预渲染之Nuxt - （爬坑篇）</h4></div><div class=\"article-excerpt\">\\n                      Nuxt是解决SEO的比较常用的解决方案，随着Nuxt也有很多坑，每当突破一个小技术点的时候，都有很大的成就感，在这段时间里着实让我痛并快乐着。在这里根据个人学习情况，所踩过的坑做了一个汇总和总结。\\n                    </div></a><div class=\"news__item-meta\"><span class=\"pr20 votes-operation \" data-id=\"1190000018930829\" data-type=\"article\"><span class=\"wrap\"><i class=\"fa fa-thumbs-up \"></i></span><span class=\"votes-num  \">12</span><span class=\"dot \">·</span><span class=\"votes-word\">赞</span></span><span class=\"bookmark-operation pr20 hidden\" data-id=\"1190000018930829\" data-type=\"article\"><i class=\"fa fa-bookmark pr5\"></i><span class=\"bookmark-word\">收藏</span></span><span class=\"author pr20\"><a href=\"/u/aaron_59f5c5ee0c93f\">Aaron</a><span class=\"dot\">·</span>3 天前</span></div></div></div><div class=\"news-item stream__item clearfix mt15\" data-id=\"1190000018930597\"><div class=\"news__item-info clearfix\"><a href=\"/a/1190000018930597\" class=\"news-img\" style=\"background-image:url(https://segmentfault.com/img/remote/1460000018930600)\"></a><a target=\"_blank\" href=\"/a/1190000018930597\"><div class=\"mb5 mt5\"><h4 class=\"news__item-title mt0\">一文掌握PHP Xdebug 本地与远程调试</h4></div><div class=\"article-excerpt\">\\n                      我是在~/Downloads/xdebug/ 目录下放了一个简单的PHP文件test.php来测试，在这个目录下用php -S 127.0.0.1:7790起了个http服务，可参考进行下述配置。\\n                    </div></a><div class=\"news__item-meta\"><span class=\"pr20 votes-operation \" data-id=\"1190000018930597\" data-type=\"article\"><span class=\"wrap\"><i class=\"fa fa-thumbs-up hot\"></i></span><span class=\"votes-num hot \">27</span><span class=\"dot \">·</span><span class=\"votes-word\">赞</span></span><span class=\"bookmark-operation pr20 hidden\" data-id=\"1190000018930597\" data-type=\"article\"><i class=\"fa fa-bookmark pr5\"></i><span class=\"bookmark-word\">收藏</span></span><span class=\"author pr20\"><a href=\"/u/xu42\">xu42</a><span class=\"dot\">·</span>3 天前</span></div></div></div><div class=\"news-item stream__item clearfix mt15\" data-id=\"1190000018927058\"><div class=\"news__item-info clearfix\"><a href=\"/a/1190000018927058\" class=\"news-img\" style=\"background-image:url(https://upload-images.jianshu.io/upload_images/8514567-d1f67aa74446909a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)\"></a><a target=\"_blank\" href=\"/a/1190000018927058\"><div class=\"mb5 mt5\"><h4 class=\"news__item-title mt0\">Zookeeper学习系列【一】 教会你Zookeeper的一些基础概念</h4></div><div class=\"article-excerpt\">\\n                      最近加入了部门的技术兴趣小组，被分配了Zookeeper的研究任务。在研究过程当中，发现Zookeeper由于其开源的特性和其卓越的性能特点，在业界使用广泛，有很多的应用场景，而这些不同的应用场景实际上底层的原理都...\\n                    </div></a><div class=\"news__item-meta\"><span class=\"pr20 votes-operation \" data-id=\"1190000018927058\" data-type=\"article\"><span class=\"wrap\"><i class=\"fa fa-thumbs-up hot\"></i></span><span class=\"votes-num hot \">17</span><span class=\"dot \">·</span><span class=\"votes-word\">赞</span></span><span class=\"bookmark-operation pr20 hidden\" data-id=\"1190000018927058\" data-type=\"article\"><i class=\"fa fa-bookmark pr5\"></i><span class=\"bookmark-word\">收藏</span></span><span class=\"author pr20\"><a href=\"/u/richard_yi\">Richard_Yi</a><span class=\"dot\">·</span>3 天前</span></div></div></div><div class=\"news-item stream__item clearfix mt15\" data-id=\"1190000018924969\"><div class=\"news__item-info clearfix\"><a href=\"/a/1190000018924969\" class=\"news-img\" style=\"background-image:url(https://segmentfault.com/img/remote/1460000018924972)\"></a><a target=\"_blank\" href=\"/a/1190000018924969\"><div class=\"mb5 mt5\"><h4 class=\"news__item-title mt0\">十五个常用的 Laravel 集合（Collection）</h4></div><div class=\"article-excerpt\">\\n                      Laravel Eloquent 通常返回一个集合作为结果，集合包含很多有用的、功能强大的方法。你可以很方便的对集合进行过滤、修改等操作。本次教程就一起来看一看集合的常用方法及功能。集合并不仅限于 eloquent ，也可以...\\n                    </div></a><div class=\"news__item-meta\"><span class=\"pr20 votes-operation \" data-id=\"1190000018924969\" data-type=\"article\"><span class=\"wrap\"><i class=\"fa fa-thumbs-up hot\"></i></span><span class=\"votes-num hot \">26</span><span class=\"dot \">·</span><span class=\"votes-word\">赞</span></span><span class=\"bookmark-operation pr20 hidden\" data-id=\"1190000018924969\" data-type=\"article\"><i class=\"fa fa-bookmark pr5\"></i><span class=\"bookmark-word\">收藏</span></span><span class=\"author pr20\"><a href=\"/u/summerblue\">Charlie_Jade</a><span class=\"dot\">·</span>3 天前</span></div></div></div><div class=\"news-item stream__item clearfix mt15\" data-id=\"1190000018920765\"><div class=\"news__item-info clearfix\"><a target=\"_blank\" href=\"/a/1190000018920765\"><div class=\"mb5 mt5\"><h4 class=\"news__item-title mt0\">开发跨平台app推荐React Native还是flutter？</h4></div><div class=\"article-excerpt\">\\n                      嗯。。。这个问题十分不好回答啊(捋下鱼须)。闲鱼作为flutter领域的先驱者，以及fish_redux、flutter_boost等当红flutter库的作者，当然是欢迎广大的开发者多多使用flutter相关技术栈 逃~:)。咳咳，不过呢，我们...\\n                    </div></a><div class=\"news__item-meta\"><span class=\"pr20 votes-operation \" data-id=\"1190000018920765\" data-type=\"article\"><span class=\"wrap\"><i class=\"fa fa-thumbs-up hot\"></i></span><span class=\"votes-num hot \">22</span><span class=\"dot \">·</span><span class=\"votes-word\">赞</span></span><span class=\"bookmark-operation pr20 hidden\" data-id=\"1190000018920765\" data-type=\"article\"><i class=\"fa fa-bookmark pr5\"></i><span class=\"bookmark-word\">收藏</span></span><span class=\"author pr20\"><a href=\"/u/yunqishequ_5aa899aad5395\">阿里云云栖社区</a><span class=\"dot\">·</span>4 天前</span></div></div></div><div class=\"news-item stream__item clearfix mt15\" data-id=\"1190000018918875\"><div class=\"news__item-info clearfix\"><a href=\"/a/1190000018918875\" class=\"news-img\" style=\"background-image:url(https://oscimg.oschina.net/oscnet/6d9330e36d09316914b567e6d0f6fb9453f.jpg)\"></a><a target=\"_blank\" href=\"/a/1190000018918875\"><div class=\"mb5 mt5\"><h4 class=\"news__item-title mt0\">让前端监控数据采集更高效</h4></div><div class=\"article-excerpt\">\\n                      随着业务的快速发展，我们对生产环境下的问题感知能力越来越关注。作为距离用户最近的一层，前端的表现是否可靠、稳定、好用，很大程度上决定着用户对整个产品的体验和感受。因此，对于前端的监控不容忽视。\\n                    </div></a><div class=\"news__item-meta\"><span class=\"pr20 votes-operation \" data-id=\"1190000018918875\" data-type=\"article\"><span class=\"wrap\"><i class=\"fa fa-thumbs-up hot\"></i></span><span class=\"votes-num hot \">32</span><span class=\"dot \">·</span><span class=\"votes-word\">赞</span></span><span class=\"bookmark-operation pr20 hidden\" data-id=\"1190000018918875\" data-type=\"article\"><i class=\"fa fa-bookmark pr5\"></i><span class=\"bookmark-word\">收藏</span></span><span class=\"author pr20\"><a href=\"/u/mafengwojishu\">马蜂窝技术</a><span class=\"dot\">·</span>4 天前</span></div></div></div><div class=\"news-item stream__item clearfix mt15\" data-id=\"1190000018914249\"><div class=\"news__item-info clearfix\"><a href=\"/a/1190000018914249\" class=\"news-img\" style=\"background-image:url(https://segmentfault.com/img/remote/1460000018914252)\"></a><a target=\"_blank\" href=\"/a/1190000018914249\"><div class=\"mb5 mt5\"><h4 class=\"news__item-title mt0\">React diff原理探究以及应用实践</h4></div><div class=\"article-excerpt\">\\n                      React通过引入Virtual DOM的概念，极大地避免无效的Dom操作，已使我们的页面的构建效率提到了极大的提升。但是如何高效地通过对比新旧Virtual DOM来找出真正的Dom变化之处同样也决定着页面的性能，React用其特殊...\\n                    </div></a><div class=\"news__item-meta\"><span class=\"pr20 votes-operation \" data-id=\"1190000018914249\" data-type=\"article\"><span class=\"wrap\"><i class=\"fa fa-thumbs-up hot\"></i></span><span class=\"votes-num hot \">27</span><span class=\"dot \">·</span><span class=\"votes-word\">赞</span></span><span class=\"bookmark-operation pr20 hidden\" data-id=\"1190000018914249\" data-type=\"article\"><i class=\"fa fa-bookmark pr5\"></i><span class=\"bookmark-word\">收藏</span></span><span class=\"author pr20\"><a href=\"/u/wuming_585cbbbfcac46\">wuming</a><span class=\"dot\">·</span>4 天前</span></div></div></div><div class=\"news-item stream__item clearfix mt15\" data-id=\"1190000018914067\"><div class=\"news__item-info clearfix\"><a href=\"/a/1190000018914067\" class=\"news-img\" style=\"background-image:url(https://segmentfault.com/img/bVbrwxz?w=2021&amp;amp;h=1332)\"></a><a target=\"_blank\" href=\"/a/1190000018914067\"><div class=\"mb5 mt5\"><h4 class=\"news__item-title mt0\">企业该如何提升自身技术品牌影响力？看看腾讯、美团、有赞是怎么做的</h4></div><div class=\"article-excerpt\">\\n                      对于技术驱动型就企业来说，“保持技术持续领先”一直是企业发展战略的重中之重。但技术型企业往往低调务实，“如何塑造和传播企业的技术品牌”成为了一个重要的课题。企业申请软件著作权、专利技术、国家高新技术企...\\n                    </div></a><div class=\"news__item-meta\"><span class=\"pr20 votes-operation \" data-id=\"1190000018914067\" data-type=\"article\"><span class=\"wrap\"><i class=\"fa fa-thumbs-up hot\"></i></span><span class=\"votes-num hot \">16</span><span class=\"dot \">·</span><span class=\"votes-word\">赞</span></span><span class=\"bookmark-operation pr20 hidden\" data-id=\"1190000018914067\" data-type=\"article\"><i class=\"fa fa-bookmark pr5\"></i><span class=\"bookmark-word\">收藏</span></span><span class=\"author pr20\"><a href=\"/u/segmentfault\">SegmentFault</a><i class=\"fa fa-check-circle userauth ml5\" title=\"SegmentFault 社区管理员\" data-toggle=\"tooltip\"></i><span class=\"dot\">·</span>4 天前</span></div></div></div><div class=\"news-item stream__item clearfix mt15\" data-id=\"1190000018913739\"><div class=\"news__item-info clearfix\"><a href=\"/a/1190000018913739\" class=\"news-img\" style=\"background-image:url(https://segmentfault.com/img/bVbrwpl?w=2654&amp;amp;h=1552)\"></a><a target=\"_blank\" href=\"/a/1190000018913739\"><div class=\"mb5 mt5\"><h4 class=\"news__item-title mt0\">思否讲堂新版上线，TypeScript完全解读26课时完更，这些好课值得关注！</h4></div><div class=\"article-excerpt\">\\n                      俗话说“一年之计在于春”，金三银四不仅是跳槽的高峰期，也是学习充电的好时候。SegmentFault赶在春天上线了思否讲堂的新版本（点击这里即刻体验）！\\n                    </div></a><div class=\"news__item-meta\"><span class=\"pr20 votes-operation \" data-id=\"1190000018913739\" data-type=\"article\"><span class=\"wrap\"><i class=\"fa fa-thumbs-up \"></i></span><span class=\"votes-num  \">4</span><span class=\"dot \">·</span><span class=\"votes-word\">赞</span></span><span class=\"bookmark-operation pr20 hidden\" data-id=\"1190000018913739\" data-type=\"article\"><i class=\"fa fa-bookmark pr5\"></i><span class=\"bookmark-word\">收藏</span></span><span class=\"author pr20\"><a href=\"/u/segmentfault\">SegmentFault</a><i class=\"fa fa-check-circle userauth ml5\" title=\"SegmentFault 社区管理员\" data-toggle=\"tooltip\"></i><span class=\"dot\">·</span>4 天前</span></div></div></div><div class=\"news-item stream__item clearfix mt15\" data-id=\"1190000018912225\"><div class=\"news__item-info clearfix\"><a href=\"/a/1190000018912225\" class=\"news-img\" style=\"background-image:url(https://segmentfault.com/img/remote/1460000018912228)\"></a><a target=\"_blank\" href=\"/a/1190000018912225\"><div class=\"mb5 mt5\"><h4 class=\"news__item-title mt0\">[PHP 安全] pcc —— PHP 安全配置检测工具</h4></div><div class=\"article-excerpt\">\\n                      在 PHP 安全测试中最单调乏味的任务之一就是检查不安全的 PHP 配置项。作为一名 PHP 安全海报的继承者，我们创建了一个脚本用来帮助系统管理员如同安全专家一样尽可能快速且全面地评估 php.ini 和相关主题的状态...\\n                    </div></a><div class=\"news__item-meta\"><span class=\"pr20 votes-operation \" data-id=\"1190000018912225\" data-type=\"article\"><span class=\"wrap\"><i class=\"fa fa-thumbs-up \"></i></span><span class=\"votes-num  \">15</span><span class=\"dot \">·</span><span class=\"votes-word\">赞</span></span><span class=\"bookmark-operation pr20 hidden\" data-id=\"1190000018912225\" data-type=\"article\"><i class=\"fa fa-bookmark pr5\"></i><span class=\"bookmark-word\">收藏</span></span><span class=\"author pr20\"><a href=\"/u/summerblue\">Charlie_Jade</a><span class=\"dot\">·</span>5 天前</span></div></div></div><div class=\"news-item stream__item clearfix mt15\" data-id=\"1190000018911317\"><div class=\"news__item-info clearfix\"><a href=\"/a/1190000018911317\" class=\"news-img\" style=\"background-image:url(https://segmentfault.com/img/remote/1460000018911320)\"></a><a target=\"_blank\" href=\"/a/1190000018911317\"><div class=\"mb5 mt5\"><h4 class=\"news__item-title mt0\">开源|ns4_frame分布式服务框架开发指南</h4></div><div class=\"article-excerpt\">\\n                      导语：宜信于2019年3月29日正式开源nextsystem4（以下简称“NS4”）系列模块。此次开源的NS4系列模块是围绕当前支付系统笨重、代码耦合度高、维护成本高而产生的分布式业务系统解决方案。NS4系列框架允许创建复杂的...\\n                    </div></a><div class=\"news__item-meta\"><span class=\"pr20 votes-operation \" data-id=\"1190000018911317\" data-type=\"article\"><span class=\"wrap\"><i class=\"fa fa-thumbs-up \"></i></span><span class=\"votes-num  \">4</span><span class=\"dot \">·</span><span class=\"votes-word\">赞</span></span><span class=\"bookmark-operation pr20 hidden\" data-id=\"1190000018911317\" data-type=\"article\"><i class=\"fa fa-bookmark pr5\"></i><span class=\"bookmark-word\">收藏</span></span><span class=\"author pr20\"><a href=\"/u/gaoleihan\">宜信技术学院</a><span class=\"dot\">·</span>5 天前</span></div></div></div><div class=\"news-item stream__item clearfix mt15\" data-id=\"1190000018906979\"><div class=\"news__item-info clearfix\"><a href=\"/a/1190000018906979\" class=\"news-img\" style=\"background-image:url(https://segmentfault.com/img/bVbruIz?w=482&amp;amp;h=362)\"></a><a target=\"_blank\" href=\"/a/1190000018906979\"><div class=\"mb5 mt5\"><h4 class=\"news__item-title mt0\">从用户成为“股东” —— 在 Apache 基金会的 2600 天</h4></div><div class=\"article-excerpt\">\\n                      3月27日，腾讯云大数据及人工智能产品研发的专家研究员堵俊平受邀成为 Apache 软件基金会Member（Apache Softeware Foundation Member，以下简称 ASF Member），一封名为 “邀请成为 ASF Member” 的电子邮件正式为...\\n                    </div></a><div class=\"news__item-meta\"><span class=\"pr20 votes-operation \" data-id=\"1190000018906979\" data-type=\"article\"><span class=\"wrap\"><i class=\"fa fa-thumbs-up \"></i></span><span class=\"votes-num  \">2</span><span class=\"dot \">·</span><span class=\"votes-word\">赞</span></span><span class=\"bookmark-operation pr20 hidden\" data-id=\"1190000018906979\" data-type=\"article\"><i class=\"fa fa-bookmark pr5\"></i><span class=\"bookmark-word\">收藏</span></span><span class=\"author pr20\"><a href=\"/u/tengxunkaiyuan_58fdcd0c099d6\">腾讯开源</a><span class=\"dot\">·</span>5 天前</span></div></div></div><div class=\"news-item stream__item clearfix mt15\" data-id=\"1190000018906665\"><div class=\"news__item-info clearfix\"><a target=\"_blank\" href=\"/a/1190000018906665\"><div class=\"mb5 mt5\"><h4 class=\"news__item-title mt0\">【译】TypeScript中的React高阶组件</h4></div><div class=\"article-excerpt\">\\n                      高阶组件（HOCs）在React中是组件复用的一个强大工具。但是，经常有开发者在结合TypeScript使用中抱怨道很难去为其设置types。\\n                    </div></a><div class=\"news__item-meta\"><span class=\"pr20 votes-operation \" data-id=\"1190000018906665\" data-type=\"article\"><span class=\"wrap\"><i class=\"fa fa-thumbs-up \"></i></span><span class=\"votes-num  \">15</span><span class=\"dot \">·</span><span class=\"votes-word\">赞</span></span><span class=\"bookmark-operation pr20 hidden\" data-id=\"1190000018906665\" data-type=\"article\"><i class=\"fa fa-bookmark pr5\"></i><span class=\"bookmark-word\">收藏</span></span><span class=\"author pr20\"><a href=\"/u/lizongyuan\">玩弄心里的鬼</a><span class=\"dot\">·</span>5 天前</span></div></div></div><div class=\"news-item stream__item clearfix mt15\" data-id=\"1190000018906329\"><div class=\"news__item-info clearfix\"><a href=\"/a/1190000018906329\" class=\"news-img\" style=\"background-image:url(https://segmentfault.com/img/remote/1460000018906332)\"></a><a target=\"_blank\" href=\"/a/1190000018906329\"><div class=\"mb5 mt5\"><h4 class=\"news__item-title mt0\">数据可视化之下发图实践</h4></div><div class=\"article-excerpt\">\\n                      随着互联网的快速发展，数据维度越来越广，呈现形式也越发丰富，具有多维度数据特点的相关业务实践都能通过可视化图表来展示，比如个推的下发图，从时间和区域两个维度，可以即时、直观地展现个推数据下发的过程。\\n                    </div></a><div class=\"news__item-meta\"><span class=\"pr20 votes-operation \" data-id=\"1190000018906329\" data-type=\"article\"><span class=\"wrap\"><i class=\"fa fa-thumbs-up hot\"></i></span><span class=\"votes-num hot \">18</span><span class=\"dot \">·</span><span class=\"votes-word\">赞</span></span><span class=\"bookmark-operation pr20 hidden\" data-id=\"1190000018906329\" data-type=\"article\"><i class=\"fa fa-bookmark pr5\"></i><span class=\"bookmark-word\">收藏</span></span><span class=\"author pr20\"><a href=\"/u/getui\">个推</a><span class=\"dot\">·</span>5 天前</span></div></div></div><div class=\"news-item stream__item clearfix mt15\" data-id=\"1190000018897633\"><div class=\"news__item-info clearfix\"><a href=\"/a/1190000018897633\" class=\"news-img\" style=\"background-image:url(https://segmentfault.com/img/bVbrzrM?w=258&amp;amp;h=258)\"></a><a target=\"_blank\" href=\"/a/1190000018897633\"><div class=\"mb5 mt5\"><h4 class=\"news__item-title mt0\">11个教程中不常被提及的JavaScript小技巧</h4></div><div class=\"article-excerpt\">\\n                      这次我们主要来分享11个在日常教程中不常被提及的JavaScript小技巧，他们往往在我们的日常工作中经常出现，但是我们又很容易忽略。\\n                    </div></a><div class=\"news__item-meta\"><span class=\"pr20 votes-operation \" data-id=\"1190000018897633\" data-type=\"article\"><span class=\"wrap\"><i class=\"fa fa-thumbs-up hot\"></i></span><span class=\"votes-num hot \">140</span><span class=\"dot \">·</span><span class=\"votes-word\">赞</span></span><span class=\"bookmark-operation pr20 hidden\" data-id=\"1190000018897633\" data-type=\"article\"><i class=\"fa fa-bookmark pr5\"></i><span class=\"bookmark-word\">收藏</span></span><span class=\"author pr20\"><a href=\"/u/lengxing\">冷星</a><span class=\"dot\">·</span>6 天前</span></div></div></div><div class=\"news-item stream__item clearfix mt15\" data-id=\"1190000018896202\"><div class=\"news__item-info clearfix\"><a href=\"/a/1190000018896202\" class=\"news-img\" style=\"background-image:url(https://segmentfault.com/img/remote/1460000018896205)\"></a><a target=\"_blank\" href=\"/a/1190000018896202\"><div class=\"mb5 mt5\"><h4 class=\"news__item-title mt0\">码上用它开始Flutter混合开发——FlutterBoost</h4></div><div class=\"article-excerpt\">\\n                      具有一定规模的App通常有一套成熟通用的基础库，尤其是阿里系App，一般需要依赖很多体系内的基础库。那么使用Flutter重新从头开发App的成本和风险都较高。所以在Native App进行渐进式迁移是Flutter技术在现有Nati...\\n                    </div></a><div class=\"news__item-meta\"><span class=\"pr20 votes-operation \" data-id=\"1190000018896202\" data-type=\"article\"><span class=\"wrap\"><i class=\"fa fa-thumbs-up \"></i></span><span class=\"votes-num  \">12</span><span class=\"dot \">·</span><span class=\"votes-word\">赞</span></span><span class=\"bookmark-operation pr20 hidden\" data-id=\"1190000018896202\" data-type=\"article\"><i class=\"fa fa-bookmark pr5\"></i><span class=\"bookmark-word\">收藏</span></span><span class=\"author pr20\"><a href=\"/u/yunqishequ_5aa899aad5395\">阿里云云栖社区</a><span class=\"dot\">·</span>6 天前</span></div></div></div><div class=\"news-item stream__item clearfix mt15\" data-id=\"1190000018895543\"><div class=\"news__item-info clearfix\"><a href=\"/a/1190000018895543\" class=\"news-img\" style=\"background-image:url(https://segmentfault.com/img/remote/1460000018894221)\"></a><a target=\"_blank\" href=\"/a/1190000018895543\"><div class=\"mb5 mt5\"><h4 class=\"news__item-title mt0\">JavaScript中的原型与原型链</h4></div><div class=\"article-excerpt\">\\n                      前言 作为前端高频面试题之一，相信很多小伙伴都有遇到过这个问题。那么你是否清楚完整的了解它呢？ 国际惯例，让我们先抛出问题： 什么是原型、原型链 它们有什么特点 它们能做什么 怎么确定它们的关系 或许你已...\\n                    </div></a><div class=\"news__item-meta\"><span class=\"pr20 votes-operation \" data-id=\"1190000018895543\" data-type=\"article\"><span class=\"wrap\"><i class=\"fa fa-thumbs-up hot\"></i></span><span class=\"votes-num hot \">49</span><span class=\"dot \">·</span><span class=\"votes-word\">赞</span></span><span class=\"bookmark-operation pr20 hidden\" data-id=\"1190000018895543\" data-type=\"article\"><i class=\"fa fa-bookmark pr5\"></i><span class=\"bookmark-word\">收藏</span></span><span class=\"author pr20\"><a href=\"/u/youdangde_5c8b208a23f95\">游荡de蝌蚪</a><span class=\"dot\">·</span>6 天前</span></div></div></div><div class=\"news-item stream__item clearfix mt15\" data-id=\"1190000018891454\"><div class=\"news__item-info clearfix\"><a href=\"/a/1190000018891454\" class=\"news-img\" style=\"background-image:url(https://segmentfault.com/img/remote/1460000018891457)\"></a><a target=\"_blank\" href=\"/a/1190000018891454\"><div class=\"mb5 mt5\"><h4 class=\"news__item-title mt0\">【React深入】深入分析虚拟DOM的渲染原理和特性</h4></div><div class=\"article-excerpt\">\\n                      React的虚拟DOM和Diff算法是React的非常重要的核心特性，这部分源码也非常复杂，理解这部分知识的原理对更深入的掌握React是非常必要的。\\n                    </div></a><div class=\"news__item-meta\"><span class=\"pr20 votes-operation \" data-id=\"1190000018891454\" data-type=\"article\"><span class=\"wrap\"><i class=\"fa fa-thumbs-up hot\"></i></span><span class=\"votes-num hot \">39</span><span class=\"dot \">·</span><span class=\"votes-word\">赞</span></span><span class=\"bookmark-operation pr20 hidden\" data-id=\"1190000018891454\" data-type=\"article\"><i class=\"fa fa-bookmark pr5\"></i><span class=\"bookmark-word\">收藏</span></span><span class=\"author pr20\"><a href=\"/u/conardli\">ConardLi</a><span class=\"dot\">·</span>6 天前</span></div></div></div><div class=\"news-item stream__item clearfix mt15\" data-id=\"1190000018862368\"><div class=\"news__item-info clearfix\"><a href=\"/a/1190000018862368\" class=\"news-img\" style=\"background-image:url(https://segmentfault.com/img/bVbriRT?w=1171&amp;amp;h=523)\"></a><a target=\"_blank\" href=\"/a/1190000018862368\"><div class=\"mb5 mt5\"><h4 class=\"news__item-title mt0\">JavaScript 是如何工作的：JavaScript 的共享传递和按值传递</h4></div><div class=\"article-excerpt\">\\n                      这是专门探索 JavaScript 及其所构建的组件的系列文章的第 22 篇。 如果你错过了前面的章节，可以在这里找到它们： JavaScript 是如何工作的：引擎，运行时和调用堆栈的概述！ JavaScript 是如何工作的：深入V8引...\\n                    </div></a><div class=\"news__item-meta\"><span class=\"pr20 votes-operation \" data-id=\"1190000018862368\" data-type=\"article\"><span class=\"wrap\"><i class=\"fa fa-thumbs-up hot\"></i></span><span class=\"votes-num hot \">53</span><span class=\"dot \">·</span><span class=\"votes-word\">赞</span></span><span class=\"bookmark-operation pr20 hidden\" data-id=\"1190000018862368\" data-type=\"article\"><i class=\"fa fa-bookmark pr5\"></i><span class=\"bookmark-word\">收藏</span></span><span class=\"author pr20\"><a href=\"/u/minnanitkong\">前端小智</a><span class=\"dot\">·</span>6 天前</span></div></div></div><div class=\"news-item stream__item clearfix mt15\" data-id=\"1190000018889185\"><div class=\"news__item-info clearfix\"><a target=\"_blank\" href=\"/a/1190000018889185\"><div class=\"mb5 mt5\"><h4 class=\"news__item-title mt0\">Swoole协程之旅-前篇</h4></div><div class=\"article-excerpt\">\\n                      \\u2002\\u2002Swoole协程经历了几个里程碑，我们需要在前进的道路上不断总结与回顾自己的发展历程，正所谓温故而知新，本系列文章将分为协程之旅前、中、后三篇。\\n                    </div></a><div class=\"news__item-meta\"><span class=\"pr20 votes-operation \" data-id=\"1190000018889185\" data-type=\"article\"><span class=\"wrap\"><i class=\"fa fa-thumbs-up \"></i></span><span class=\"votes-num  \">12</span><span class=\"dot \">·</span><span class=\"votes-word\">赞</span></span><span class=\"bookmark-operation pr20 hidden\" data-id=\"1190000018889185\" data-type=\"article\"><i class=\"fa fa-bookmark pr5\"></i><span class=\"bookmark-word\">收藏</span></span><span class=\"author pr20\"><a href=\"/u/shiguangqi\">石光启</a><span class=\"dot\">·</span>6 天前</span></div></div></div><div class=\"news-item stream__item clearfix mt15\" data-id=\"1190000018887327\"><div class=\"news__item-info clearfix\"><a href=\"/a/1190000018887327\" class=\"news-img\" style=\"background-image:url(https://segmentfault.com/img/remote/1460000018887330)\"></a><a target=\"_blank\" href=\"/a/1190000018887327\"><div class=\"mb5 mt5\"><h4 class=\"news__item-title mt0\">现代IM系统中的消息系统架构 - 架构篇</h4></div><div class=\"article-excerpt\">\\n                      IM全称是『Instant Messaging』，中文名是即时通讯。在这个高度信息化的移动互联网时代，生活中IM类产品已经成为必备品，比较有名的如钉钉、微信、QQ等以IM为核心功能的产品。当然目前微信已经成长为一个生态型产...\\n                    </div></a><div class=\"news__item-meta\"><span class=\"pr20 votes-operation \" data-id=\"1190000018887327\" data-type=\"article\"><span class=\"wrap\"><i class=\"fa fa-thumbs-up hot\"></i></span><span class=\"votes-num hot \">18</span><span class=\"dot \">·</span><span class=\"votes-word\">赞</span></span><span class=\"bookmark-operation pr20 hidden\" data-id=\"1190000018887327\" data-type=\"article\"><i class=\"fa fa-bookmark pr5\"></i><span class=\"bookmark-word\">收藏</span></span><span class=\"author pr20\"><a href=\"/u/yunqishequ_5aa899aad5395\">阿里云云栖社区</a><span class=\"dot\">·</span>6 天前</span></div></div></div><div class=\"news-item stream__item clearfix mt15\" data-id=\"1190000018887256\"><div class=\"news__item-info clearfix\"><a href=\"/a/1190000018887256\" class=\"news-img\" style=\"background-image:url(https://segmentfault.com/img/remote/1460000018887259)\"></a><a target=\"_blank\" href=\"/a/1190000018887256\"><div class=\"mb5 mt5\"><h4 class=\"news__item-title mt0\">Redis 概念以及底层数据结构</h4></div><div class=\"article-excerpt\">\\n                      REmote DIctionary Server(Redis) 是一个由SalvatoreSanfilippo写的key-value存储系统。\\n                    </div></a><div class=\"news__item-meta\"><span class=\"pr20 votes-operation \" data-id=\"1190000018887256\" data-type=\"article\"><span class=\"wrap\"><i class=\"fa fa-thumbs-up hot\"></i></span><span class=\"votes-num hot \">20</span><span class=\"dot \">·</span><span class=\"votes-word\">赞</span></span><span class=\"bookmark-operation pr20 hidden\" data-id=\"1190000018887256\" data-type=\"article\"><i class=\"fa fa-bookmark pr5\"></i><span class=\"bookmark-word\">收藏</span></span><span class=\"author pr20\"><a href=\"/u/worktile\">Worktile</a><span class=\"dot\">·</span>6 天前</span></div></div></div><div class=\"news-item stream__item clearfix mt15\" data-id=\"1190000018883786\"><div class=\"news__item-info clearfix\"><a href=\"/a/1190000018883786\" class=\"news-img\" style=\"background-image:url(https://segmentfault.com/img/remote/1460000018883789)\"></a><a target=\"_blank\" href=\"/a/1190000018883786\"><div class=\"mb5 mt5\"><h4 class=\"news__item-title mt0\">开源|宜信开源专注业务逻辑的轻量级服务框架nextsystem4</h4></div><div class=\"article-excerpt\">\\n                      此次开源的NS4系列模块是围绕当前支付系统笨重、代码耦合度高、维护成本高而产生的分布式业务系统解决方案。NS4系列框架允许创建复杂的流程/业务流，对于业务服务节点的实现可串联，可分布式。其精简、轻量，实现...\\n                    </div></a><div class=\"news__item-meta\"><span class=\"pr20 votes-operation \" data-id=\"1190000018883786\" data-type=\"article\"><span class=\"wrap\"><i class=\"fa fa-thumbs-up \"></i></span><span class=\"votes-num  \">1</span><span class=\"dot \">·</span><span class=\"votes-word\">赞</span></span><span class=\"bookmark-operation pr20 hidden\" data-id=\"1190000018883786\" data-type=\"article\"><i class=\"fa fa-bookmark pr5\"></i><span class=\"bookmark-word\">收藏</span></span><span class=\"author pr20\"><a href=\"/u/gaoleihan\">宜信技术学院</a><span class=\"dot\">·</span>4月16日</span></div></div></div><div class=\"news-item stream__item clearfix mt15\" data-id=\"1190000018882944\"><div class=\"news__item-info clearfix\"><a href=\"/a/1190000018882944\" class=\"news-img\" style=\"background-image:url(https://segmentfault.com/img/bVbrnkn?w=306&amp;amp;h=260)\"></a><a target=\"_blank\" href=\"/a/1190000018882944\"><div class=\"mb5 mt5\"><h4 class=\"news__item-title mt0\">React Native 常用的 15 个库</h4></div><div class=\"article-excerpt\">\\n                      本篇 React native 库列表不是从网上随便找的， 这些是我在我的应用中亲自使用的库。 这些库功能可能跟其它库也有，但经过大量研究并在我的程序中尝试后，我选择了这些库。\\n                    </div></a><div class=\"news__item-meta\"><span class=\"pr20 votes-operation \" data-id=\"1190000018882944\" data-type=\"article\"><span class=\"wrap\"><i class=\"fa fa-thumbs-up hot\"></i></span><span class=\"votes-num hot \">45</span><span class=\"dot \">·</span><span class=\"votes-word\">赞</span></span><span class=\"bookmark-operation pr20 hidden\" data-id=\"1190000018882944\" data-type=\"article\"><i class=\"fa fa-bookmark pr5\"></i><span class=\"bookmark-word\">收藏</span></span><span class=\"author pr20\"><a href=\"/u/minnanitkong\">前端小智</a><span class=\"dot\">·</span>4月16日</span></div></div></div><div class=\"news-item stream__item clearfix mt15\" data-id=\"1190000018873886\"><div class=\"news__item-info clearfix\"><a href=\"/a/1190000018873886\" class=\"news-img\" style=\"background-image:url(https://segmentfault.com/img/bVbrl5B?w=1380&amp;amp;h=703)\"></a><a target=\"_blank\" href=\"/a/1190000018873886\"><div class=\"mb5 mt5\"><h4 class=\"news__item-title mt0\">腾讯重磅开源分布式NoSQL存储系统DCache</h4></div><div class=\"article-excerpt\">\\n                      当你在电商平台秒杀商品或者在社交网络刷热门话题的时候，可以很明显感受到当前网络数据流量的恐怖，几十万商品刚开抢，一秒都不到就售罄；哪个大明星出轨的消息一出现，瞬间阅读与转发次数可以达到上亿。作为终...\\n                    </div></a><div class=\"news__item-meta\"><span class=\"pr20 votes-operation \" data-id=\"1190000018873886\" data-type=\"article\"><span class=\"wrap\"><i class=\"fa fa-thumbs-up \"></i></span><span class=\"votes-num  \">8</span><span class=\"dot \">·</span><span class=\"votes-word\">赞</span></span><span class=\"bookmark-operation pr20 hidden\" data-id=\"1190000018873886\" data-type=\"article\"><i class=\"fa fa-bookmark pr5\"></i><span class=\"bookmark-word\">收藏</span></span><span class=\"author pr20\"><a href=\"/u/tengxunkaiyuan_58fdcd0c099d6\">腾讯开源</a><span class=\"dot\">·</span>4月15日</span></div></div></div><div class=\"news-item stream__item clearfix mt15\" data-id=\"1190000018873042\"><div class=\"news__item-info clearfix\"><a href=\"/a/1190000018873042\" class=\"news-img\" style=\"background-image:url(https://segmentfault.com/img/bVbrlJk?w=1250&amp;amp;h=1505)\"></a><a target=\"_blank\" href=\"/a/1190000018873042\"><div class=\"mb5 mt5\"><h4 class=\"news__item-title mt0\">2019前端工程师自检清单与思考</h4></div><div class=\"article-excerpt\">\\n                      对于JavaScript，掌握其语法和特性是最基本的，但是这些只是应用能力，最终仍旧考量仍然是计算机体系的理论知识，所以数据结构，算法，软件工程，设计模式等基础知识对前端工程师同样重要，这些知识的理解程度，...\\n                    </div></a><div class=\"news__item-meta\"><span class=\"pr20 votes-operation \" data-id=\"1190000018873042\" data-type=\"article\"><span class=\"wrap\"><i class=\"fa fa-thumbs-up hot\"></i></span><span class=\"votes-num hot \">247</span><span class=\"dot \">·</span><span class=\"votes-word\">赞</span></span><span class=\"bookmark-operation pr20 hidden\" data-id=\"1190000018873042\" data-type=\"article\"><i class=\"fa fa-bookmark pr5\"></i><span class=\"bookmark-word\">收藏</span></span><span class=\"author pr20\"><a href=\"/u/qzuser_584786517d31a\">SuperX</a><span class=\"dot\">·</span>4月15日</span></div></div></div></div>\\n                <div class=\"text-center\">\\n          <ul class=\"pager\">\\n            <li id=\"btn-load-more\" class=\"hidden\"><a href=\"javascript:;\">点击载入更多</a></li>\\n            <li id=\"btn-loading\" class=\"hidden\"><a href=\"javascript:;\"><i class=\"fa fa-spinner fa-spin\" aria-hidden=\"true\"></i> 载入中</a></li>\\n          </ul>\\n        </div>\\n      </div>\\n\\n      <div class=\"col-md-3 right\">\\n                        \\n            <div id=\"notices\" class=\"hidden\">\\n        <div class=\"alert alert-warning\" role=\"alert\">\\n            <small><a class=\"report\"></a></small>\\n        </div>\\n    </div>\\n\\n\\n        <div class=\"mb25 hidden-md hidden-sm hidden-xs\">\\n    <img src=\"https://static.segmentfault.com/sponsor/20190423.png\" alt=\"Planets\" usemap =\"#gridsMap\" width=255 height=136>\\n    <map name=\"gridsMap\" id=\"gridsMap\"></map>\\n    <div style=\"text-align: center;\"><a style=\"text-align:center; color:#9E9E9E; font-size:12px\" href=\"/sponsor\">想在上方展示你的广告？</a></div>\\n            <script async src=\"https://static.segmentfault.com/sponsor/20190423.js\"></script>\\n    </div>\\n        \\n\\n                <div class=\"sf-live-recommend\">\\n    <div class=\"live-recommend\">\\n        <div class=\"live-recommend-header\">\\n        <h4><a href=\"/lives\">讲座推荐</a></h4>\\n        <span class=\"live-recommend-operation\">\\n            <i class=\"fa fa-chevron-circle-left arrow-left arrow\" aria-hidden=\"true\"></i>\\n            <i class=\"fa fa-chevron-circle-right arrow-right arrow\" aria-hidden=\"true\"></i>\\n        </span>\\n        </div>\\n\\n        <div class=\"live-recommend-wrapper\">\\n        <div class=\"live-recommend-detail\"></div>\\n        </div>\\n    </div>\\n</div>\\n                        \\n                <div class=\"activity-recommend mb30\">\\n          <a href=\"/events\" class=\"more-btn pull-right\">更多</a>\\n          <div class=\"activity-title\">活动推荐</div>\\n          <div class=\"activity-recommend-area\"></div>\\n        </div>\\n\\n        <div class=\"mb20 ad-should-be-fixed\">\\n            <script type=\\'text/javascript\\'>\\n                OA_show(1);\\n            </script>\\n        </div>\\n      </div>\\n    </div>\\n  </div>\\n</div>\\n\\n<script>\\n  window.livePngUrl = \"https://static.segmentfault.com/v-5c8b4d77/index/img/live.svg\";\\n  window.pageType = \"recommend\";\\n  window.pageParam = \"\";\\n  window.timelineOffset = 0;\\n  window.timelineBefore = 0;\\n  window.timelineRecommendFollow = false;\\n  window.timelineStream = 1;\\n</script>\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n<script type=\\'text/javascript\\'>\\n    OA_show(4);\\n</script>\\n\\n<footer id=\"footer\">\\n    <div class=\"container\">\\n        <div class=\"row hidden-xs\">\\n            <dl class=\"col-sm-2 site-link\">\\n                <dt>产品</dt>\\n                                <dd><a href=\"/questions/hottest?utm_source=sf-footer\" target=\"_blank\">热门问答</a></dd>\\n                                <dd><a href=\"/blogs/hottest?utm_source=sf-footer\" target=\"_blank\">热门专栏</a></dd>\\n                                <dd><a href=\"/lives?utm_source=sf-footer\" target=\"_blank\">热门讲堂</a></dd>\\n                                <dd><a href=\"/events?utm_source=sf-footer\" target=\"_blank\">最新活动</a></dd>\\n                                <dd><a href=\"/groups?utm_source=sf-footer\" target=\"_blank\">技术圈</a></dd>\\n                                <dd><a href=\"/groups?tab=jobs&amp;utm_source=sf-footer\" target=\"_blank\">酷工作</a></dd>\\n                                <dd><a href=\"/app?utm_source=sf-footer\" target=\"_blank\">移动客户端</a></dd>\\n                            </dl>\\n            \\n            <dl class=\"col-sm-2 site-link\">\\n                <dt>课程</dt>\\n                                <dd><a href=\"/lives/edu?tag=java&amp;sort=hottest&amp;utm_source=sf-footer\" target=\"_blank\">Java 开发课程</a></dd>\\n                                <dd><a href=\"/lives/edu?tag=php&amp;sort=hottest&amp;utm_source=sf-footer\" target=\"_blank\">PHP 开发课程</a></dd>\\n                                <dd><a href=\"/lives/edu?tag=python&amp;sort=hottest&amp;utm_source=sf-footer\" target=\"_blank\">Python 开发课程</a></dd>\\n                                <dd><a href=\"/lives/edu?category=1&amp;sort=hottest&amp;utm_source=sf-footer\" target=\"_blank\">前端开发课程</a></dd>\\n                                <dd><a href=\"/lives/study?category=3&amp;sort=hottest&amp;utm_source=sf-footer\" target=\"_blank\">移动开发课程</a></dd>\\n                            </dl>\\n\\n            <dl class=\"col-sm-2 site-link\">\\n                <dt>资源</dt>\\n                                <dd><a href=\"/weekly?utm_source=sf-footer\" target=\"_blank\">每周精选</a></dd>\\n                                <dd><a href=\"/users?utm_source=sf-footer\" target=\"_blank\">用户排行榜</a></dd>\\n                                <dd><a href=\"/badges?utm_source=sf-footer\" target=\"_blank\">徽章</a></dd>\\n                                <dd><a href=\"/faq?utm_source=sf-footer\" target=\"_blank\">帮助中心</a></dd>\\n                                <dd><a href=\"/repu?utm_source=sf-footer\" target=\"_blank\">声望与权限</a></dd>\\n                                <dd><a href=\"/community?utm_source=sf-footer\" target=\"_blank\">社区服务中心</a></dd>\\n                            </dl>\\n            \\n            <dl class=\"col-sm-2 site-link\">\\n                <dt>合作</dt>\\n                                <dd><a href=\"https://about.segmentfault.com/?utm_source=sf-footer\" target=\"_blank\">关于我们</a></dd>\\n                                <dd><a href=\"https://business.segmentfault.com/ads?utm_source=sf-footer\" target=\"_blank\">广告投放</a></dd>\\n                                <dd><a href=\"/groups?tab=jobs&amp;utm_source=sf-footer\" target=\"_blank\">职位发布</a></dd>\\n                                <dd><a href=\"/lives/apply?utm_source=sf-footer\" target=\"_blank\">讲师招募</a></dd>\\n                                <dd><a href=\"https://about.segmentfault.com/contact.html?utm_source=sf-footer\" target=\"_blank\">联系我们</a></dd>\\n                            </dl>\\n\\n            <dl class=\"col-sm-2 site-link\">\\n                <dt>关注</dt>\\n                                <dd><a href=\"/blog/segmentfault?utm_source=sf-footer\" target=\"_blank\">产品技术日志</a></dd>\\n                                <dd><a href=\"/blog/community_admin?utm_source=sf-footer\" target=\"_blank\">社区运营日志</a></dd>\\n                                <dd><a href=\"/blog/segmentfault_news?utm_source=sf-footer\" target=\"_blank\">市场运营日志</a></dd>\\n                                <dd><a href=\"/blog/segmentfault_team?utm_source=sf-footer\" target=\"_blank\">团队日志</a></dd>\\n                                <dd><a href=\"/blog/interview?utm_source=sf-footer\" target=\"_blank\">社区访谈</a></dd>\\n                                <dd>\\n                    <ul class=\"sn-inline\">\\n                        <li>\\n                            <a class=\"entypo-wechart icon-sn-weixin weixin-popover-qrcode\" data-toggle=\"popover\" data-placement=\"top\"  data-content=\"\">微信</a>\\n                        </li>\\n                        <li>\\n                            <a href=\"http://weibo.com/segmentfault\" target=\"_blank\" class=\"entypo-weibo icon-sn-weibo\" >新浪微博</a>\\n                        </li>\\n                        <li>\\n                            <a href=\"https://github.com/SegmentFault\" target=\"_blank\" class=\"entypo-facebook icon-sn-github\">Github</a>\\n                        </li>\\n                        <li>\\n                            <a href=\"https://twitter.com/segment_fault\" target=\"_blank\" class=\"entypo-twitter icon-sn-twitter\">Twitter</a>\\n                        </li>\\n                    </ul>\\n                </dd>\\n            </dl>\\n\\n            <dl class=\"col-sm-2 site-link\" id=\"license\">\\n                <dt>条款</dt>\\n                                <dd><a href=\"/tos?utm_source=sf-footer\" target=\"_blank\">服务条款</a></dd>\\n                                <dd><a href=\"https://creativecommons.org/licenses/by-nc-nd/4.0/\" target=\"_blank\">内容许可</a></dd>\\n                                <dd>\\n                    <a href=\"/app\" class=\"clearfix mt10 block\"><img src=\"https://static.segmentfault.com/v-5c8b4d77/page/img/app/appQrcode.png\" class=\"app-qrcode\"></a>\\n                    <div class=\"app-download-desc\">\\n                        <p>扫一扫下载 App</p>\\n                    </div>\\n                    \\n                </dd>\\n            </dl>\\n        </div>\\n        <div class=\"copyright\">\\n            Copyright &copy; 2011-2019 SegmentFault. 当前呈现版本 19.02.27<br>\\n            <a href=\"http://www.miibeian.gov.cn/\" rel=\"nofollow\">浙ICP备 15005796号-2</a> &nbsp;\\n            <a target=\"_blank\" href=\"http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010602002000\" rel=\"nofollow\">浙公网安备 33010602002000号</a>\\n            <span class=\"ml5\">杭州堆栈科技有限公司版权所有</span>\\n            <P class=\"mt30\">CDN 存储服务由 <a target=\"_blank\" href=\"https://www.upyun.com/?utm_source=segmentfault&utm_medium=link&utm_campaign=upyun&md=segmentfault\">又拍云</a> 赞助提供 </p>\\n        </div>\\n        <p class=\"text-center\">\\n            <a class=\"js__view--selector hidden-sm hidden-md hidden-lg\" data-action=\"mobile\" href=\"javascript:;\">移动版</a>\\n            <a class=\"js__view--selector hidden-sm hidden-md hidden-lg\" data-action=\"desktop\" href=\"javascript:;\">桌面版</a>\\n        </p>\\n    </div>\\n</footer>\\n\\n<div id=\"fixedTools\" class=\"hidden-xs hidden-sm\">\\n    <a id=\"backtop\" class=\"hidden border-bottom\" href=\"#\">回顶部</a>\\n</div>\\n\\n    <script id=\"loginModal\" type=\"text/template\">\\n    <div class=\"row bg-white login-modal\">\\n        <div class=\"col-md-12 login-wrap\">\\n            <form action=\"/api/user/login\" method=\"POST\" role=\"form\" class=\"mt15\">\\n                <div class=\"form-group hidden\">\\n                                        <input type=\"text\" class=\"form-control\" name=\"remember\" value=\"1\"\\n                           autocomplete=\"off\">\\n                </div>\\n                <div class=\"form-group\">\\n                    <label for=\"username\" class=\"control-label\">手机号 或 Email</label>\\n                    <input type=\"text\" class=\"form-control\" name=\"username\" tabindex=\"1\" required placeholder=\"11 位手机号 或 Email\"\\n                           autocomplete=\"off\">\\n                </div>\\n                <div class=\"form-group\">\\n                    <label class=\"control-label\">密码</label><span class=\"pull-right\"><a\\n                                href=\"/user/forgot\" tabindex=\"4\">忘记密码</a></span>\\n                    <input type=\"password\" class=\"form-control\" name=\"password\" tabindex=\"2\" required placeholder=\"请输入密码\">\\n                </div>\\n                <div class=\"form-group\">\\n                    <a\\n                            \\n                                                    href=\"/user/phoneLogin\"\\n                            class=\"phoneLogin\"\\n                                            >手机验证码登录</a>\\n                </div>\\n                <div class=\"form-group clearfix\">\\n                    <button type=\"submit\" class=\"btn-block btn btn-primary pull-right pl20 pr20\" tabindex=\"3\"\\n                            onclick=\\'ga(\"send\", \"event\", \"email login button\", \"clicked\", \"login modal\");\\'>登录\\n                    </button>\\n                </div>\\n            </form>\\n            <div class=\"text-muted text-center more-login-area\">\\n    <span class=\"more-login-words\">更多登录方式</span>\\n</div>\\n<div class=\"widget-login mb15 text-center\">\\n    <a href=\"/user/oauth/google\" class=\"\"\\n       onclick=\\'ga(\"send\", \"event\", \"3rd login button\", \"clicked\", \"login modal\", {media: \"google\"});\\'><span\\n                class=\"icon-sn-google\"></span></a>\\n    <a href=\"/user/oauth/github\" class=\"\"\\n       onclick=\\'ga(\"send\", \"event\", \"3rd login button\", \"clicked\", \"login modal\", {media: \"github\"});\");\\'><span\\n                class=\"icon-sn-github\"></span></a>\\n    <a href=\"/user/oauth/weibo\" class=\"\"\\n       onclick=\\'ga(\"send\", \"event\", \"3rd login button\", \"clicked\", \"login modal\", {media: \"weibo\"});\\'><span\\n                class=\"icon-sn-weibo\"></span></a>\\n    <a href=\"/user/oauth/qq\" class=\"\"\\n       onclick=\\'ga(\"send\", \"event\", \"3rd login button\", \"clicked\", \"login modal\", {media: \"qq\"});\\'><span\\n                class=\"icon-sn-qq\"></span></a>\\n    <a href=\"/user/oauth/weixin\" class=\"\"\\n       onclick=\\'ga(\"send\", \"event\", \"3rd login button\", \"clicked\", \"login modal\", {media: \"qq\"});\\'><span\\n                class=\"icon-sn-weixin\"></span></a>\\n    <a href=\"/user/oauth/linkedin\" class=\"\"\\n       onclick=\\'ga(\"send\", \"event\", \"3rd login button\", \"clicked\", \"login modal\", {media: \"linkedin\"});\\'><span\\n                class=\"icon-sn-linkedin\"></span></a>\\n    <span id=\"loginShowMore\" style=\"cursor: pointer\" class=\"mb5\"><span class=\"icon-sn-dotted\"></span></span>\\n    <a href=\"/user/oauth/twitter\" class=\" hidden\"\\n       onclick=\\'ga(\"send\", \"event\", \"3rd login button\", \"clicked\", \"login modal\", {media: \"twitter\"});\\'><span\\n                class=\"icon-sn-twitter\"></span></a>\\n    <a href=\"/user/oauth/facebook\" class=\" hidden\"\\n       onclick=\\'ga(\"send\", \"event\", \"3rd login button\", \"clicked\", \"login modal\", {media: \"facebook\"});\\'><span\\n                class=\"icon-sn-facebook\"></span></a>\\n    <a href=\"/user/oauth/douban\" class=\" hidden\"\\n       onclick=\\'ga(\"send\", \"event\", \"3rd login button\", \"clicked\", \"login modal\", {media: \"douban\"});\\'><span\\n                class=\"icon-sn-douban\"></span></a>\\n</div>\\n<div class=\"form-group clearfix\">\\n    <a class=\"btn-block btn btn-default pull-right pl20 pr20 \\n                        SFLogin\\n             \"\\n\\n            \\n        onclick=\\'ga(\"send\", \"event\", \"email login button\", \"clicked\", \"login modal\");\\'>\\n                    注册新账号\\n            </a>\\n</div>\\n<p class=\"text-muted text-center mb15\">登录即表示你同意网站的<a href=\"/tos\" target=\"_blank\">《服务条款》</a></p>        </div>\\n    </div>\\n</script>\\n    <script id=\"registerModal\" type=\"text/template\">\\n    <div class=\"row bg-white login-modal\">\\n        <div class=\"col-md-12 login-wrap\">\\n            \\n            <form action=\"/api/user/register\" method=\"POST\" role=\"form\" class=\"mt15\">\\n                <div class=\"form-group\">\\n                    <label for=\"name\" class=\"control-label\">你的名字</label>\\n                    <input type=\"text\" class=\"form-control\" name=\"name\" required placeholder=\"真实姓名或常用昵称\">\\n                </div>\\n                \\n                <div class=\"form-group\">\\n                    <label for=\"mail\" class=\"control-label\">手机号</label>\\n                    <input type=\"text\" class=\"form-control\" id=\"login-name\" name=\"mail\" required placeholder=\"11 位手机号\">\\n                </div>\\n                \\n                <input type=\"text\" class=\"hidden\" name=\"register_type\" value=\"mail\">\\n\\n                <div class=\"form-group\">\\n                    <div class=\"captchaInput mb10\">\\n                        <input type=\"text\" class=\"form-control\" name=\"cap\" placeholder=\"右侧的验证码\" style=\"width:50%; display: inline; margin-right: 15px;\">\\n                        <span class=\"mt10\">\\n                                <a id=\"loginReloadCaptcha\" href=\"javascript:void(0)\">\\n                                <img src=\"/user/captcha?w=135&h=34\" class=\"cap\" width=\"135\" height=\"34\"/></a>\\n                        </span>\\n                    </div>\\n                </div>\\n\\n                <div class=\"form-group\">\\n                    <div class=\"phone-register-only hidden\">\\n                        <div class=\"input-group\">\\n                            <input name=\"code\" type=\"text\" class=\"form-control js-user-login__phone-code-value\" placeholder=\"短信验证码\">\\n                            <span class=\"input-group-btn\">\\n                                <button class=\"btn btn-default js-user-login__phone-vaild-btn\" style=\"width:96px;\" type=\"button\">\\n                                获取验证码</button>\\n                            </span>\\n                        </div>\\n                    </div>\\n                </div>\\n\\n                <div class=\"form-group\">\\n                    <label for=\"password\" class=\"control-label\">密码</label>\\n                    <input type=\"password\" class=\"form-control\" name=\"password\" required placeholder=\"不少于 6 位的密码\">\\n                </div>\\n                <div class=\"form-group clearfix\">\\n                    <button type=\"submit\" class=\"btn-block btn btn-primary pl20 pr20 pull-right\"\\n                            onclick=\\'ga(\"send\", \"event\", \"email register button\", \"clicked\", \"login modal\");\\'>注册\\n                    </button>\\n                </div>\\n                                <div class=\"text-muted text-center more-login-area\">\\n    <span class=\"more-login-words\">更多登录方式</span>\\n</div>\\n<div class=\"widget-login mb15 text-center\">\\n    <a href=\"/user/oauth/google\" class=\"\"\\n       onclick=\\'ga(\"send\", \"event\", \"3rd login button\", \"clicked\", \"login modal\", {media: \"google\"});\\'><span\\n                class=\"icon-sn-google\"></span></a>\\n    <a href=\"/user/oauth/github\" class=\"\"\\n       onclick=\\'ga(\"send\", \"event\", \"3rd login button\", \"clicked\", \"login modal\", {media: \"github\"});\");\\'><span\\n                class=\"icon-sn-github\"></span></a>\\n    <a href=\"/user/oauth/weibo\" class=\"\"\\n       onclick=\\'ga(\"send\", \"event\", \"3rd login button\", \"clicked\", \"login modal\", {media: \"weibo\"});\\'><span\\n                class=\"icon-sn-weibo\"></span></a>\\n    <a href=\"/user/oauth/qq\" class=\"\"\\n       onclick=\\'ga(\"send\", \"event\", \"3rd login button\", \"clicked\", \"login modal\", {media: \"qq\"});\\'><span\\n                class=\"icon-sn-qq\"></span></a>\\n    <a href=\"/user/oauth/weixin\" class=\"\"\\n       onclick=\\'ga(\"send\", \"event\", \"3rd login button\", \"clicked\", \"login modal\", {media: \"qq\"});\\'><span\\n                class=\"icon-sn-weixin\"></span></a>\\n    <a href=\"/user/oauth/linkedin\" class=\"\"\\n       onclick=\\'ga(\"send\", \"event\", \"3rd login button\", \"clicked\", \"login modal\", {media: \"linkedin\"});\\'><span\\n                class=\"icon-sn-linkedin\"></span></a>\\n    <span id=\"loginShowMore\" style=\"cursor: pointer\" class=\"mb5\"><span class=\"icon-sn-dotted\"></span></span>\\n    <a href=\"/user/oauth/twitter\" class=\" hidden\"\\n       onclick=\\'ga(\"send\", \"event\", \"3rd login button\", \"clicked\", \"login modal\", {media: \"twitter\"});\\'><span\\n                class=\"icon-sn-twitter\"></span></a>\\n    <a href=\"/user/oauth/facebook\" class=\" hidden\"\\n       onclick=\\'ga(\"send\", \"event\", \"3rd login button\", \"clicked\", \"login modal\", {media: \"facebook\"});\\'><span\\n                class=\"icon-sn-facebook\"></span></a>\\n    <a href=\"/user/oauth/douban\" class=\" hidden\"\\n       onclick=\\'ga(\"send\", \"event\", \"3rd login button\", \"clicked\", \"login modal\", {media: \"douban\"});\\'><span\\n                class=\"icon-sn-douban\"></span></a>\\n</div>\\n<div class=\"form-group clearfix\">\\n    <a class=\"btn-block btn btn-default pull-right pl20 pr20 \\n                        SFRegister\\n             \"\\n\\n            \\n        onclick=\\'ga(\"send\", \"event\", \"email login button\", \"clicked\", \"login modal\");\\'>\\n                    已有账号登录\\n            </a>\\n</div>\\n<p class=\"text-muted text-center mb15\">登录即表示你同意网站的<a href=\"/tos\" target=\"_blank\">《服务条款》</a></p>            </form>\\n        </div>\\n    </div>\\n</script>\\n    <script id=\"phoneLoginModal\" type=\"text/template\">\\n\\n    <div class=\"row bg-white login-modal phonelogin-modal\">\\n        <div class=\"col-md-12 login-wrap\">\\n            <form action=\"/api/user/phonelogin\" method=\"POST\" role=\"form\" class=\"mt15\">\\n                <div class=\"form-group\">\\n                    <label for=\"phone\" class=\"control-label required\">手机号</label>\\n                    <input type=\"text\" class=\"form-control phonelogin--phone\" name=\"phone\" tabindex=\"1\" required placeholder=\"11 位手机号\"\\n                           autocomplete=\"off\">\\n                    <span class=\"help-block\"></span>\\n                </div>\\n\\n                <div class=\"form-group\">\\n                    <label for=\"authCode\" class=\"control-label required\">验证码</label>\\n                    <div class=\"input-group\">\\n                        <input type=\"text\" class=\"form-control bindphone--code\" name=\"authCode\" placeholder=\"短信验证码\">\\n                        <span class=\"input-group-btn\">\\n                            <button class=\"btn btn-default user-bind__phone-vaild-btn\" type=\"button\">获取验证码</button>\\n                        </span>\\n                    </div>\\n                    <div class=\"col-sm-3\"></div>\\n                </div>\\n\\n                <div class=\"form-group\">\\n                    <a \\n                                                            href=\"/user/login\"\\n                                class=\"SFRegister\"\\n                                                >密码登录（手机号或 Email）</a>\\n                </div>\\n                <div class=\"form-group clearfix\">\\n                    <button type=\"submit\" class=\"btn-block btn btn-primary pull-right pl20 pr20\" tabindex=\"3\"\\n                            onclick=\\'ga(\"send\", \"event\", \"email login button\", \"clicked\", \"login modal\");\\'>登录\\n                    </button>\\n                </div>\\n            </form>\\n            <div class=\"text-muted text-center more-login-area\">\\n    <span class=\"more-login-words\">更多登录方式</span>\\n</div>\\n<div class=\"widget-login mb15 text-center\">\\n    <a href=\"/user/oauth/google\" class=\"\"\\n       onclick=\\'ga(\"send\", \"event\", \"3rd login button\", \"clicked\", \"login modal\", {media: \"google\"});\\'><span\\n                class=\"icon-sn-google\"></span></a>\\n    <a href=\"/user/oauth/github\" class=\"\"\\n       onclick=\\'ga(\"send\", \"event\", \"3rd login button\", \"clicked\", \"login modal\", {media: \"github\"});\");\\'><span\\n                class=\"icon-sn-github\"></span></a>\\n    <a href=\"/user/oauth/weibo\" class=\"\"\\n       onclick=\\'ga(\"send\", \"event\", \"3rd login button\", \"clicked\", \"login modal\", {media: \"weibo\"});\\'><span\\n                class=\"icon-sn-weibo\"></span></a>\\n    <a href=\"/user/oauth/qq\" class=\"\"\\n       onclick=\\'ga(\"send\", \"event\", \"3rd login button\", \"clicked\", \"login modal\", {media: \"qq\"});\\'><span\\n                class=\"icon-sn-qq\"></span></a>\\n    <a href=\"/user/oauth/weixin\" class=\"\"\\n       onclick=\\'ga(\"send\", \"event\", \"3rd login button\", \"clicked\", \"login modal\", {media: \"qq\"});\\'><span\\n                class=\"icon-sn-weixin\"></span></a>\\n    <a href=\"/user/oauth/linkedin\" class=\"\"\\n       onclick=\\'ga(\"send\", \"event\", \"3rd login button\", \"clicked\", \"login modal\", {media: \"linkedin\"});\\'><span\\n                class=\"icon-sn-linkedin\"></span></a>\\n    <span id=\"loginShowMore\" style=\"cursor: pointer\" class=\"mb5\"><span class=\"icon-sn-dotted\"></span></span>\\n    <a href=\"/user/oauth/twitter\" class=\" hidden\"\\n       onclick=\\'ga(\"send\", \"event\", \"3rd login button\", \"clicked\", \"login modal\", {media: \"twitter\"});\\'><span\\n                class=\"icon-sn-twitter\"></span></a>\\n    <a href=\"/user/oauth/facebook\" class=\" hidden\"\\n       onclick=\\'ga(\"send\", \"event\", \"3rd login button\", \"clicked\", \"login modal\", {media: \"facebook\"});\\'><span\\n                class=\"icon-sn-facebook\"></span></a>\\n    <a href=\"/user/oauth/douban\" class=\" hidden\"\\n       onclick=\\'ga(\"send\", \"event\", \"3rd login button\", \"clicked\", \"login modal\", {media: \"douban\"});\\'><span\\n                class=\"icon-sn-douban\"></span></a>\\n</div>\\n<div class=\"form-group clearfix\">\\n    <a class=\"btn-block btn btn-default pull-right pl20 pr20 \\n                        SFLogin\\n             \"\\n\\n            \\n        onclick=\\'ga(\"send\", \"event\", \"email login button\", \"clicked\", \"login modal\");\\'>\\n                    注册新账号\\n            </a>\\n</div>\\n<p class=\"text-muted text-center mb15\">登录即表示你同意网站的<a href=\"/tos\" target=\"_blank\">《服务条款》</a></p>        </div>\\n    </div>\\n</script>\\n<script id=\"bindPhoneModal\" type=\"text/template\">\\n    <div class=\"bg-white bindphone-model\">\\n        <div class=\"alert alert-warning\" role=\"alert\">\\n            为了保证账号安全，请先绑定手机\\n        </div>\\n        <div>\\n            <form class=\"form-horizontal form__bindphone-apply\" style=\"background-color:#fff;padding:0;\">\\n                <div class=\"form-group \">\\n                    <label for=\"phoneNumber\" class=\"col-sm-3 control-label required\" >手机号码</label>\\n                    <div class=\"col-sm-6\">\\n                        <input type=\"text\" class=\"form-control bindphone--phone\" id=\"phoneNumber\" name=\"phone\" placeholder=\"仅只支持大陆手机号\">\\n                    </div>\\n                    <div class=\"col-sm-3\"></div>\\n                </div>\\n                <div class=\"form-group\">\\n                    <label for=\"authCode\" class=\"col-sm-3 control-label required\">验证码</label>\\n                    <div class=\"col-sm-6\">\\n                        <div class=\"input-group\">\\n                            <input type=\"text\" class=\"form-control bindphone--code\" name=\"code\" placeholder=\"短信验证码\">\\n                            <span class=\"input-group-btn\">\\n                                <button class=\"btn btn-default user-bind__phone-vaild-btn\" type=\"button\">获取验证码</button>\\n                            </span>\\n                        </div>\\n                    </div>\\n                    <div class=\"col-sm-3\"></div>\\n                </div>\\n            </form>\\n        </div>\\n\\n    </div>\\n</script>\\n\\n\\n<script>\\n    window.serverTime = 1556008812000;\\n</script>\\n\\n<script>\\n    (function (w) {\\n        w.SF = {\\n            staticUrl: \"https://static.segmentfault.com/v-5c8b4d77\"\\n        };\\n        w.SF.token = (function () {\\n    var _tDFjW = //\\'I\\'\\n\\'I\\'+\\'6\\'//\\'Y\\'\\n+//\\'ZeN\\'\\n\\'f4\\'+//\\'BM\\'\\n\\'20\\'+//\\'6\\'\\n\\'8c\\'+\\'5b7\\'//\\'xN\\'\\n+\\'f\\'//\\'s\\'\\n+\\'23\\'//\\'bID\\'\\n+//\\'v4\\'\\n\\'v4\\'+\\'f\\'//\\'DzS\\'\\n+//\\'vNa\\'\\n\\'9ed\\'+\\'e4\\'//\\'V3\\'\\n+//\\'77\\'\\n\\'bee\\'+\\'f6a\\'//\\'M\\'\\n+//\\'bI\\'\\n\\'a37\\'+\\'6\\'//\\'BoE\\'\\n+//\\'N\\'\\n\\'ac1\\', _gW2Bv6Y = [[0,1],[13,15]];\\n\\n    for (var i = 0; i < _gW2Bv6Y.length; i ++) {\\n        _tDFjW = _tDFjW.substring(0, _gW2Bv6Y[i][0]) + _tDFjW.substring(_gW2Bv6Y[i][1]);\\n    }\\n\\n    return _tDFjW;\\n})();;\\n    })(window);\\n\\n                var lock = {\\n        type: \"\",\\n        text: \\'\\',\\n        table: {\"ban_post\":[1,\"\\\\u4f60\\\\u5df2\\\\u7ecf\\\\u88ab\\\\u7981\\\\u8a00, \\\\u65e0\\\\u6cd5\\\\u8fdb\\\\u884c\\\\u6b64\\\\u64cd\\\\u4f5c, \\\\u5982\\\\u6709\\\\u7591\\\\u4e49\\\\u8bf7\\\\u63d0\\\\u4ea4\\\\u7533\\\\u8bc9, \\\\u6216\\\\u8005\\\\u53d1\\\\u90ae\\\\u4ef6\\\\u5230pr@segmentfault.com\"]}\\n    };\\n\\n        var ddosMode = false;\\n    \\n        (function (currentUrl) {\\n        if (typeof URL != \\'undefined\\') {\\n            var baseUrl = new URL(\\'https://segmentfault.com\\');\\n\\n            if (baseUrl.protocol != currentUrl.protocol\\n                || baseUrl.host != currentUrl.host) {\\n                window.location.href = baseUrl.protocol + \\'//\\' + baseUrl.host\\n                    + currentUrl.pathname + currentUrl.search + currentUrl.hash;\\n            }\\n        }\\n    })(window.location);\\n    </script>\\n\\n             <script crossorigin src=\"https://static.segmentfault.com/v-5c8b4d77/3rd/assets.js\"></script>\\n                 \\n        <script crossorigin src=\"https://static.segmentfault.com/v-5c8b4d77/index/script/index.min.js\"></script>\\n            \\n\\n\\n<script src=\"https://static.segmentfault.com/v-5c8b4d77/global/script/ads.min.js\" type=\"text/javascript\"></script>\\n\\n<script>\\n    var _gaq = _gaq || [];\\n    _gaq.push([\\'_setAccount\\', \\'UA-918487-8\\']);\\n    _gaq.push([\\'_trackPageview\\']);\\n    (function (i, s, o, g, r, a, m) {\\n        i[\\'GoogleAnalyticsObject\\'] = r;\\n        i[r] = i[r] || function () {\\n                    (i[r].q = i[r].q || []).push(arguments)\\n                }, i[r].l = 1 * new Date();\\n        a = s.createElement(o),\\n                m = s.getElementsByTagName(o)[0];\\n        a.async = 1;\\n        a.src = g;\\n        m.parentNode.insertBefore(a, m)\\n    })(window, document, \\'script\\', \\'//www.google-analytics.com/analytics.js\\', \\'ga\\');\\n\\n                \\n        \\n\\n                \\n\\n    ga(\\'create\\', \\'UA-918487-8\\', \\'auto\\', {\\n        \\'userID\\'\\n    : 0,\\n        \\'createdTime\\'\\n    : 0,\\n        \\'now\\'\\n    : 1556008812,\\n        \\'allowLinker\\'\\n    : true });\\n    ga(\\'require\\', \\'linker\\');\\n    ga(\\'linker:autoLink\\', [\\'docs.segmentfault.com\\'] );\\n    ga(\\'set\\', \\'dimension1\\', \\'guest\\');\\n    ga(\\'send\\', \\'pageview\\');\\n\\n        if(document.getElementById(\\'UGTKzPZbRoOS\\')){\\n        UGTKzPZbRoOS=\\'No\\';\\n    } else {\\n        UGTKzPZbRoOS=\\'Yes\\';\\n    }\\n\\n    if(typeof ga !==\\'undefined\\'){\\n        ga(\\'send\\',\\'event\\',\\'Blocking Ads\\',UGTKzPZbRoOS,{\\'nonInteraction\\':1});\\n    } else if(typeof _gaq !==\\'undefined\\'){\\n        _gaq.push([\\'_trackEvent\\',\\'Blocking Ads\\',UGTKzPZbRoOS,undefined,undefined,true]);\\n    }\\n\\n</script>\\n\\n<script>\\n    var _hmt = _hmt || [];\\n    (function () {\\n        var hm = document.createElement(\"script\");\\n        hm.src = \"//hm.baidu.com/hm.js?e23800c454aa573c0ccb16b52665ac26\";\\n        var s = document.getElementsByTagName(\"script\")[0];\\n        s.parentNode.insertBefore(hm, s);\\n    })();\\n</script>\\n\\n\\n\\n</body>\\n</html>\\n'"
      ]
     },
     "execution_count": 4,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "def get_data(url):\n",
    "\n",
    "    response = requests.get(url)\n",
    "    if response.status_code == requests.codes.ok:  # 检测状态码\n",
    "        return response.text  # 返回响应的文本信息\n",
    "    else:\n",
    "        response.raise_for_status()  # 4xx 5xx 时,引出错误 代替 raise requests.exception.HTTPError\n",
    "\n",
    "url = \"https://segmentfault.com\"\n",
    "data = get_data(url)  # 获取数据\n",
    "data # 查看数据"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### scrapy提取数据"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 11,
   "metadata": {},
   "outputs": [],
   "source": [
    "from scrapy import Selector\n",
    "from urllib import parse  # 用于url合并的工具"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 7,
   "metadata": {},
   "outputs": [],
   "source": [
    "se = Selector(text=data)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 12,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "基于socket.io快速实现一个实时通讯应用\n",
      "随着web技术的发展，使用场景和需求也越来越复杂，客户端不再满足于简单的请求得到状态的需求。实时通讯越来越多应用于各个领域。\n",
      "https://segmentfault.com/a/1190000018944634\n",
      "\n",
      "【译】如何在 JavaScript 中使用对象的方法\n",
      "JavaScript 中，对象是 键/值 对的集合。值可以包含属性和方法，并且可以包含所有其他 JavaScript 数据类型，例如字符串，数字和布尔值。\n",
      "https://segmentfault.com/a/1190000018941250\n",
      "\n",
      "45个值得收藏的 CSS 形状\n",
      "CSS能够生成各种形状。正方形和矩形很容易，因为它们是 web 的自然形状。添加宽度和高度，就得到了所需的精确大小的矩形。添加边框半径，你就可以把这个形状变成圆形，足够多的边框半径，你就可以把这些矩形变成...\n",
      "https://segmentfault.com/a/1190000018922732\n",
      "\n",
      "CQRS & Event Sourcing — 解决检索应用程序状态问题的一剂良方\n",
      "现在，每个开发人员都很熟悉MVC标准体系结构设计模式。大多数的应用程序都是基于这种体系结构进行创建的。它允许我们创建可扩展的大型企业应用程序，但近期我们还听到了另外的一些有关于CQRS/ES的相关信息。这些...\n",
      "https://segmentfault.com/a/1190000018933462\n",
      "\n",
      "服务端预渲染之Nuxt - （爬坑篇）\n",
      "Nuxt是解决SEO的比较常用的解决方案，随着Nuxt也有很多坑，每当突破一个小技术点的时候，都有很大的成就感，在这段时间里着实让我痛并快乐着。在这里根据个人学习情况，所踩过的坑做了一个汇总和总结。\n",
      "https://segmentfault.com/a/1190000018930829\n",
      "\n",
      "一文掌握PHP Xdebug 本地与远程调试\n",
      "我是在~/Downloads/xdebug/ 目录下放了一个简单的PHP文件test.php来测试，在这个目录下用php -S 127.0.0.1:7790起了个http服务，可参考进行下述配置。\n",
      "https://segmentfault.com/a/1190000018930597\n",
      "\n",
      "Zookeeper学习系列【一】 教会你Zookeeper的一些基础概念\n",
      "最近加入了部门的技术兴趣小组，被分配了Zookeeper的研究任务。在研究过程当中，发现Zookeeper由于其开源的特性和其卓越的性能特点，在业界使用广泛，有很多的应用场景，而这些不同的应用场景实际上底层的原理都...\n",
      "https://segmentfault.com/a/1190000018927058\n",
      "\n",
      "十五个常用的 Laravel 集合（Collection）\n",
      "Laravel Eloquent 通常返回一个集合作为结果，集合包含很多有用的、功能强大的方法。你可以很方便的对集合进行过滤、修改等操作。本次教程就一起来看一看集合的常用方法及功能。集合并不仅限于 eloquent ，也可以...\n",
      "https://segmentfault.com/a/1190000018924969\n",
      "\n",
      "开发跨平台app推荐React Native还是flutter？\n",
      "嗯。。。这个问题十分不好回答啊(捋下鱼须)。闲鱼作为flutter领域的先驱者，以及fish_redux、flutter_boost等当红flutter库的作者，当然是欢迎广大的开发者多多使用flutter相关技术栈 逃~:)。咳咳，不过呢，我们...\n",
      "https://segmentfault.com/a/1190000018920765\n",
      "\n",
      "让前端监控数据采集更高效\n",
      "随着业务的快速发展，我们对生产环境下的问题感知能力越来越关注。作为距离用户最近的一层，前端的表现是否可靠、稳定、好用，很大程度上决定着用户对整个产品的体验和感受。因此，对于前端的监控不容忽视。\n",
      "https://segmentfault.com/a/1190000018918875\n",
      "\n",
      "React diff原理探究以及应用实践\n",
      "React通过引入Virtual DOM的概念，极大地避免无效的Dom操作，已使我们的页面的构建效率提到了极大的提升。但是如何高效地通过对比新旧Virtual DOM来找出真正的Dom变化之处同样也决定着页面的性能，React用其特殊...\n",
      "https://segmentfault.com/a/1190000018914249\n",
      "\n",
      "企业该如何提升自身技术品牌影响力？看看腾讯、美团、有赞是怎么做的\n",
      "对于技术驱动型就企业来说，“保持技术持续领先”一直是企业发展战略的重中之重。但技术型企业往往低调务实，“如何塑造和传播企业的技术品牌”成为了一个重要的课题。企业申请软件著作权、专利技术、国家高新技术企...\n",
      "https://segmentfault.com/a/1190000018914067\n",
      "\n",
      "思否讲堂新版上线，TypeScript完全解读26课时完更，这些好课值得关注！\n",
      "俗话说“一年之计在于春”，金三银四不仅是跳槽的高峰期，也是学习充电的好时候。SegmentFault赶在春天上线了思否讲堂的新版本（点击这里即刻体验）！\n",
      "https://segmentfault.com/a/1190000018913739\n",
      "\n",
      "[PHP 安全] pcc —— PHP 安全配置检测工具\n",
      "在 PHP 安全测试中最单调乏味的任务之一就是检查不安全的 PHP 配置项。作为一名 PHP 安全海报的继承者，我们创建了一个脚本用来帮助系统管理员如同安全专家一样尽可能快速且全面地评估 php.ini 和相关主题的状态...\n",
      "https://segmentfault.com/a/1190000018912225\n",
      "\n",
      "开源|ns4_frame分布式服务框架开发指南\n",
      "导语：宜信于2019年3月29日正式开源nextsystem4（以下简称“NS4”）系列模块。此次开源的NS4系列模块是围绕当前支付系统笨重、代码耦合度高、维护成本高而产生的分布式业务系统解决方案。NS4系列框架允许创建复杂的...\n",
      "https://segmentfault.com/a/1190000018911317\n",
      "\n",
      "从用户成为“股东” —— 在 Apache 基金会的 2600 天\n",
      "3月27日，腾讯云大数据及人工智能产品研发的专家研究员堵俊平受邀成为 Apache 软件基金会Member（Apache Softeware Foundation Member，以下简称 ASF Member），一封名为 “邀请成为 ASF Member” 的电子邮件正式为...\n",
      "https://segmentfault.com/a/1190000018906979\n",
      "\n",
      "【译】TypeScript中的React高阶组件\n",
      "高阶组件（HOCs）在React中是组件复用的一个强大工具。但是，经常有开发者在结合TypeScript使用中抱怨道很难去为其设置types。\n",
      "https://segmentfault.com/a/1190000018906665\n",
      "\n",
      "数据可视化之下发图实践\n",
      "随着互联网的快速发展，数据维度越来越广，呈现形式也越发丰富，具有多维度数据特点的相关业务实践都能通过可视化图表来展示，比如个推的下发图，从时间和区域两个维度，可以即时、直观地展现个推数据下发的过程。\n",
      "https://segmentfault.com/a/1190000018906329\n",
      "\n",
      "11个教程中不常被提及的JavaScript小技巧\n",
      "这次我们主要来分享11个在日常教程中不常被提及的JavaScript小技巧，他们往往在我们的日常工作中经常出现，但是我们又很容易忽略。\n",
      "https://segmentfault.com/a/1190000018897633\n",
      "\n",
      "码上用它开始Flutter混合开发——FlutterBoost\n",
      "具有一定规模的App通常有一套成熟通用的基础库，尤其是阿里系App，一般需要依赖很多体系内的基础库。那么使用Flutter重新从头开发App的成本和风险都较高。所以在Native App进行渐进式迁移是Flutter技术在现有Nati...\n",
      "https://segmentfault.com/a/1190000018896202\n",
      "\n",
      "JavaScript中的原型与原型链\n",
      "前言 作为前端高频面试题之一，相信很多小伙伴都有遇到过这个问题。那么你是否清楚完整的了解它呢？ 国际惯例，让我们先抛出问题： 什么是原型、原型链 它们有什么特点 它们能做什么 怎么确定它们的关系 或许你已...\n",
      "https://segmentfault.com/a/1190000018895543\n",
      "\n",
      "【React深入】深入分析虚拟DOM的渲染原理和特性\n",
      "React的虚拟DOM和Diff算法是React的非常重要的核心特性，这部分源码也非常复杂，理解这部分知识的原理对更深入的掌握React是非常必要的。\n",
      "https://segmentfault.com/a/1190000018891454\n",
      "\n",
      "JavaScript 是如何工作的：JavaScript 的共享传递和按值传递\n",
      "这是专门探索 JavaScript 及其所构建的组件的系列文章的第 22 篇。 如果你错过了前面的章节，可以在这里找到它们： JavaScript 是如何工作的：引擎，运行时和调用堆栈的概述！ JavaScript 是如何工作的：深入V8引...\n",
      "https://segmentfault.com/a/1190000018862368\n",
      "\n",
      "Swoole协程之旅-前篇\n",
      "Swoole协程经历了几个里程碑，我们需要在前进的道路上不断总结与回顾自己的发展历程，正所谓温故而知新，本系列文章将分为协程之旅前、中、后三篇。\n",
      "https://segmentfault.com/a/1190000018889185\n",
      "\n",
      "现代IM系统中的消息系统架构 - 架构篇\n",
      "IM全称是『Instant Messaging』，中文名是即时通讯。在这个高度信息化的移动互联网时代，生活中IM类产品已经成为必备品，比较有名的如钉钉、微信、QQ等以IM为核心功能的产品。当然目前微信已经成长为一个生态型产...\n",
      "https://segmentfault.com/a/1190000018887327\n",
      "\n",
      "Redis 概念以及底层数据结构\n",
      "REmote DIctionary Server(Redis) 是一个由SalvatoreSanfilippo写的key-value存储系统。\n",
      "https://segmentfault.com/a/1190000018887256\n",
      "\n",
      "开源|宜信开源专注业务逻辑的轻量级服务框架nextsystem4\n",
      "此次开源的NS4系列模块是围绕当前支付系统笨重、代码耦合度高、维护成本高而产生的分布式业务系统解决方案。NS4系列框架允许创建复杂的流程/业务流，对于业务服务节点的实现可串联，可分布式。其精简、轻量，实现...\n",
      "https://segmentfault.com/a/1190000018883786\n",
      "\n",
      "React Native 常用的 15 个库\n",
      "本篇 React native 库列表不是从网上随便找的， 这些是我在我的应用中亲自使用的库。 这些库功能可能跟其它库也有，但经过大量研究并在我的程序中尝试后，我选择了这些库。\n",
      "https://segmentfault.com/a/1190000018882944\n",
      "\n",
      "腾讯重磅开源分布式NoSQL存储系统DCache\n",
      "当你在电商平台秒杀商品或者在社交网络刷热门话题的时候，可以很明显感受到当前网络数据流量的恐怖，几十万商品刚开抢，一秒都不到就售罄；哪个大明星出轨的消息一出现，瞬间阅读与转发次数可以达到上亿。作为终...\n",
      "https://segmentfault.com/a/1190000018873886\n",
      "\n",
      "2019前端工程师自检清单与思考\n",
      "对于JavaScript，掌握其语法和特性是最基本的，但是这些只是应用能力，最终仍旧考量仍然是计算机体系的理论知识，所以数据结构，算法，软件工程，设计模式等基础知识对前端工程师同样重要，这些知识的理解程度，...\n",
      "https://segmentfault.com/a/1190000018873042\n",
      "\n"
     ]
    }
   ],
   "source": [
    "items = se.css(\".news__item-info.clearfix\")\n",
    "for item in items:\n",
    "    title = item.xpath(\".//h4/text()\").extract_first()  # 获取文章标题\n",
    "    content = item.css(\".article-excerpt::text\").extract_first().strip()  # 获取文章描述\n",
    "    content_url = item.xpath(\"./a/@href\").extract_first()  # 获取文章url\n",
    "    print(title)\n",
    "    print(content)\n",
    "    print(parse.urljoin(url,content_url))  # 合并url，形成完整的url\n",
    "    print()"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### requests 获取推荐数据"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 63,
   "metadata": {},
   "outputs": [],
   "source": [
    "a_url = \"https://segmentfault.com/api/timelines/recommend\"\n",
    "page = 2\n",
    "_ = \"100f22ae30d035f334a31542ea388b4d\"\n",
    "params = {\"page\": page, \"_\": _}\n",
    "headers = {\n",
    "    \"cookie\": \"PHPSESSID=web2~mi7pa9ed552n7vfmpcslr5i6va\",  # 必带\n",
    "    \"referer\": \"https://segmentfault.com/\",  # 必带\n",
    "}"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 64,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "{'status': 0,\n",
       " 'data': [{'id': '1190000018895543',\n",
       "   'url': '/a/1190000018895543',\n",
       "   'createdDate': '4月17日',\n",
       "   'votes': '51',\n",
       "   'viewsWord': 865,\n",
       "   'title': 'JavaScript中的原型与原型链',\n",
       "   'status': '2',\n",
       "   'excerpt': '前言 作为前端高频面试题之一，相信很多小伙伴都有遇到过这个问题。那么你是否清楚完整的了解它呢？ 国际惯例，让我们先抛出问题： 什么是原型、原型链 它们有什么特点 它们能做什么 怎么确定它们的关系 或许你已...',\n",
       "   'imageUrl': 'https://segmentfault.com/img/remote/1460000018894221',\n",
       "   'isBookmarked': False,\n",
       "   'isLiked': False,\n",
       "   'user_id': '1030000018516861',\n",
       "   'user': {'name': '游荡de蝌蚪',\n",
       "    'avatarUrl': 'https://avatar-static.segmentfault.com/960/548/960548768-5c8b20f912b75_medium48',\n",
       "    'url': '/u/youdangde_5c8b208a23f95',\n",
       "    'isUserAuth': False,\n",
       "    'userAuthInfo': None},\n",
       "   'blog': {'name': '前端爬坑', 'url': '/blog/ltadpole'},\n",
       "   'currentHideSetting': 'none',\n",
       "   'type': 'article'},\n",
       "  {'id': '1190000018891454',\n",
       "   'url': '/a/1190000018891454',\n",
       "   'createdDate': '4月17日',\n",
       "   'votes': '40',\n",
       "   'viewsWord': 851,\n",
       "   'title': '【React深入】深入分析虚拟DOM的渲染原理和特性',\n",
       "   'status': '2',\n",
       "   'excerpt': 'React的虚拟DOM和Diff算法是React的非常重要的核心特性，这部分源码也非常复杂，理解这部分知识的原理对更深入的掌握React是非常必要的。',\n",
       "   'imageUrl': 'https://segmentfault.com/img/remote/1460000018891457',\n",
       "   'isBookmarked': False,\n",
       "   'isLiked': False,\n",
       "   'user_id': '1030000013084144',\n",
       "   'user': {'name': 'ConardLi',\n",
       "    'avatarUrl': 'https://avatar-static.segmentfault.com/112/194/1121942874-5bb3745dd5586_medium48',\n",
       "    'url': '/u/conardli',\n",
       "    'isUserAuth': False,\n",
       "    'userAuthInfo': None},\n",
       "   'blog': {'name': '公众号code秘密花园', 'url': '/blog/conardli'},\n",
       "   'currentHideSetting': 'none',\n",
       "   'type': 'article'},\n",
       "  {'id': '1190000018862368',\n",
       "   'url': '/a/1190000018862368',\n",
       "   'createdDate': '4月17日',\n",
       "   'votes': '57',\n",
       "   'viewsWord': '1.7k',\n",
       "   'title': 'JavaScript 是如何工作的：JavaScript 的共享传递和按值传递',\n",
       "   'status': '2',\n",
       "   'excerpt': '这是专门探索 JavaScript 及其所构建的组件的系列文章的第 22 篇。 如果你错过了前面的章节，可以在这里找到它们： JavaScript 是如何工作的：引擎，运行时和调用堆栈的概述！ JavaScript 是如何工作的：深入V8引...',\n",
       "   'imageUrl': 'https://segmentfault.com/img/bVbriRT?w=1171&amp;h=523',\n",
       "   'isBookmarked': False,\n",
       "   'isLiked': False,\n",
       "   'user_id': '1030000007460810',\n",
       "   'user': {'name': '前端小智',\n",
       "    'avatarUrl': 'https://avatar-static.segmentfault.com/392/949/3929497632-5c75d206ad1a5_medium48',\n",
       "    'url': '/u/minnanitkong',\n",
       "    'isUserAuth': False,\n",
       "    'userAuthInfo': None},\n",
       "   'blog': {'name': '终身学习者', 'url': '/blog/zsxuexi'},\n",
       "   'currentHideSetting': 'none',\n",
       "   'type': 'article'},\n",
       "  {'id': '1190000018889185',\n",
       "   'url': '/a/1190000018889185',\n",
       "   'createdDate': '4月16日',\n",
       "   'votes': '14',\n",
       "   'viewsWord': 757,\n",
       "   'title': 'Swoole协程之旅-前篇',\n",
       "   'status': '2',\n",
       "   'excerpt': '\\u2002\\u2002Swoole协程经历了几个里程碑，我们需要在前进的道路上不断总结与回顾自己的发展历程，正所谓温故而知新，本系列文章将分为协程之旅前、中、后三篇。',\n",
       "   'imageUrl': None,\n",
       "   'isBookmarked': False,\n",
       "   'isLiked': False,\n",
       "   'user_id': '1030000018164905',\n",
       "   'user': {'name': '石光启',\n",
       "    'avatarUrl': 'https://avatar-static.segmentfault.com/265/422/2654220692-5c66644b1a021_medium48',\n",
       "    'url': '/u/shiguangqi',\n",
       "    'isUserAuth': False,\n",
       "    'userAuthInfo': None},\n",
       "   'blog': {'name': 'Swoole', 'url': '/blog/swoole'},\n",
       "   'currentHideSetting': 'none',\n",
       "   'type': 'article'},\n",
       "  {'id': '1190000018887327',\n",
       "   'url': '/a/1190000018887327',\n",
       "   'createdDate': '4月16日',\n",
       "   'votes': '20',\n",
       "   'viewsWord': 678,\n",
       "   'title': '现代IM系统中的消息系统架构 - 架构篇',\n",
       "   'status': '2',\n",
       "   'excerpt': 'IM全称是『Instant Messaging』，中文名是即时通讯。在这个高度信息化的移动互联网时代，生活中IM类产品已经成为必备品，比较有名的如钉钉、微信、QQ等以IM为核心功能的产品。当然目前微信已经成长为一个生态型产...',\n",
       "   'imageUrl': 'https://segmentfault.com/img/remote/1460000018887330',\n",
       "   'isBookmarked': False,\n",
       "   'isLiked': False,\n",
       "   'user_id': '1030000013722374',\n",
       "   'user': {'name': '阿里云云栖社区',\n",
       "    'avatarUrl': 'https://avatar-static.segmentfault.com/339/149/3391496084-5cada86ad8c5f_medium48',\n",
       "    'url': '/u/yunqishequ_5aa899aad5395',\n",
       "    'isUserAuth': False,\n",
       "    'userAuthInfo': None},\n",
       "   'blog': {'name': '阿里云栖社区', 'url': '/blog/yunqichengxuyuan'},\n",
       "   'currentHideSetting': 'none',\n",
       "   'type': 'article'},\n",
       "  {'id': '1190000018887256',\n",
       "   'url': '/a/1190000018887256',\n",
       "   'createdDate': '4月16日',\n",
       "   'votes': '21',\n",
       "   'viewsWord': 753,\n",
       "   'title': 'Redis 概念以及底层数据结构',\n",
       "   'status': '2',\n",
       "   'excerpt': 'REmote DIctionary Server(Redis) 是一个由SalvatoreSanfilippo写的key-value存储系统。',\n",
       "   'imageUrl': 'https://segmentfault.com/img/remote/1460000018887259',\n",
       "   'isBookmarked': False,\n",
       "   'isLiked': False,\n",
       "   'user_id': '1030000000622954',\n",
       "   'user': {'name': 'Worktile',\n",
       "    'avatarUrl': 'https://avatar-static.segmentfault.com/428/463/4284638070-5c25ec7b8a2b8_medium48',\n",
       "    'url': '/u/worktile',\n",
       "    'isUserAuth': False,\n",
       "    'userAuthInfo': None},\n",
       "   'blog': {'name': 'Worktile', 'url': '/blog/worktile'},\n",
       "   'currentHideSetting': 'none',\n",
       "   'type': 'article'},\n",
       "  {'id': '1190000018883786',\n",
       "   'url': '/a/1190000018883786',\n",
       "   'createdDate': '4月16日',\n",
       "   'votes': '1',\n",
       "   'viewsWord': 429,\n",
       "   'title': '开源|宜信开源专注业务逻辑的轻量级服务框架nextsystem4',\n",
       "   'status': '2',\n",
       "   'excerpt': '此次开源的NS4系列模块是围绕当前支付系统笨重、代码耦合度高、维护成本高而产生的分布式业务系统解决方案。NS4系列框架允许创建复杂的流程/业务流，对于业务服务节点的实现可串联，可分布式。其精简、轻量，实现...',\n",
       "   'imageUrl': 'https://segmentfault.com/img/remote/1460000018883789',\n",
       "   'isBookmarked': False,\n",
       "   'isLiked': False,\n",
       "   'user_id': '1030000016816174',\n",
       "   'user': {'name': '宜信技术学院',\n",
       "    'avatarUrl': 'https://avatar-static.segmentfault.com/253/247/2532479025-5bd2ca55089f0_medium48',\n",
       "    'url': '/u/gaoleihan',\n",
       "    'isUserAuth': False,\n",
       "    'userAuthInfo': None},\n",
       "   'blog': {'name': '宜信技术学院', 'url': '/blog/creditease-tech'},\n",
       "   'currentHideSetting': 'none',\n",
       "   'type': 'article'},\n",
       "  {'id': '1190000018882944',\n",
       "   'url': '/a/1190000018882944',\n",
       "   'createdDate': '4月16日',\n",
       "   'votes': '46',\n",
       "   'viewsWord': 764,\n",
       "   'title': 'React Native 常用的 15 个库',\n",
       "   'status': '2',\n",
       "   'excerpt': '本篇 React native 库列表不是从网上随便找的， 这些是我在我的应用中亲自使用的库。 这些库功能可能跟其它库也有，但经过大量研究并在我的程序中尝试后，我选择了这些库。',\n",
       "   'imageUrl': 'https://segmentfault.com/img/bVbrnkn?w=306&amp;h=260',\n",
       "   'isBookmarked': False,\n",
       "   'isLiked': False,\n",
       "   'user_id': '1030000007460810',\n",
       "   'user': {'name': '前端小智',\n",
       "    'avatarUrl': 'https://avatar-static.segmentfault.com/392/949/3929497632-5c75d206ad1a5_medium48',\n",
       "    'url': '/u/minnanitkong',\n",
       "    'isUserAuth': False,\n",
       "    'userAuthInfo': None},\n",
       "   'blog': {'name': '终身学习者', 'url': '/blog/zsxuexi'},\n",
       "   'currentHideSetting': 'none',\n",
       "   'type': 'article'},\n",
       "  {'id': '1190000018873886',\n",
       "   'url': '/a/1190000018873886',\n",
       "   'createdDate': '4月15日',\n",
       "   'votes': '8',\n",
       "   'viewsWord': '1.1k',\n",
       "   'title': '腾讯重磅开源分布式NoSQL存储系统DCache',\n",
       "   'status': '2',\n",
       "   'excerpt': '当你在电商平台秒杀商品或者在社交网络刷热门话题的时候，可以很明显感受到当前网络数据流量的恐怖，几十万商品刚开抢，一秒都不到就售罄；哪个大明星出轨的消息一出现，瞬间阅读与转发次数可以达到上亿。作为终...',\n",
       "   'imageUrl': 'https://segmentfault.com/img/bVbrl5B?w=1380&amp;h=703',\n",
       "   'isBookmarked': False,\n",
       "   'isLiked': False,\n",
       "   'user_id': '1030000009179448',\n",
       "   'user': {'name': '腾讯开源',\n",
       "    'avatarUrl': 'https://cdn.segmentfault.com/v-5cc2cd8e/global/img/user-48.png',\n",
       "    'url': '/u/tengxunkaiyuan_58fdcd0c099d6',\n",
       "    'isUserAuth': False,\n",
       "    'userAuthInfo': None},\n",
       "   'blog': {'name': '腾讯开源', 'url': '/blog/tencentopen01'},\n",
       "   'currentHideSetting': 'none',\n",
       "   'type': 'article'},\n",
       "  {'id': '1190000018873042',\n",
       "   'url': '/a/1190000018873042',\n",
       "   'createdDate': '4月15日',\n",
       "   'votes': '260',\n",
       "   'viewsWord': '3.6k',\n",
       "   'title': '2019前端工程师自检清单与思考',\n",
       "   'status': '2',\n",
       "   'excerpt': '对于JavaScript，掌握其语法和特性是最基本的，但是这些只是应用能力，最终仍旧考量仍然是计算机体系的理论知识，所以数据结构，算法，软件工程，设计模式等基础知识对前端工程师同样重要，这些知识的理解程度，...',\n",
       "   'imageUrl': 'https://segmentfault.com/img/bVbrlJk?w=1250&amp;h=1505',\n",
       "   'isBookmarked': False,\n",
       "   'isLiked': False,\n",
       "   'user_id': '1030000007721491',\n",
       "   'user': {'name': 'SuperX',\n",
       "    'avatarUrl': 'https://avatar-static.segmentfault.com/135/740/1357404756-5c7be3eb8b40d_medium48',\n",
       "    'url': '/u/qzuser_584786517d31a',\n",
       "    'isUserAuth': False,\n",
       "    'userAuthInfo': None},\n",
       "   'blog': {'name': '考拉阅读前端团队', 'url': '/blog/koalafe'},\n",
       "   'currentHideSetting': 'none',\n",
       "   'type': 'article'},\n",
       "  {'id': '1190000018870862',\n",
       "   'url': '/a/1190000018870862',\n",
       "   'createdDate': '4月15日',\n",
       "   'votes': '20',\n",
       "   'viewsWord': '1.5k',\n",
       "   'title': '【译】使用TypeScript两年后-值得吗？',\n",
       "   'status': '2',\n",
       "   'excerpt': '这是我的第一篇翻译文章，想看这篇文章的时候，发现没有中文翻译版，无奈去读了英文版，读完发现可以试试翻译出来。',\n",
       "   'imageUrl': 'https://segmentfault.com/img/remote/1460000018870865',\n",
       "   'isBookmarked': False,\n",
       "   'isLiked': False,\n",
       "   'user_id': '1030000004538816',\n",
       "   'user': {'name': '方旭',\n",
       "    'avatarUrl': 'https://avatar-static.segmentfault.com/263/838/2638387867-56da6b96a8178_medium48',\n",
       "    'url': '/u/fangxu',\n",
       "    'isUserAuth': False,\n",
       "    'userAuthInfo': None},\n",
       "   'blog': {'name': '陈工移山', 'url': '/blog/qiqihaobenben'},\n",
       "   'currentHideSetting': 'none',\n",
       "   'type': 'article'},\n",
       "  {'id': '1190000018870032',\n",
       "   'url': '/a/1190000018870032',\n",
       "   'createdDate': '4月15日',\n",
       "   'votes': '6',\n",
       "   'viewsWord': 426,\n",
       "   'title': 'Node.js 应用故障排查手册 —— 类死循环导致进程阻塞',\n",
       "   'status': '2',\n",
       "   'excerpt': '在实践篇一中我们看到了两个表象都是和 CPU 相关的生产问题，它们基本也是我们在线上可能遇到的这一类问题的典型案例，而实际上这两个案例也存在一个共同点：我们可以通过\\xa0Node.js 性能平台\\xa0导出进程对应的 CPU P...',\n",
       "   'imageUrl': 'https://segmentfault.com/img/remote/1460000018870035',\n",
       "   'isBookmarked': False,\n",
       "   'isLiked': False,\n",
       "   'user_id': '1030000013722374',\n",
       "   'user': {'name': '阿里云云栖社区',\n",
       "    'avatarUrl': 'https://avatar-static.segmentfault.com/339/149/3391496084-5cada86ad8c5f_medium48',\n",
       "    'url': '/u/yunqishequ_5aa899aad5395',\n",
       "    'isUserAuth': False,\n",
       "    'userAuthInfo': None},\n",
       "   'blog': {'name': '阿里云栖社区', 'url': '/blog/yunqichengxuyuan'},\n",
       "   'currentHideSetting': 'none',\n",
       "   'type': 'article'},\n",
       "  {'id': '1190000018869555',\n",
       "   'url': '/a/1190000018869555',\n",
       "   'createdDate': '4月15日',\n",
       "   'votes': '220',\n",
       "   'viewsWord': '3k',\n",
       "   'title': '【周刊-2】三年大厂面试官-前端面试题（偏难）',\n",
       "   'status': '2',\n",
       "   'excerpt': '在大厂工作了6年，当了3年的前端面试官，把大厂常问的面试题与答案汇总在我的Github中。希望对大家有所帮助，助力大家进入自己理想的企业。',\n",
       "   'imageUrl': None,\n",
       "   'isBookmarked': False,\n",
       "   'isLiked': False,\n",
       "   'user_id': '1030000012956098',\n",
       "   'user': {'name': '第一名的小蝌蚪',\n",
       "    'avatarUrl': 'https://avatar-static.segmentfault.com/207/007/207007958-5c24c2519a876_medium48',\n",
       "    'url': '/u/diyimingdexiao',\n",
       "    'isUserAuth': False,\n",
       "    'userAuthInfo': None},\n",
       "   'blog': {'name': '第一名的小蝌蚪的个人文章', 'url': '/u/diyimingdexiao/articles'},\n",
       "   'currentHideSetting': 'none',\n",
       "   'type': 'article'},\n",
       "  {'id': '1190000018869539',\n",
       "   'url': '/a/1190000018869539',\n",
       "   'createdDate': '4月15日',\n",
       "   'votes': '21',\n",
       "   'viewsWord': 667,\n",
       "   'title': 'Python 数据科学基础知识 ',\n",
       "   'status': '2',\n",
       "   'excerpt': '在 Python 中有许多数据类型。最常见的是float（浮点型），int（整型），str（字符串），bool（布尔），list 和 dict（字典）。',\n",
       "   'imageUrl': None,\n",
       "   'isBookmarked': False,\n",
       "   'isLiked': False,\n",
       "   'user_id': '1030000000465839',\n",
       "   'user': {'name': '疯狂的技术宅',\n",
       "    'avatarUrl': 'https://avatar-static.segmentfault.com/123/843/1238436638-597c1a465bbd2_medium48',\n",
       "    'url': '/u/evilboy',\n",
       "    'isUserAuth': False,\n",
       "    'userAuthInfo': None},\n",
       "   'blog': {'name': '疯狂的技术宅', 'url': '/blog/creazy'},\n",
       "   'currentHideSetting': 'none',\n",
       "   'type': 'article'},\n",
       "  {'id': '1190000018868126',\n",
       "   'url': '/a/1190000018868126',\n",
       "   'createdDate': '4月15日',\n",
       "   'votes': '5',\n",
       "   'viewsWord': 378,\n",
       "   'title': '个推基于 Apache Pulsar 的优先级队列方案',\n",
       "   'status': '2',\n",
       "   'excerpt': '在个推的推送场景中，消息队列在整个系统中占有非常重要的位置。当 APP 有推送需求的时候, 会向个推发送一条推送命令，接到推送需求后，我们会把APP要求推送消息的用户放入下发队列中，进行消息下发；当同时有多...',\n",
       "   'imageUrl': 'https://segmentfault.com/img/remote/1460000018868129',\n",
       "   'isBookmarked': False,\n",
       "   'isLiked': False,\n",
       "   'user_id': '1030000000513473',\n",
       "   'user': {'name': '个推',\n",
       "    'avatarUrl': 'https://avatar-static.segmentfault.com/347/816/3478161986-5c3de53865ec4_medium48',\n",
       "    'url': '/u/getui',\n",
       "    'isUserAuth': False,\n",
       "    'userAuthInfo': None},\n",
       "   'blog': {'name': '个推推送 GeTui', 'url': '/blog/getui'},\n",
       "   'currentHideSetting': 'none',\n",
       "   'type': 'article'},\n",
       "  {'id': '1190000018867825',\n",
       "   'url': '/a/1190000018867825',\n",
       "   'createdDate': '4月15日',\n",
       "   'votes': '11',\n",
       "   'viewsWord': '1.2k',\n",
       "   'title': '有赞百亿级日志系统架构设计',\n",
       "   'status': '2',\n",
       "   'excerpt': '日志是记录系统中各种问题信息的关键，也是一种常见的海量数据。日志平台为集团所有业务系统提供日志采集、消费、分析、存储、索引和查询的一站式日志服务。主要为了解决日志分散不方便查看、日志搜索操作复杂且...',\n",
       "   'imageUrl': 'https://segmentfault.com/img/remote/1460000018867828',\n",
       "   'isBookmarked': False,\n",
       "   'isLiked': False,\n",
       "   'user_id': '1030000013534334',\n",
       "   'user': {'name': '有赞技术',\n",
       "    'avatarUrl': 'https://avatar-static.segmentfault.com/194/785/1947851634-5a9e9ba1141d0_medium48',\n",
       "    'url': '/u/youzantech',\n",
       "    'isUserAuth': False,\n",
       "    'userAuthInfo': None},\n",
       "   'blog': {'name': '有赞技术', 'url': '/blog/youzantech'},\n",
       "   'currentHideSetting': 'none',\n",
       "   'type': 'article'},\n",
       "  {'id': '1190000018854431',\n",
       "   'url': '/a/1190000018854431',\n",
       "   'createdDate': '4月15日',\n",
       "   'votes': '101',\n",
       "   'viewsWord': '1.7k',\n",
       "   'title': 'JavaScript 是如何工作的：JavaScript 的内存模型',\n",
       "   'status': '2',\n",
       "   'excerpt': '这是专门探索 JavaScript 及其所构建的组件的系列文章的第 21 篇。 如果你错过了前面的章节，可以在这里找到它们： JavaScript 是如何工作的：引擎，运行时和调用堆栈的概述！ JavaScript 是如何工作的：深入V8引...',\n",
       "   'imageUrl': 'https://segmentfault.com/img/bVbrfX3?w=720&amp;h=230',\n",
       "   'isBookmarked': False,\n",
       "   'isLiked': False,\n",
       "   'user_id': '1030000007460810',\n",
       "   'user': {'name': '前端小智',\n",
       "    'avatarUrl': 'https://avatar-static.segmentfault.com/392/949/3929497632-5c75d206ad1a5_medium48',\n",
       "    'url': '/u/minnanitkong',\n",
       "    'isUserAuth': False,\n",
       "    'userAuthInfo': None},\n",
       "   'blog': {'name': '终身学习者', 'url': '/blog/zsxuexi'},\n",
       "   'currentHideSetting': 'none',\n",
       "   'type': 'article'},\n",
       "  {'id': '1190000018857480',\n",
       "   'url': '/a/1190000018857480',\n",
       "   'createdDate': '4月13日',\n",
       "   'votes': '134',\n",
       "   'viewsWord': '2.3k',\n",
       "   'title': 'HTTP基本知识、跨域和调试技巧',\n",
       "   'status': '2',\n",
       "   'excerpt': '其实很多面试问HTTP的3次握手，4次挥手，我觉得价值不大，可以帮助你理解HTTP的原理，死背硬记的对于你开发没有作用，而是去理解它就行。前端只关心URL、headers和data，接下来也围绕着它们展开。 了解HTTP请求可...',\n",
       "   'imageUrl': 'https://segmentfault.com/img/bVbrgQu?w=397&amp;h=134',\n",
       "   'isBookmarked': False,\n",
       "   'isLiked': False,\n",
       "   'user_id': '1030000008179631',\n",
       "   'user': {'name': 'SmartCoder',\n",
       "    'avatarUrl': 'https://avatar-static.segmentfault.com/212/854/212854021-5baee4a4687cf_medium48',\n",
       "    'url': '/u/qianduanlangzi_5881b7a7d77f0',\n",
       "    'isUserAuth': False,\n",
       "    'userAuthInfo': None},\n",
       "   'blog': {'name': 'SmartCoder的个人文章',\n",
       "    'url': '/u/qianduanlangzi_5881b7a7d77f0/articles'},\n",
       "   'currentHideSetting': 'none',\n",
       "   'type': 'article'},\n",
       "  {'id': '1190000018849878',\n",
       "   'url': '/a/1190000018849878',\n",
       "   'createdDate': '4月12日',\n",
       "   'votes': '63',\n",
       "   'viewsWord': '1.3k',\n",
       "   'title': 'Python 编程速成',\n",
       "   'status': '2',\n",
       "   'excerpt': 'Python是一种非常流行的脚本语言，而且功能非常强大，几乎可以做任何事情，比如爬虫、网络工具、科学计算、树莓派、Web开发、游戏等各方面都可以派上用场。同时无论在哪种平台上，都可以用 Python 进行系统编程。',\n",
       "   'imageUrl': 'https://segmentfault.com/img/bVRyYe?w=430&amp;h=430',\n",
       "   'isBookmarked': False,\n",
       "   'isLiked': False,\n",
       "   'user_id': '1030000000465839',\n",
       "   'user': {'name': '疯狂的技术宅',\n",
       "    'avatarUrl': 'https://avatar-static.segmentfault.com/123/843/1238436638-597c1a465bbd2_medium48',\n",
       "    'url': '/u/evilboy',\n",
       "    'isUserAuth': False,\n",
       "    'userAuthInfo': None},\n",
       "   'blog': {'name': '疯狂的技术宅', 'url': '/blog/creazy'},\n",
       "   'currentHideSetting': 'none',\n",
       "   'type': 'article'},\n",
       "  {'id': '1190000018842701',\n",
       "   'url': '/a/1190000018842701',\n",
       "   'createdDate': '4月12日',\n",
       "   'votes': '113',\n",
       "   'viewsWord': '2.6k',\n",
       "   'title': '如何画出一张合格的技术架构图？',\n",
       "   'status': '2',\n",
       "   'excerpt': '阿里妹导读：技术传播的价值，不仅仅体现在通过商业化产品和开源项目来缩短我们构建应用的路径，加速业务的上线速率，也体现在优秀工程师在工作效率提升、产品性能优化和用户体验改善等经验方面的分享，以提高我...',\n",
       "   'imageUrl': 'https://segmentfault.com/img/remote/1460000018842704',\n",
       "   'isBookmarked': False,\n",
       "   'isLiked': False,\n",
       "   'user_id': '1030000013722374',\n",
       "   'user': {'name': '阿里云云栖社区',\n",
       "    'avatarUrl': 'https://avatar-static.segmentfault.com/339/149/3391496084-5cada86ad8c5f_medium48',\n",
       "    'url': '/u/yunqishequ_5aa899aad5395',\n",
       "    'isUserAuth': False,\n",
       "    'userAuthInfo': None},\n",
       "   'blog': {'name': '阿里云栖社区', 'url': '/blog/yunqichengxuyuan'},\n",
       "   'currentHideSetting': 'none',\n",
       "   'type': 'article'},\n",
       "  {'id': '1190000018837535',\n",
       "   'url': '/a/1190000018837535',\n",
       "   'createdDate': '4月11日',\n",
       "   'votes': '7',\n",
       "   'viewsWord': '1.2k',\n",
       "   'title': '揭秘京东区块链开源项目——JD Chain',\n",
       "   'status': '2',\n",
       "   'excerpt': '近日，京东区块链底层引擎JD Chain正式对外开源并同步上线开源社区，旨在为企业级用户和开发者提供开源服务，帮助他们提高研发效率，加速技术创新。3月30日，国家互联网信息办公室公布了第一批区块链信息服务名称...',\n",
       "   'imageUrl': 'https://segmentfault.com/img/bVbrcEW',\n",
       "   'isBookmarked': False,\n",
       "   'isLiked': False,\n",
       "   'user_id': '1030000018471929',\n",
       "   'user': {'name': '京东云技术新知',\n",
       "    'avatarUrl': 'https://avatar-static.segmentfault.com/182/117/1821178842-5c922d111841f_medium48',\n",
       "    'url': '/u/jdcdevloper',\n",
       "    'isUserAuth': False,\n",
       "    'userAuthInfo': None},\n",
       "   'blog': {'name': '京东云技术新知', 'url': '/blog/jdcdevloper'},\n",
       "   'currentHideSetting': 'none',\n",
       "   'type': 'article'},\n",
       "  {'id': '1190000018828048',\n",
       "   'url': '/a/1190000018828048',\n",
       "   'createdDate': '4月11日',\n",
       "   'votes': '103',\n",
       "   'viewsWord': '2.2k',\n",
       "   'title': 'Web 性能优化：Preload,Prefetch的使用及在 Chrome 中的优先级',\n",
       "   'status': '2',\n",
       "   'excerpt': '这是 Web 性能优化的第 6 篇，上一篇在下面看点击查看： Web 性能优化：使用 Webpack 分离数据的正确方法 Web 性能优化：图片优化让网站大小减少 62% Web 性能优化：缓存 React 事件来提高性能 Web 性能优化：21...',\n",
       "   'imageUrl': 'https://segmentfault.com/img/bVbq62t?w=2304&amp;h=1426',\n",
       "   'isBookmarked': False,\n",
       "   'isLiked': False,\n",
       "   'user_id': '1030000007460810',\n",
       "   'user': {'name': '前端小智',\n",
       "    'avatarUrl': 'https://avatar-static.segmentfault.com/392/949/3929497632-5c75d206ad1a5_medium48',\n",
       "    'url': '/u/minnanitkong',\n",
       "    'isUserAuth': False,\n",
       "    'userAuthInfo': None},\n",
       "   'blog': {'name': '终身学习者', 'url': '/blog/zsxuexi'},\n",
       "   'currentHideSetting': 'none',\n",
       "   'type': 'article'},\n",
       "  {'id': '1190000018827395',\n",
       "   'url': '/a/1190000018827395',\n",
       "   'createdDate': '4月11日',\n",
       "   'votes': '98',\n",
       "   'viewsWord': '1.8k',\n",
       "   'title': '前端性能优化不完全手册    ',\n",
       "   'status': '2',\n",
       "   'excerpt': '3.浏览器发出读取文件(URL 中域名后面部分对应的文件)的HTTP 请求，该请求报文作为 TCP 三次握手的第三个报文的数据发送给服务器;',\n",
       "   'imageUrl': None,\n",
       "   'isBookmarked': False,\n",
       "   'isLiked': False,\n",
       "   'user_id': '1030000018551718',\n",
       "   'user': {'name': 'Jerry谭金杰',\n",
       "    'avatarUrl': 'https://avatar-static.segmentfault.com/216/918/2169181572-5c910e279bb58_medium48',\n",
       "    'url': '/u/jerrytanjinjie',\n",
       "    'isUserAuth': False,\n",
       "    'userAuthInfo': None},\n",
       "   'blog': {'name': 'Jerry谭金杰的个人文章', 'url': '/u/jerrytanjinjie/articles'},\n",
       "   'currentHideSetting': 'none',\n",
       "   'type': 'article'},\n",
       "  {'id': '1190000018811476',\n",
       "   'url': '/a/1190000018811476',\n",
       "   'createdDate': '4月10日',\n",
       "   'votes': '68',\n",
       "   'viewsWord': '1.4k',\n",
       "   'title': '【React深入】从Mixin到HOC再到Hook',\n",
       "   'status': '2',\n",
       "   'excerpt': '前端发展速度非常之快，页面和组件变得越来越复杂，如何更好的实现状态逻辑复用一直都是应用程序中重要的一部分，这直接关系着应用程序的质量以及维护的难易程度。',\n",
       "   'imageUrl': 'https://lsqimg-1257917459.cos-website.ap-beijing.myqcloud.com/blog/hook2.png',\n",
       "   'isBookmarked': False,\n",
       "   'isLiked': False,\n",
       "   'user_id': '1030000013084144',\n",
       "   'user': {'name': 'ConardLi',\n",
       "    'avatarUrl': 'https://avatar-static.segmentfault.com/112/194/1121942874-5bb3745dd5586_medium48',\n",
       "    'url': '/u/conardli',\n",
       "    'isUserAuth': False,\n",
       "    'userAuthInfo': None},\n",
       "   'blog': {'name': '公众号code秘密花园', 'url': '/blog/conardli'},\n",
       "   'currentHideSetting': 'none',\n",
       "   'type': 'article'},\n",
       "  {'id': '1190000018810837',\n",
       "   'url': '/a/1190000018810837',\n",
       "   'createdDate': '4月10日',\n",
       "   'votes': '134',\n",
       "   'viewsWord': '2.1k',\n",
       "   'title': '30 分钟快速入门 Docker 教程',\n",
       "   'status': '2',\n",
       "   'excerpt': '原文地址：梁桂钊的博客博客地址：[链接] 欢迎关注公众号：「服务端思维」。一群同频者，一起成长，一起精进，打破认知的局限性。',\n",
       "   'imageUrl': 'https://segmentfault.com/img/remote/1460000018810840',\n",
       "   'isBookmarked': False,\n",
       "   'isLiked': False,\n",
       "   'user_id': '1030000012835530',\n",
       "   'user': {'name': '梁桂钊',\n",
       "    'avatarUrl': 'https://avatar-static.segmentfault.com/401/031/4010318965-5a61e349c3c80_medium48',\n",
       "    'url': '/u/lianggzone',\n",
       "    'isUserAuth': False,\n",
       "    'userAuthInfo': None},\n",
       "   'blog': {'name': '服务端思维', 'url': '/blog/lianggzone'},\n",
       "   'currentHideSetting': 'none',\n",
       "   'type': 'article'},\n",
       "  {'id': '1190000018796317',\n",
       "   'url': '/a/1190000018796317',\n",
       "   'createdDate': '4月9日',\n",
       "   'votes': '129',\n",
       "   'viewsWord': '2.5k',\n",
       "   'title': '前端练级攻略(第二部分)',\n",
       "   'status': '2',\n",
       "   'excerpt': '在第二部分，我们将重点学习 JavaScript 作为一种独立的语言，如何向界面添加交互性，JavaScript 设计和架构模式，以及如何构建网络应用程序。',\n",
       "   'imageUrl': 'https://segmentfault.com/img/bVbqWTh?w=720&amp;h=311',\n",
       "   'isBookmarked': False,\n",
       "   'isLiked': False,\n",
       "   'user_id': '1030000007460810',\n",
       "   'user': {'name': '前端小智',\n",
       "    'avatarUrl': 'https://avatar-static.segmentfault.com/392/949/3929497632-5c75d206ad1a5_medium48',\n",
       "    'url': '/u/minnanitkong',\n",
       "    'isUserAuth': False,\n",
       "    'userAuthInfo': None},\n",
       "   'blog': {'name': '终身学习者', 'url': '/blog/zsxuexi'},\n",
       "   'currentHideSetting': 'none',\n",
       "   'type': 'article'},\n",
       "  {'id': '1190000018785911',\n",
       "   'url': '/a/1190000018785911',\n",
       "   'createdDate': '4月8日',\n",
       "   'votes': '240',\n",
       "   'viewsWord': '5.9k',\n",
       "   'title': '深入理解前端性能监控',\n",
       "   'status': '2',\n",
       "   'excerpt': '在同样的网络环境下，有两个同样能满足你的需求的网站，一个唰的一下就加载出来了，另一个白屏转圈转了半天内容才出来，如果让你选择，你会用哪一个？',\n",
       "   'imageUrl': 'https://segmentfault.com/img/bVbqZbf?w=1300&amp;h=400',\n",
       "   'isBookmarked': False,\n",
       "   'isLiked': False,\n",
       "   'user_id': '1030000018233587',\n",
       "   'user': {'name': 'TNFE',\n",
       "    'avatarUrl': 'https://avatar-static.segmentfault.com/302/775/3027754140-5c6e608d3241a_medium48',\n",
       "    'url': '/u/tnfe',\n",
       "    'isUserAuth': False,\n",
       "    'userAuthInfo': None},\n",
       "   'blog': {'name': '腾讯新闻前端团队', 'url': '/blog/tnfe'},\n",
       "   'currentHideSetting': 'none',\n",
       "   'type': 'article'},\n",
       "  {'id': '1190000018775065',\n",
       "   'url': '/a/1190000018775065',\n",
       "   'createdDate': '4月8日',\n",
       "   'votes': '177',\n",
       "   'viewsWord': '2.9k',\n",
       "   'title': '前端练级攻略(第一部分)',\n",
       "   'status': '2',\n",
       "   'excerpt': '我记得我刚开始学习前端开发的时候。我看到了很多文章及资料，被学习的资料压得喘不过气来，甚至不知道从哪里开始。',\n",
       "   'imageUrl': 'https://segmentfault.com/img/bVbqTCI?w=800&amp;h=600',\n",
       "   'isBookmarked': False,\n",
       "   'isLiked': False,\n",
       "   'user_id': '1030000007460810',\n",
       "   'user': {'name': '前端小智',\n",
       "    'avatarUrl': 'https://avatar-static.segmentfault.com/392/949/3929497632-5c75d206ad1a5_medium48',\n",
       "    'url': '/u/minnanitkong',\n",
       "    'isUserAuth': False,\n",
       "    'userAuthInfo': None},\n",
       "   'blog': {'name': '终身学习者', 'url': '/blog/zsxuexi'},\n",
       "   'currentHideSetting': 'none',\n",
       "   'type': 'article'},\n",
       "  {'id': '1190000018777972',\n",
       "   'url': '/a/1190000018777972',\n",
       "   'createdDate': '4月6日',\n",
       "   'votes': '32',\n",
       "   'viewsWord': '1.5k',\n",
       "   'title': '【Go源码分析】Go scheduler 源码分析',\n",
       "   'status': '2',\n",
       "   'excerpt': '一个进程可以有多个线程，一般情况下固定2MB内存块来做栈，用来保存当前被调用/挂起的函数内部的变量，CPU在执行调度的时候切换的是线程，如果下一个线程也是当前进程的，就只有线程切换，“很快”就能完成；如果下...',\n",
       "   'imageUrl': None,\n",
       "   'isBookmarked': False,\n",
       "   'isLiked': False,\n",
       "   'user_id': '1030000013109758',\n",
       "   'user': {'name': 'LNMPR源码研究',\n",
       "    'avatarUrl': 'https://avatar-static.segmentfault.com/417/980/4179801286-5c1c59792988a_medium48',\n",
       "    'url': '/u/php7internal',\n",
       "    'isUserAuth': False,\n",
       "    'userAuthInfo': None},\n",
       "   'blog': {'name': 'LNMPR源码研究的个人文章', 'url': '/u/php7internal/articles'},\n",
       "   'currentHideSetting': 'none',\n",
       "   'type': 'article'},\n",
       "  {'id': '1190000018777955',\n",
       "   'url': '/a/1190000018777955',\n",
       "   'createdDate': '4月6日',\n",
       "   'votes': '26',\n",
       "   'viewsWord': 850,\n",
       "   'title': '服务端预渲染之Nuxt（介绍篇）',\n",
       "   'status': '2',\n",
       "   'excerpt': '现在前端开发一般都是前后端分离，mvvm和mvc的开发框架，如Angular、React和Vue等，虽然写框架能够使我们快速的完成开发，但是由于前后台分离，给项目SEO带来很大的不便，搜索引擎在检索的时候是在网页中爬取数据...',\n",
       "   'imageUrl': 'https://segmentfault.com/img/bVbqXan?w=443&amp;h=595',\n",
       "   'isBookmarked': False,\n",
       "   'isLiked': False,\n",
       "   'user_id': '1030000011768211',\n",
       "   'user': {'name': 'Aaron',\n",
       "    'avatarUrl': 'https://avatar-static.segmentfault.com/951/381/951381463-5a1277504fc35_medium48',\n",
       "    'url': '/u/aaron_59f5c5ee0c93f',\n",
       "    'isUserAuth': False,\n",
       "    'userAuthInfo': None},\n",
       "   'blog': {'name': 'Aaron的个人文章', 'url': '/u/aaron_59f5c5ee0c93f/articles'},\n",
       "   'currentHideSetting': 'none',\n",
       "   'type': 'article'}],\n",
       " 'message': ''}"
      ]
     },
     "execution_count": 64,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "response = requests.get(a_url, params=params, headers=headers)\n",
    "response.json()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 66,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "'1190000018895543'"
      ]
     },
     "execution_count": 66,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "response.json()[\"data\"][0][\"id\"]"
   ]
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3",
   "language": "python",
   "name": "python3"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.7.0"
  },
  "latex_envs": {
   "LaTeX_envs_menu_present": true,
   "autoclose": false,
   "autocomplete": true,
   "bibliofile": "biblio.bib",
   "cite_by": "apalike",
   "current_citInitial": 1,
   "eqLabelWithNumbers": true,
   "eqNumInitial": 1,
   "hotkeys": {
    "equation": "Ctrl-E",
    "itemize": "Ctrl-I"
   },
   "labels_anchors": false,
   "latex_user_defs": false,
   "report_style_numbering": false,
   "user_envs_cfg": false
  },
  "toc": {
   "base_numbering": 1,
   "nav_menu": {},
   "number_sections": true,
   "sideBar": true,
   "skip_h1_title": false,
   "title_cell": "Table of Contents",
   "title_sidebar": "Contents",
   "toc_cell": false,
   "toc_position": {},
   "toc_section_display": true,
   "toc_window_display": false
  },
  "varInspector": {
   "cols": {
    "lenName": 16,
    "lenType": 16,
    "lenVar": 40
   },
   "kernels_config": {
    "python": {
     "delete_cmd_postfix": "",
     "delete_cmd_prefix": "del ",
     "library": "var_list.py",
     "varRefreshCmd": "print(var_dic_list())"
    },
    "r": {
     "delete_cmd_postfix": ") ",
     "delete_cmd_prefix": "rm(",
     "library": "var_list.r",
     "varRefreshCmd": "cat(var_dic_list()) "
    }
   },
   "types_to_exclude": [
    "module",
    "function",
    "builtin_function_or_method",
    "instance",
    "_Feature"
   ],
   "window_display": false
  }
 },
 "nbformat": 4,
 "nbformat_minor": 2
}