爱意满满的作品展示区。
Shared

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

  •  
  •   Shared ·
    vayn · Feb 2, 2015 · 10045 views
    This topic created in 4296 days ago, the information mentioned may be changed or developed.
    http://daily.elnode.com/

    只能看当天日报。

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

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

    源码在此: https://gitcafe.com/Hz/daily-rv
    Supplement 1  ·  Feb 2, 2015
    因为域名没备案的关系被阿里云封了,不过幸好 GitCafe 支持 page,可以在这里读日报:

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

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

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

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

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

    感谢 GitCafe !
    DualWield
    DualWield
    Feb 3, 2015
    22
    React Native出了,可惜英文听不懂,55555555~~
    rekey
    rekey
    Feb 3, 2015
    23
    利用 yahoo 来转 ajax 请求。不错。
    fly2never
    fly2never
    Feb 3, 2015
    24
    温馨提示:该网站暂时无法进行访问

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

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

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

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

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

    谢谢合作!
    jiyinyiyong
    jiyinyiyong
    Feb 3, 2015
    25
    楼主... http://react-china.org

    顺便问下 AmazeUI 搭配 React 感觉如何?
    Shared
    Shared
    OP
    Feb 6, 2015
    26
    @jiyinyiyong 还好啦,就是 AmazeUI 的组件现在还太少,尤其是移动应用部分。你是 React China 站长吗,多谢推荐,以后长去
    Shared
    Shared
    OP
    Feb 6, 2015
    27
    @fly2never 没办法中招了……没有国外 VPS,也懒得备案。不过 GitCafe 的 pages 还可以访问 http://hz.gitcafe.io/daily-rv/
    Shared
    Shared
    OP
    Feb 6, 2015
    28
    @DualWield 看起来很拉风的样子!
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1683 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 65ms · UTC 11:17 · PVG 19:17 · LAX 03:17 · JFK 06:17
    ♥ Do have faith in what you're doing.