用 React 做了个知乎日报简易网页版 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
Shared
V2EX    分享创造

用 React 做了个知乎日报简易网页版

  •  
  •   Shared
    vayn 2015-02-02 15:20:55 +08:00 9113 次点击
    这是一个创建于 3909 天前的主题,其中的信息可能已经有所发展或是发生改变。
    http://daily.elnode.com/

    只能看当天日报。

    之前用 Angular 做前端,不过一直不怎么喜欢它的理念。算是后知后觉,近几天才发现了 Facebook 的 React 框架,看起来很清爽。

    拿知乎日报开刀是因为之前 @kuber 做的网页版挂了,一直也没找到比那个更好的网页版。再加上我喜欢看评论,现有的也不支持。于是周末练手,拿 AmazeUI + React 拼了个知乎日报的网页版。

    源码在此: https://gitcafe.com/Hz/daily-rv
    第 1 条附言    2015-02-02 22:57:53 +08:00
    因为域名没备案的关系被阿里云封了,不过幸好 GitCafe 支持 page,可以在这里读日报:

    http://hz.gitcafe.io/daily-rv/

    顺带问下,这个备案检测是自动的吗?下午还可以访问。
    28 条回复    2015-02-06 09:44:08 +08:00
    timothyye
        1
    timothyye  
       2015-02-02 15:27:46 +08:00 via Android
    最近React好火……
    ufo22940268
        2
    ufo22940268  
       2015-02-02 15:34:45 +08:00
    我想问一个问题,我如果想看react生成的最终的网页的源码,能看到吗?
    immjun
        3
    immjun  
       2015-02-02 15:35:56 +08:00
    @ufo22940268 F12或者右键查看源代码/审查元素
    Shared
        4
    Shared  
    OP
       2015-02-02 15:48:19 +08:00   1
    @ufo22940268 如果用 Chrome 的话可以安装 React Developer Tools 这个插件,直接在开发者工具控制台里查看。

    https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi
    fakefish
        5
    fakefish  
       2015-02-02 16:38:03 +08:00
    为什么要用yql去获取知乎的数据?
    Shared
        6
    Shared  
    OP
       2015-02-02 16:42:43 +08:00
    @fakefish 因为要解决 CORS http://en.wikipedia.org/wiki/Cross-origin_resource_sharing 而我又懒得自己写 proxy
    lingyired
        7
    lingyired  
       2015-02-02 16:43:39 +08:00
    请问 [+] 和 [++]
    分别代表什么?
    Shared
        8
    Shared  
    OP
       2015-02-02 17:04:33 +08:00
    @lingyired 知乎日报的评论有短评论和长评论两种
    lingyired
        9
    lingyired  
       2015-02-02 17:06:41 +08:00
    @Shared 原来如此。
    可以加个 tooltip ,或者简单点,title 之类的 :)
    Shared
        10
    Shared  
    OP
       2015-02-02 17:08:36 +08:00   1
    @lingyired 好的!一开始是自己用,没想这么多。晚上回去加上
    fakefish
        11
    fakefish  
       2015-02-02 17:10:14 +08:00
    @Shared 原来如此 学到了
    lingyired
        12
    lingyired  
       2015-02-02 17:10:55 +08:00
    @Shared 那顺便加个 loading mask 。网速慢的不知道啥情况。。:)
    loveuqian
        13
    loveuqian  
       2015-02-02 17:12:50 +08:00
    我看源码里面没有设置favicon,为什么个网页的icon还是妹子UI默认的icon???
    Shared
        14
    Shared  
    OP
       2015-02-02 17:20:54 +08:00
    @lingyired 好的
    @loveuqian 哈哈,因为我在服务器的配置里设置过了,只要浏览器支持可以自动取到 favicon
    puyo
        15
    puyo  
       2015-02-02 18:55:23 +08:00
    貌似有时候刷不出内容。
    frontman
        16
    frontman  
       2015-02-02 19:14:38 +08:00
    页面上什么都没有啊
    loading
        17
    loading  
       2015-02-02 19:15:58 +08:00
    youren
        18
    youren  
       2015-02-02 19:54:57 +08:00 via iPhone
    @loading 简直冷到发抖
    Shared
        19
    Shared  
    OP
       2015-02-02 20:47:35 +08:00
    @puyo @frontman YQL 有时候慢点……一会儿加个 loading spin
    @loading @youren 这就是我不用任何后端技术抓取文章的原因
    smilingsun
        20
    smilingsun  
       2015-02-02 22:36:45 +08:00 via Android
    温馨提示:该网站暂时无法进行访问

    原因一:根据工信部相关法规,您尚未进行备案;
    Shared
        21
    Shared  
    OP
       2015-02-02 22:54:50 +08:00
    @smilingsun 好吧,被阿里云打败了。这里也可以看日报:

    http://hz.gitcafe.io/daily-rv/

    感谢 GitCafe !
    DualWield
        22
    DualWield  
       2015-02-03 10:03:54 +08:00
    React Native出了,可惜英文听不懂,55555555~~
    rekey
        23
    rekey  
       2015-02-03 10:55:09 +08:00
    利用 yahoo 来转 ajax 请求。不错。
    fly2never
        24
    fly2never  
       2015-02-03 16:07:35 +08:00
    温馨提示:该网站暂时无法进行访问

    原因一:根据工信部相关法规,您尚未进行备案;

    原因二:根据工信部相关法规,您当前的接入商不是万网或阿里云;

    原因三:您的网站可能存在不适宜传播的信息,请联系网站管理员。

    本页面为默认提示页面,如网站存在以上问题请及时进行处理。

    阿里云用户备案请登录阿里云代备案管理系统 ;万网用户备案请登录万网代备案管理系统 ;

    谢谢合作!
    jiyinyiyong
        25
    jiyinyiyong  
       2015-02-03 19:40:53 +08:00
    楼主... http://react-china.org

    顺便问下 AmazeUI 搭配 React 感觉如何?
    Shared
        26
    Shared  
    OP
       2015-02-06 00:44:58 +08:00
    @jiyinyiyong 还好啦,就是 AmazeUI 的组件现在还太少,尤其是移动应用部分。你是 React China 站长吗,多谢推荐,以后长去
    Shared
        27
    Shared  
    OP
       2015-02-06 09:42:47 +08:00
    @fly2never 没办法中招了……没有国外 VPS,也懒得备案。不过 GitCafe 的 pages 还可以访问 http://hz.gitcafe.io/daily-rv/
    Shared
        28
    Shared  
    OP
       2015-02-06 09:44:08 +08:00
    @DualWield 看起来很拉风的样子!
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     943 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 25ms UTC 19:45 PVG 03:45 LAX 12:45 JFK 15:45
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86