V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
bw2
V2EX  ›  程序员

React 版 V2EX 社区( react & react-router & axios & antd ui)

  •  
  •   bw2 ·
    bergwhite · 2017-08-22 12:03:40 +08:00 · 3306 次点击
    这是一个创建于 2648 天前的主题,其中的信息可能已经有所发展或是发生改变。

    目录

    • 项目简介
    • 在线演示
    • 截图演示
    • 踩坑

    项目简介( 1/4 )

    • 项目使用 React、Reac-router、Axios、ANTD UI 进行开发
    • 项目兼容移动端
    • 使用 Nginx 代理 V2EX API 并支持 CORS 跨域
    • 另外还写过一个 Vue 版 V2EX 项目,v2ex-vue: https://x.bw2.me/#/
    • 以及 nodejs 聊天室,nchat: http://y.bw2.me:8086
    • 找工作,北京。联系方式:YmVyZ3doaXRlc0BnbWFpbC5jb20=
    • 觉得对你有帮助的话,欢迎给个 star,谢谢

    在线演示( 2/4 )

    第一个二维码是移动端页面,第二个二维码是 apk 的下载地址

    mobile apk

    截图演示( 3/4 )

    导航页面

    nav-page

    文章页面

    art-page

    分类页面

    tag-page

    用户和主题页面

    use-page

    踩坑( 4/4 )

    支持 IE

    在 IE 中的报错,TypeError: 对象不支持“ startsWith ”属性或方法,通过添加 babel-polyfill 解决

    
    import babel-polyfill for IE9+
    
    

    通过 Nginx 配置路由

    直接访问二级路由会 404,通过 nginx 把页面定向到 inedx.html,让 react-router 接管页面路由

    
    location / {
      try_files $uri /index.html
    }
    
    

    开启 Gzip

    页面访问速度过慢,于是开启 Gzip 对数据压缩传输

    
    gzip on; # 开启 Gzip
    gzip_comp_level 6; # 级别为 1-9,9 是最高的压缩比
    gzip_types *; # 压缩所有类型文件
    gzip_vary on; # 添加响应头
    
    
    13 条回复    2017-08-22 15:42:17 +08:00
    Smirn0ff
        1
    Smirn0ff  
       2017-08-22 12:19:04 +08:00
    大家用了这长时间把 V2 改成怎么样,看楼主的风格有给该回去了!这是在红酒里兑雪碧吗?
    bw2
        2
    bw2  
    OP
       2017-08-22 12:23:42 +08:00
    bw2
        3
    bw2  
    OP
       2017-08-22 12:24:15 +08:00
    @Smirn0ff 有吗,我不知道以前是什么样...
    voocel
        4
    voocel  
       2017-08-22 14:13:58 +08:00
    支持一下
    webster
        5
    webster  
       2017-08-22 14:20:26 +08:00
    看了下 感觉眼睛疼哈哈
    不过我猜楼主为了找工作 猜对没
    Kilerd
        6
    Kilerd  
       2017-08-22 14:55:26 +08:00 via iPhone
    你觉得这界面好看吗?
    Marfal
        7
    Marfal  
       2017-08-22 14:57:45 +08:00
    Windows 低分屏录 GIF 看的我想吐
    deepkolos
        8
    deepkolos  
       2017-08-22 15:02:20 +08:00
    我也来刷刷自己做的东西, 可以点击菜单 , 然后按返回按钮~

    http://weibao.deepkolos.cn/
    bw2
        9
    bw2  
    OP
       2017-08-22 15:04:59 +08:00
    @voocel 谢谢
    @webster 确实啊,是不是字体太小了...
    @Kilerd 不,不好看...
    @Marfal 为了减少 gif 大小,录的是 15 帧 /s
    bw2
        10
    bw2  
    OP
       2017-08-22 15:06:18 +08:00
    @deepkolos 挺好的,开源吗
    Ultraman
        11
    Ultraman  
       2017-08-22 15:08:21 +08:00
    加个折叠功能吧 主题长的帖子滚起来很操蛋。。。
    deepkolos
        12
    deepkolos  
       2017-08-22 15:11:38 +08:00
    @bw2 开源 https://github.com/deepkolos/app_container , 不过自己写得框架 , 那个, 路过看看 star 就好, 里面的代码结构化程度不高~~

    那个, 简书可以传 5mb 的图片~ 可以把分辨率,fps 都弄高一些的
    bw2
        13
    bw2  
    OP
       2017-08-22 15:42:17 +08:00
    @vcinex 好的,这就去加
    @deepkolos 界面很美,已 start。好的,我看看分辨率能不能调高点。

    另外,在线 demo 基本挂了...超过 120 次限制了...

    ```

    {
    "status": "error",
    "message": "Rate Limit Exceeded",
    "rate_limit": {
    "used": 120,
    "hourly_quota": 120,
    "hourly_remaining": 0
    }
    }

    ```
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1933 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 16:17 · PVG 00:17 · LAX 08:17 · JFK 11:17
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.