V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
Shared
V2EX  ›  分享创造

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

  •  
  •   Shared ·
    vayn · 2015-02-02 15:20:55 +08:00 · 8747 次点击
    这是一个创建于 3580 天前的主题,其中的信息可能已经有所发展或是发生改变。
    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   ·   实用小工具   ·   1022 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 19:37 · PVG 03:37 · LAX 11:37 · JFK 14:37
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.